Mozilla TogetherJS : la collaboration en temps réel en un clic

Guillaume Belfiore
Lead Software Chronicler
17 octobre 2013 à 10h42
0
Comment ajouter simplement des éléments interactifs sur l'ensemble des sites Internet ? Telle est la question à laquelle Mozilla vient de trouver une réponse en publiant un nouvel outil baptisé TogetherJS.

Initialement connu sous l'appellation TowTruck et pris en charge par Mozilla Labs, TogetherJS se présente sous la forme de deux petits bouts de code JavaScript à insérer directement au sein de n'importe quel site Web. Cela créera un simple bouton révélant une véritable intégration de WebRTC.

000000FA06719494-photo-togetherjs.jpg
000000FA06719496-photo-togetherjs.jpg


Le visiteur d'un site cliquant sur ce bouton sera invité à partager une URL unique automatiquement générée à partir de l'adresse du site Internet. Il suffira de partager celle-ci avec l'un de ses contacts pour obtenir diverses nouvelles fonctionnalités de collaboration. Plus précisément lorsqu'il est activé TogetherJS propose d'observer le curseur de son interlocuteur ou l'état de sa barre de défilement.

Mozilla simplifie au maximum l'implémentation de WebRTC et les deux collaborateurs retrouveront un module de messagerie instantanée avec la possibilité d'établir une communication audio. Notons en outre que l'état de lecture d'une vidéo sera synchronisé entre les deux parties. Par ailleurs la session sera prolongée sur l'ensemble des pages Web rattachées au domaine.

000000FA06719498-photo-togetherjs.jpg


Mozilla précise tout de même que les éléments rafraichis automatiquement via JavaScript, tel qu'une liste, ne seront pas synchronisés. Pour tester TogetherJS, il suffit d'ajouter le code ci-dessous dans l'en-tête de votre page Web, entre les balises <head>...</head>

<script src="https://togetherjs.com/togetherjs.js"></script>


Retrouvez ci-dessous le code du bouton permettant d'activer les fonctionnalités collaboratives à placer entre les balises <body>...</body>. Davantage d'informations sont disponibles sur le blog officiel de Mozilla.

<button id="collaborate" type="button">Nom-du-Bouton</button>
<script>
document.getElementById("collaborate")
.addEventListener("click", TogetherJS, false);
</script>

Guillaume Belfiore

Lead Software Chronicler

Lead Software Chronicler

Responsable du développement éditorial sur la partie Logiciel et Services Web sur Clubic. Précédemment journaliste, je traitais l'actualité web et mobile au sens large. Je m'intéressais aux entrailles...

Lire d'autres articles

Responsable du développement éditorial sur la partie Logiciel et Services Web sur Clubic. Précédemment journaliste, je traitais l'actualité web et mobile au sens large. Je m'intéressais aux entrailles des navigateurs web, aux nouveaux smartphones mais aussi aux systèmes d'exploitation, aux questions de sécurité ou à l'actualité e-business en général. Sinon je dois avouer que j'ai un faible pour tout ce qui touche au web design et c'est généralement le code source d'une page web que je lis en premier.

Lire d'autres articles
Vous êtes un utilisateur de Google Actualités ou de WhatsApp ? Suivez-nous pour ne rien rater de l'actu tech !
google-news

A découvrir en vidéo

Rejoignez la communauté Clubic S'inscrire

Rejoignez la communauté des passionnés de nouvelles technologies. Venez partager votre passion et débattre de l’actualité avec nos membres qui s’entraident et partagent leur expertise quotidiennement.

S'inscrire

Commentaires

Haut de page