Hvis du er en webmaster, kan du tenke på hvordan du kan gjøre nettstedet ditt mer interaktiv, eller til og med tillate besøkende å samarbeide med hverandre. Mesteparten av tiden, implementering av en samarbeidsfunksjon på nettstedet ditt, kan være en arbeids- og tidsintensiv prosess. Men med TogetherJS kan du nå enkelt legge til en sanntidssamarbeidsfunksjon til nettstedet ditt med minimal teknisk / kodende ferdighet.

TogetherJS er et gratis, åpen kildekode samarbeidsverktøy laget av Mozilla (teamet bak Firefox-nettleseren). Hele samarbeidsverktøyet er pakket inn i et Javascript-bibliotek, og alt du trenger å gjøre er å legge til Javascript-koden på nettstedet ditt for å aktivere sanntidssamarbeidsfunksjon for nettstedet ditt.

Installasjon

For å komme i gang er alt du trenger å gjøre, å legge til følgende linje med kode til nettstedets tema / mal, helst på slutten av siden, før stikkord:

For å tillate brukere å starte en samarbeidssesjon, legg ganske enkelt til en "Start Collaboration" -knapp til nettstedet ditt. Lim inn koden til posisjonen der du vil at knappen skal vises.

 Start samarbeid 

Alternativt kan du legge til en CSS-klasse på knappen, slik at du kan stile den slik at den passer til temaet ditt.

 Start samarbeid 

Det er alt du trenger å gjøre. La oss se på hvordan den utfører.

bruk

Når noen klikker på "Start Collaboration" -knappen, vises et popup-vindu.

Hvis du klikker på høyre pil i popup-vinduet, vises et felt for brukeren å skrive inn hans / hennes navn og eventuelt laste opp profilbildet sitt.

Neste skjerm til høyre viser lenken som brukeren kan dele med sine venner for å få dem til å delta i sesjonen.

Til slutt klikker du på knappen "Jeg er klar" for å starte økten.

Når inviterte gjester klikker på linken for å gå til nettstedet ditt, vil de se en "Join Session" popup-boks. Når de blir med i sesjonen og konfigurerer profilen deres, vises deres avatar i sidefeltet.

Ting du kan gjøre er:

Chat

Lydchatt

Lydchatten er en eksperimentell funksjon og er underlagt støtten til nettleseren.

Synkronisert musebevegelse og sanntidsendringer

Nedenfor er en screencast hvor jeg plasserer to nettlesere side om side og se hvordan musebevegelsen til en bruker vises i en annen brukeres skjerm. Jeg har også skrevet inn kommentarfeltet og teksten vises umiddelbart i den andre nettleseren.

Konklusjon

Funksjonene som vises ovenfor er bare en liten del av det du kan gjøre med TogetherJS. Du kan sjekke ut dokumentasjonen for flere måter å utvide sin funksjonalitet på. Det er massevis av ting du kan gjøre på nettstedet ditt med TogetherJS, og med en så enkel implementering, er du bare begrenset av din egen kreativitet.