Als u een webmaster bent, denkt u misschien aan hoe u uw website interactiever kunt maken of zelfs uw bezoekers kunt laten samenwerken met elkaar. Meestal kan het implementeren van een samenwerkingsfunctie op uw site een arbeidsintensief en tijdrovend proces zijn. Met TogetherJS kunt u nu eenvoudig een real-time samenwerkingsfunctie aan uw site toevoegen met minimale technische / codeervaardigheid.

TogetherJS is een gratis opensource-samenwerkingsprogramma gemaakt door Mozilla (het team achter de Firefox-browser). De hele samenwerkingshulpprogramma is verpakt in een Javascript-bibliotheek en het enige dat u hoeft te doen is de Javascript-code aan uw site toe te voegen om de realtime samenwerkingsfunctie voor uw site in te schakelen.

Installatie

Om aan de slag te gaan, volstaat het om de volgende regel code aan uw websitethema / -sjabloon toe te voegen, bij voorkeur aan het einde van de pagina, vóór de label:

Om gebruikers toe te staan ​​een samenwerkingssessie te starten, voegt u gewoon een knop 'Samenwerking starten' toe aan uw site. Plak de code in de positie waar u de knop wilt laten verschijnen.
 Start samenwerking 
Je kunt ook een CSS-klasse aan de knop toevoegen, zodat je deze kunt afstemmen op je thema.
 Start samenwerking 
Dat is alles wat u hoeft te doen. Laten we kijken naar hoe het presteert.
Gebruik 
Wanneer iemand op de knop "Samenwerking starten" klikt, verschijnt er een pop-upvenster.
Als u op de pijl naar rechts klikt in de pop-up, verschijnt er een veld waarin de gebruiker zijn / haar naam kan invoeren en optioneel zijn / haar profielfoto kan uploaden.
Het volgende scherm aan de rechterkant toont de link die de gebruiker met zijn / haar vrienden kan delen om hen te laten deelnemen aan de sessie.
Klik ten slotte op de knop "Ik ben klaar" om de sessie te starten.
Wanneer uitgenodigde gasten op de link klikken om naar uw site te gaan, zien ze een pop-upvenster 'Join Session'. Zodra ze zich bij de sessie voegen en hun profiel instellen, verschijnt hun avatar in de zijbalk.
Dingen die je kunt doen zijn:
babbelen
Audiochat
De audiochat is een experimentele functie en wordt ondersteund door de browser.
Gesynchroniseerde muisbewegingen en real-time wijzigingen
Hieronder is een screencast waarbij ik twee browsers naast elkaar plaats en zie hoe de muisbeweging van een gebruiker wordt weergegeven in het scherm van een andere gebruiker. Ik typte ook het commentaarveld in en de tekst verschijnt onmiddellijk in de andere browser.
Conclusie 
De hierboven getoonde functies vormen slechts een klein deel van wat u met TogetherJS kunt doen. U kunt de documentatie raadplegen voor meer manieren om de functionaliteit uit te breiden. Er zijn massa's dingen die je op je site kunt doen met TogetherJS en met zo'n eenvoudige implementatie wordt je alleen beperkt door je eigen creativiteit.