Wenn Sie ein Webmaster sind, denken Sie vielleicht darüber nach, wie Sie Ihre Website interaktiver gestalten können oder ob Ihre Besucher sogar zusammenarbeiten können. In den meisten Fällen kann die Implementierung einer kollaborativen Funktion auf Ihrer Website ein arbeits- und zeitintensiver Prozess sein. Mit TogetherJS können Sie jedoch auf einfache Weise eine Echtzeit-Funktion für die Zusammenarbeit mit minimalem technischem Know-how zu Ihrer Website hinzufügen.

TogetherJS ist ein kostenloses Open-Source-Collaboration-Tool, das von Mozilla (dem Team hinter dem Firefox-Browser) erstellt wurde. Das gesamte Collaboration-Tool ist in eine Javascript-Bibliothek eingebunden. Sie müssen lediglich den JavaScript-Code zu Ihrer Site hinzufügen, um die Funktion für die Echtzeit-Zusammenarbeit für Ihre Site zu aktivieren.

Installation

Um zu beginnen, müssen Sie lediglich die folgende Codezeile zu Ihrem Webseitenthema / Ihrer Vorlage hinzufügen, vorzugsweise am Ende der Seite, vor der Etikett:

Um Benutzern zu ermöglichen, eine Zusammenarbeitssitzung zu starten, fügen Sie einfach einen "Start Collaboration" -Button zu Ihrer Site hinzu. Fügen Sie den Code an der Position ein, an der die Schaltfläche angezeigt werden soll.
 Starten Sie die Zusammenarbeit 
Alternativ können Sie der Schaltfläche eine CSS-Klasse hinzufügen, damit Sie sie an Ihr Thema anpassen können.
 Starten Sie die Zusammenarbeit 
Das ist alles was du tun musst. Schauen wir uns an, wie es funktioniert.
Verwendung 
Wenn jemand auf die Schaltfläche "Collaboration starten" klickt, wird ein Popup-Fenster angezeigt.
Wenn Sie auf den Rechtspfeil im Popup-Fenster klicken, wird ein Feld angezeigt, in das der Benutzer seinen Namen eingeben und optional sein Profilfoto hochladen kann.
Der nächste Bildschirm auf der rechten Seite zeigt den Link, den der Benutzer mit seinen Freunden teilen kann, um sie dazu zu bringen, an der Sitzung teilzunehmen.
Klicken Sie abschließend auf "Ich bin bereit", um die Sitzung zu starten.
Wenn eingeladene Gäste auf den Link klicken, um zu Ihrer Website zu gelangen, wird ein Popup-Fenster "Sitzung beitreten" angezeigt. Sobald sie der Sitzung beitreten und ihr Profil einrichten, wird ihr Avatar in der Seitenleiste angezeigt.
Dinge, die Sie tun können, umfassen:
Plaudern
Audio-Chat
Der Audio-Chat ist ein experimentelles Feature und unterliegt der Unterstützung des Browsers.
Synchronisierte Mausbewegung und Echtzeitänderungen
Unten ist ein Screencast, bei dem ich zwei Browser nebeneinander positioniere und sehe, wie die Mausbewegung eines Benutzers auf dem Bildschirm eines anderen Benutzers erscheint. Ich habe auch das Kommentarfeld eingegeben und der Text erscheint sofort im anderen Browser.
Fazit 
Die oben gezeigten Funktionen sind nur ein kleiner Teil dessen, was Sie mit TogetherJS tun können. In der Dokumentation finden Sie weitere Möglichkeiten zur Erweiterung der Funktionalität. Es gibt eine Menge Dinge, die Sie mit TogetherJS auf Ihrer Site tun können, und mit einer solch einfachen Implementierung sind Sie nur durch Ihre eigene Kreativität eingeschränkt.