Mais conteúdo relacionado Semelhante a Web real time communication @UXRepublic (20) Web real time communication @UXRepublic2. RTC pour Real Time Communication
Standard du Web qui intègrent des dispositifs
de communication audio, vidéo et data dits
‘temps réel’.
Disponible nativement, sans plugin, dans les
principaux navigateurs Web.
Echanges de ‘pair à pair’, entre deux
utilisateurs, via deux navigateurs Web
distants.
WebRTC
C’est quoi ?
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
3. WebRTC est supporté nativement sur
Chrome, Firefox et Opéra desktop, ainsi que
sur Android et Chrome Android pour le
support mobile.
L’installation d’un plugin est actuellement
requis pour Safari et Internet Explorer
version desktop.
ETAT
DES
LIEUX
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
5. Technologies propriétaires, et coûteuses
en terme de développement :
- Skype
- Messenger
etc…
Non intégrable dans un contenu web
classique
RTC
avant
WebRTC
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
6. Un standard du Web, pas un produit payant
API compatible avec les standards actuels du
web : html5, css3, javascript.
Simplicité d’implémentation à un contenu
Web déjà existant, dans la mesure ou ce
contenu intègre au préalable html5 et css3.
LES
PROMESSES
de WebRTC
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
7. - Chat audio et vidéo intégré, type live chat
- Applications de bureau à distance, partage
d’écrans, modules de travail collaboratif
- Nouveaux services de ‘proximité’ intégrés
aux plateformes web : assistance, dialogue
commercial, dépannage ...
- Échange rapide de fichiers lourds, sans
upload intermédiaire sur un serveur
- Jeux vidéos en réseau
- Réseaux décentralisés
LE CHAMP
DES POSSIBLES
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
8. Google rachète GIPS en mai 2010
GIPS une entreprise qui avait développé de
nombreux composants logiciels requis pour
la création de RTC
Google rend open source les technologies
développées par GIPS
Google s’engage dans la standardisation
d'une norme auprès de l'IETF et au W3C
Hangouts devient WebRTC compatible dès
2014
Naissance et
standardisation
DE WebRTC
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
9. Schéma du modèle de communication
Signal Signal
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
10. LES TROIS API’S
WebRTC
01 - RTCPeerConnection
02 - MediaStream (ou getUserMedia)
03 - RTCDataChannel
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
11. WebRTC utilise RTCPeerConnection pour
communiquer des flux de données entre
les navigateurs (pairs).
Il a aussi besoin d'un mécanisme pour
coordonner la communication et envoyer
des messages de contrôle, c'est ce qu'on
appelle la signalisation.
01
RTCPeerConnection
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
12. L'API MediaStream gère les flux de
données audio et vidéo et leur
synchronisation
Module qui permet l’encodage des
données multimédias à transmettre.
02
Mediastream
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
13. L'API RTCDataChannel permet de faire des
échanges de pair à pair de n'importe quelle
type de donnée: texte et fichiers.
Pas d’upload sur serveur, confidentialité,
sécurité des données
Peu de latence de transfert.
03
RTCDataChannel
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
15. Communications de navigateur à navigateur : toute
personne équipée d’un navigateur moderne peut participer à
une vidéoconférence.
Aucun plug-in à installer : WebRTC est nativement
disponible. Sans aucune contrainte de solutions proprétaires.
Réduction des coûts : on s’appuie sur les infrastructures Web
natives.
Possibilité de rajouter des fonctionnalités de communication
dit ‘temps réel’ à des applications web existantes.
Les API ouvertes de WebRTC permettent de rendre
communicantes des applications informatiques traditionnelles.
Nouveaux services web intégrés
LES
+
EN
BREF
©copyrightux-republic2015-blog.ux-republic.com-HugoCrampont
17. Let’s talk about UX ! hello@ux-republic.com - +33 1 45 61 47 56 - @UXRepublic
DIGITAL THINKING
Agence de Design d’interfaces &
Centre de formation
blog.ux-republic.com