Ако сте уеб администратор, може да мислите как можете да направите уебсайта си по-интерактивен или дори да позволите на посетителите си да си сътрудничат един с друг. По-голямата част от времето, осъществяването на функция за съвместна работа на вашия сайт може да бъде трудоемък и времеемък процес. Въпреки това, с TogetherJS вече можете лесно да добавите функция за сътрудничество в реално време към вашия сайт с минимални технически / кодиращи умения.

TogetherJS е безплатен инструмент за сътрудничество с отворен код, създаден от Mozilla (екипът зад браузъра Firefox). Целият инструмент за сътрудничество е обвит в Javascript библиотека и всичко, което трябва да направите, е да добавите Javascript код към сайта си, за да активирате функцията за сътрудничество в реално време за вашия сайт.

Инсталация

За да започнете, трябва само да добавите следния ред код към темата / шаблона на уебсайта си, за предпочитане в края на страницата, преди етикет:

За да позволите на потребителите да започнат сесия за сътрудничество, просто добавете бутон "Стартиране на сътрудничество" на сайта си. Поставете кода до мястото, където искате да се появи бутонът.

 Започнете сътрудничество 

Друга възможност е да добавите клавиш CSS към бутона, така че да можете да го нагласите така, че да съответства на вашата тема.

 Започнете сътрудничество 

Това е всичко, което трябва да направите. Нека да разгледаме как се представя.

употреба

Когато някой кликне върху бутона "Стартиране на сътрудничество", ще се покаже изскачащ прозорец.

Кликването върху дясната стрелка в изскачащото прозорец ще покаже поле за потребителя, който да въведе името му и по желание да качи своята снимка на потребителския му профил.

Следващият екран отдясно показва връзката, която потребителят може да сподели със своите приятели, за да ги накара да се присъединят към сесията.

И накрая, кликнете върху бутона "Готов съм", за да започнете сесията.

Когато поканите гости кликнат върху връзката, за да отидат на сайта Ви, ще се покаже прозорецът "Join Session". След като се присъединят към сесията и зададат своя профил, техният аватар ще се появи в страничната лента.

Нещата, които можете да направите, включват:

Чат

Аудио чат

Аудио чатът е експериментална функция и е подложен на подкрепата на браузъра.

Синхронизирано движение на мишката и промени в реално време

По-долу има screencast, където поставям два браузъра една до друга и виждам как движението на мишката на един потребител се показва на екрана на друг потребител. Аз също въведох в полето за коментари и текстът се появи веднага в другия браузър.

заключение

Функциите, показани по-горе, са само малка част от това, което можете да направите с TogetherJS. Можете да проверите документацията му за още начини за разширяване на функционалността му. Има много неща, които можете да направите на сайта си с TogetherJS и с такова просто внедряване, вие сте ограничени само от собствената си креативност.