web real time communication @uxrepublic

Web Real Time Communication

Nouveaux horizons

© copyright ux-republic 2015 - blog.ux-republic.com

- Hugo C

rampont

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

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


- Hugo C

rampont


- Hugo C

rampont

Technologies propriétaires, et coûteusesen terme de développement :

- Skype

- Messenger

etc…

Non intégrable dans un contenu web classique

RTC avantWebRTC


- Hugo C

rampont

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


- Hugo C

rampont

- 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


- Hugo C

rampont

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


- Hugo C

rampont

Schéma du modèle de communication

Signal Signal


- Hugo C

rampont

LES TROIS API’SWebRTC

01 - RTCPeerConnection

02 - MediaStream (ou getUserMedia)

03 - RTCDataChannel


- Hugo C

rampont

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


- Hugo C

rampont

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


- Hugo C

rampont

https://www.webrtc-experiment.com/Pluginfree-Screen-Sharing/

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


- Hugo C

rampont

WebRTC EN ACTION


- Hugo C

rampont

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


- Hugo C

rampont

MERCI !!!


- Hugo C

rampont

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

mailto:[email protected]

https://twitter.com/UXRepublic

http://www.ux-republic.com/blog/

