Om du är webmaster, kanske du tänker på hur du kan göra din webbplats mer interaktiv, eller till och med låta dina besökare samarbeta med varandra. För det mesta kan implementering av en samarbetsfunktion på din webbplats vara en arbets- och tidsintensiv process. Men med TogetherJS kan du nu enkelt lägga till en realtidssamarbetingsfunktion på din webbplats med minimal teknisk / kodningsförmåga.

TogetherJS är ett gratis, open source-samarbetsverktyg skapat av Mozilla (laget bakom Firefox-webbläsaren). Hela samarbetsverktyget är inslaget i ett Javascript-bibliotek och allt du behöver göra är att lägga till Javascript-koden på din webbplats för att aktivera funktionen i realtid för din webbplats.

Installation

För att komma igång är allt du behöver göra för att lägga till följande rad kod till din webbplats tema / mall, helst i slutet av sidan, före märka:

För att tillåta användare att starta en samarbetssession, lägg bara till en "Start Collaboration" -knapp på din webbplats. Klistra in koden till den position där du vill att knappen ska dyka upp.

 Starta samarbete 

Alternativt kan du lägga till en CSS-klass till knappen så att du kan stile den så att den passar ditt tema.

 Starta samarbete 

Det är allt du behöver göra. Låt oss se hur det fungerar.

Användande

När någon klickar på knappen "Start Collaboration" visas ett popup-fönster.

Genom att klicka på högerpilen i popupen visas ett fält för användaren att ange sitt namn och eventuellt ladda upp sitt profilfoto.

Nästa skärm till höger visar länken som användaren kan dela med sina vänner för att få dem att delta i sessionen.

Slutligen klickar du på knappen "Jag är redo" för att starta sessionen.

När inbjudna gäster klickar på länken för att gå till din webbplats, kommer de att se en "Join Session" popup box. När de går med i sessionen och ställer in sin profil visas deras avatar i sidofältet.

Saker som du kan göra är:

Chatt

Ljudchatt

Ljudchatten är en experimentell funktion och utsätts för stöd från webbläsaren.

Synkroniserad musrörelse och realtidsändringar

Nedan visas en skärmdump där jag placerar två webbläsare sida om sida och ser hur en musrörs rörelse visas på en annan användares skärm. Jag har också skrivit i kommentarfältet och texten visas omedelbart i den andra webbläsaren.

Slutsats

Funktionerna ovan är bara en liten del av vad du kan göra med TogetherJS. Du kan kolla in dokumentationen för fler sätt att förlänga dess funktionalitet. Det finns massor av saker du kan göra på din webbplats med TogetherJS och med en så enkel implementering begränsas du bara av din egen kreativitet.