Web real time communication @UXRepublic
-
Upload
ux-republic -
Category
Internet
-
view
689 -
download
2
Transcript of Web real time communication @UXRepublic
![Page 1: Web real time communication @UXRepublic](https://reader031.fdocuments.in/reader031/viewer/2022021918/58ad048d1a28ab0b408b4af1/html5/thumbnails/1.jpg)
Web Real Time Communication
Nouveaux horizons
© copyright ux-republic 2015 - blog.ux-republic.com
- Hugo C
rampont
![Page 2: Web real time communication @UXRepublic](https://reader031.fdocuments.in/reader031/viewer/2022021918/58ad048d1a28ab0b408b4af1/html5/thumbnails/2.jpg)
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.
WebRTCC’est quoi ? ©
copyright ux-republic 2015 - blog.ux-republic.com - H
ugo Cram
pont
![Page 3: Web real time communication @UXRepublic](https://reader031.fdocuments.in/reader031/viewer/2022021918/58ad048d1a28ab0b408b4af1/html5/thumbnails/3.jpg)
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.
ETATDES LIEUX
© copyright ux-republic 2015 - blog.ux-republic.com
- Hugo C
rampont
![Page 4: Web real time communication @UXRepublic](https://reader031.fdocuments.in/reader031/viewer/2022021918/58ad048d1a28ab0b408b4af1/html5/thumbnails/4.jpg)
© copyright ux-republic 2015 - blog.ux-republic.com
- Hugo C
rampont
![Page 5: Web real time communication @UXRepublic](https://reader031.fdocuments.in/reader031/viewer/2022021918/58ad048d1a28ab0b408b4af1/html5/thumbnails/5.jpg)
Technologies propriétaires, et coûteusesen terme de développement :
- Skype
- Messenger
etc…
Non intégrable dans un contenu web classique
RTC avantWebRTC
© copyright ux-republic 2015 - blog.ux-republic.com
- Hugo C
rampont
![Page 6: Web real time communication @UXRepublic](https://reader031.fdocuments.in/reader031/viewer/2022021918/58ad048d1a28ab0b408b4af1/html5/thumbnails/6.jpg)
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 PROMESSESde WebRTC
© copyright ux-republic 2015 - blog.ux-republic.com
- Hugo C
rampont
![Page 7: Web real time communication @UXRepublic](https://reader031.fdocuments.in/reader031/viewer/2022021918/58ad048d1a28ab0b408b4af1/html5/thumbnails/7.jpg)
- 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 CHAMPDES POSSIBLES
© copyright ux-republic 2015 - blog.ux-republic.com
- Hugo C
rampont
![Page 8: Web real time communication @UXRepublic](https://reader031.fdocuments.in/reader031/viewer/2022021918/58ad048d1a28ab0b408b4af1/html5/thumbnails/8.jpg)
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 etstandardisationDE WebRTC
© copyright ux-republic 2015 - blog.ux-republic.com
- Hugo C
rampont
![Page 9: Web real time communication @UXRepublic](https://reader031.fdocuments.in/reader031/viewer/2022021918/58ad048d1a28ab0b408b4af1/html5/thumbnails/9.jpg)
Schéma du modèle de communication
Signal Signal
© copyright ux-republic 2015 - blog.ux-republic.com
- Hugo C
rampont
![Page 10: Web real time communication @UXRepublic](https://reader031.fdocuments.in/reader031/viewer/2022021918/58ad048d1a28ab0b408b4af1/html5/thumbnails/10.jpg)
LES TROIS API’SWebRTC
01 - RTCPeerConnection
02 - MediaStream (ou getUserMedia)
03 - RTCDataChannel
© copyright ux-republic 2015 - blog.ux-republic.com
- Hugo C
rampont
![Page 11: Web real time communication @UXRepublic](https://reader031.fdocuments.in/reader031/viewer/2022021918/58ad048d1a28ab0b408b4af1/html5/thumbnails/11.jpg)
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.
01RTCPeerConnection
© copyright ux-republic 2015 - blog.ux-republic.com
- Hugo C
rampont
![Page 12: Web real time communication @UXRepublic](https://reader031.fdocuments.in/reader031/viewer/2022021918/58ad048d1a28ab0b408b4af1/html5/thumbnails/12.jpg)
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.
02Mediastream
© copyright ux-republic 2015 - blog.ux-republic.com
- Hugo C
rampont
![Page 13: Web real time communication @UXRepublic](https://reader031.fdocuments.in/reader031/viewer/2022021918/58ad048d1a28ab0b408b4af1/html5/thumbnails/13.jpg)
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.
03RTCDataChannel
© copyright ux-republic 2015 - blog.ux-republic.com
- Hugo C
rampont
![Page 14: Web real time communication @UXRepublic](https://reader031.fdocuments.in/reader031/viewer/2022021918/58ad048d1a28ab0b408b4af1/html5/thumbnails/14.jpg)
WebRTC EN ACTION
© copyright ux-republic 2015 - blog.ux-republic.com
- Hugo C
rampont
![Page 15: Web real time communication @UXRepublic](https://reader031.fdocuments.in/reader031/viewer/2022021918/58ad048d1a28ab0b408b4af1/html5/thumbnails/15.jpg)
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+ ENBREF
© copyright ux-republic 2015 - blog.ux-republic.com
- Hugo C
rampont
![Page 16: Web real time communication @UXRepublic](https://reader031.fdocuments.in/reader031/viewer/2022021918/58ad048d1a28ab0b408b4af1/html5/thumbnails/16.jpg)
MERCI !!!
© copyright ux-republic 2015 - blog.ux-republic.com
- Hugo C
rampont
![Page 17: Web real time communication @UXRepublic](https://reader031.fdocuments.in/reader031/viewer/2022021918/58ad048d1a28ab0b408b4af1/html5/thumbnails/17.jpg)
Let’s talk about UX ! [email protected] - +33 1 45 61 47 56 - @UXRepublic
DIGITAL THINKINGAgence de Design d’interfaces & Centre de formation
blog.ux-republic.com