Your SlideShare is downloading. ×
Webrtc
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Webrtc

3,724
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
3,724
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
40
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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. 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. 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. 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. WebRtc ● Architecture11/08/2012 Ndogou du Libre DarkarLug 5
  • 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. 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. WebRtc ● Mediastream – LActivation sur chrome 21 est automatique – Lactivation sur chrome < 2111/08/2012 Ndogou du Libre DarkarLug 8
  • 9. WebRtc ● MediaStream ● Script JS + HTML511/08/2012 Ndogou du Libre DarkarLug 9
  • 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. 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. WebRtc ● PeerConnection – Chrome 2x11/08/2012 Ndogou du Libre DarkarLug 12
  • 13. WebRtc ● PeerConnection – Demo Application ● http://sipml5.org/ ● http://apprtc.appspot.com11/08/2012 Ndogou du Libre DarkarLug 13
  • 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. WebRtc ● Datachannel – Pas encore disponible sur aucun des navigateurs – Encours d’implémentation ….11/08/2012 Ndogou du Libre DarkarLug 15
  • 16. WebRtc Merci de votre attention ! ?11/08/2012 Ndogou du Libre DarkarLug 16