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

Guillaume Belfiore
Par Guillaume Belfiore, Rédacteur en chef adjoint.
Publié le 17 octobre 2013 à 10h42
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
Par Guillaume Belfiore
Rédacteur en chef adjoint

Je suis rédacteur en chef adjoint de Clubic, et plus précisément, je suis responsable du développement éditorial sur la partie Logiciels et Services Web.

Vous êtes un utilisateur de Google Actualités ou de WhatsApp ?
Suivez-nous pour ne rien rater de l'actu tech !
Commentaires (0)
Rejoignez la communauté Clubic
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.
Abonnez-vous à notre newsletter !

Recevez un résumé quotidien de l'actu technologique.

Désinscrivez-vous via le lien de désinscription présent sur nos newsletters ou écrivez à : [email protected]. en savoir plus sur le traitement de données personnelles