Hvis du er webmaster, kan du tænke på, hvordan du kan gøre din hjemmeside mere interaktiv, eller endda tillade dine besøgende at samarbejde med hinanden. Det meste af tiden kan implementering af en samarbejdsfunktion på dit websted være en arbejdskraft- og tidsintensiv proces. Men sammen med TogetherJS kan du nu nemt tilføje en real-time samarbejde funktion til dit websted med minimal teknisk / kodende færdigheder.

TogetherJS er et gratis, open source samarbejde værktøj oprettet af Mozilla (teamet bag Firefox browser). Hele samarbejdsværktøjet er pakket ind i et Javascript-bibliotek, og alt du skal gøre er at tilføje Javascript-koden til dit websted for at aktivere real-time samarbejde funktion til dit websted.

Installation

For at komme i gang er alt hvad du skal gøre, at tilføje følgende linje kode til dit website tema / skabelon, helst ved siden af ​​siden, før tag:

For at give brugerne mulighed for at starte en samarbejdssession, skal du blot tilføje en "Start Collaboration" -knap til dit websted. Indsæt koden til den position, hvor du vil have knappen vist.

 Start samarbejde 

Alternativt kan du tilføje en CSS-klasse til knappen, så du kan style den efter dit tema.

 Start samarbejde 

Det er alt, hvad du skal gøre. Lad os se på, hvordan den udfører.

Anvendelse

Når nogen klikker på knappen "Start samarbejde", vises et popup-vindue.

Hvis du klikker på højre pil i popup-vinduet, vises et felt for brugeren at indtaste hans / hendes navn og eventuelt uploade sit profilbillede.

Den næste skærm til højre viser det link, som brugeren kan dele med sine venner for at få dem til at deltage i sessionen.

Endelig skal du klikke på knappen "Jeg er klar" for at starte sessionen.

Når inviterede gæster klikker på linket for at gå til dit websted, vil de se en "Tilmeld session" popup boks. Når de deltager i sessionen og opsætter deres profil, vises deres avatar i sidebjælken.

Ting du kan gøre er:

Snak

Lydchat

Lydchatten er en eksperimentel funktion og understøttes af browseren.

Synkroniseret musebehandling og ændringer i realtid

Nedenfor er en screencast hvor jeg placerer to browsere side om side og se, hvordan musens bevægelse af en bruger vises på en anden brugers skærm. Jeg har også skrevet i kommentarfeltet, og teksten vises straks i den anden browser.

Konklusion

Funktionerne vist ovenfor er kun en lille del af, hvad du kan gøre med TogetherJS. Du kan tjekke dokumentationen for flere måder at udvide funktionaliteten til. Der er masser af ting, du kan gøre på dit websted sammen med TogetherJS og med en så enkel implementering, er du kun begrænset af din egen kreativitet.