Webrtc

4 762 vues

Publié le

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
4 762
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2 564
Actions
Partages
0
Téléchargements
71
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Webrtc

  1. 1. WebRtc Introduction au WebRtc Web Real-time communication By El Hadji A Waly Ndiaye Twitter :@elwans11/08/2012 Ndogou du Libre DarkarLug 1
  2. 2. WebRtc ● Cest quoi le WebRtc ? – Framework Open standard supporté par google mozilla opera … – Offrant API Native C++ WebRTC – Activation du Real time communication à travers le web – La communication Audio / video de haute qualité à travers un navigateur web11/08/2012 Ndogou du Libre DarkarLug 2
  3. 3. WebRtc ● La vision WebRtc ? – Unifier une plate-forme de communication (Pc ,téléphone, tv ,tablette … ) – Favoriser le real-time communication pour les applications futurs – Plate-forme de real-time communication accessible gratuit et interopérable11/08/2012 Ndogou du Libre DarkarLug 3
  4. 4. WebRtc ● Les technologies supportés ...? – Chrome 21 – Firefox 17 – Opera 12 – IE (via chromeframe ) – Navigateur mobile en cours ….11/08/2012 Ndogou du Libre DarkarLug 4
  5. 5. WebRtc ● Architecture11/08/2012 Ndogou du Libre DarkarLug 5
  6. 6. WebRtc ● Les Fonctionnalités – MediaStream : offrant laccés au Caméra/microphone – PeerConnection : offrant lappel audio / vidéo – Datachannels : permettant le transfert de donnée P2P11/08/2012 Ndogou du Libre DarkarLug 6
  7. 7. WebRtc ● MediaStream – Synchronise les différents flux médias – Transforme les urls et autorise les flux médias – Utilise lapi GetUserMedia pour acceder au périphérique (Caméra , microphones ) avec lautorisation de lutilisateur11/08/2012 Ndogou du Libre DarkarLug 7
  8. 8. WebRtc ● Mediastream – LActivation sur chrome 21 est automatique – Lactivation sur chrome < 2111/08/2012 Ndogou du Libre DarkarLug 8
  9. 9. WebRtc ● MediaStream ● Script JS + HTML511/08/2012 Ndogou du Libre DarkarLug 9
  10. 10. WebRtc ● Mediastream – Demo simple stream ● http://192.168.5.173/html5/dakarlug/simplestream.htm – Demo capture ● http://192.168.5.173/html5/dakarlug/caputre.html – Demo capture + Webgl ● http://neave.com/webcam/html5/ – Histogramme en 3D ● http://shinydemos.com/3d-color-histogram/11/08/2012 Ndogou du Libre DarkarLug 10
  11. 11. WebRtc ● PeerConnection – Offre les api neccessaires pour l’établissement de session audio/video ● Connexion P2P ● La gestion des codecs ● La sécurité ● Gestion de la bande passante11/08/2012 Ndogou du Libre DarkarLug 11
  12. 12. WebRtc ● PeerConnection – Chrome 2x11/08/2012 Ndogou du Libre DarkarLug 12
  13. 13. WebRtc ● PeerConnection – Demo Application ● http://sipml5.org/ ● http://apprtc.appspot.com11/08/2012 Ndogou du Libre DarkarLug 13
  14. 14. WebRtc ● DataChannel – Échange de données P2P avec un faible temps de latence ● Use cases – Jeux en ligne – Transfert de données – Message de texte Real-time – Contrôle de machine a distance11/08/2012 Ndogou du Libre DarkarLug 14
  15. 15. WebRtc ● Datachannel – Pas encore disponible sur aucun des navigateurs – Encours d’implémentation ….11/08/2012 Ndogou du Libre DarkarLug 15
  16. 16. WebRtc Merci de votre attention ! ?11/08/2012 Ndogou du Libre DarkarLug 16

×