WebRtc              Introduction au WebRtc             Web Real-time communication                             By         ...
WebRtc ●   Cest quoi le WebRtc ?             –   Framework Open standard supporté par google                   mozilla ope...
WebRtc ●   La vision WebRtc ?             –   Unifier une plate-forme de communication (Pc                  ,téléphone, tv...
WebRtc ●   Les technologies supportés ...?             –   Chrome 21             –   Firefox 17             –   Opera 12  ...
WebRtc ●   Architecture11/08/2012          Ndogou du Libre   DarkarLug   5
WebRtc ●   Les Fonctionnalités             –   MediaStream : offrant laccés au                  Caméra/microphone         ...
WebRtc ●    MediaStream             –   Synchronise les différents flux médias             –   Transforme les urls et auto...
WebRtc ●   Mediastream             –   LActivation sur chrome 21 est automatique             –   Lactivation sur chrome < ...
WebRtc ●   MediaStream ●   Script JS + HTML511/08/2012         Ndogou du Libre   DarkarLug   9
WebRtc ●   Mediastream             –   Demo simple stream                    ●   http://192.168.5.173/html5/dakarlug/simpl...
WebRtc ●   PeerConnection             –   Offre les api neccessaires pour l’établissement                  de session audi...
WebRtc ●   PeerConnection             –   Chrome 2x11/08/2012              Ndogou du Libre   DarkarLug   12
WebRtc ●   PeerConnection             –   Demo Application                    ●    http://sipml5.org/                    ●...
WebRtc ●   DataChannel             –   Échange de données P2P avec un faible temps                  de latence            ...
WebRtc ●   Datachannel             –   Pas encore disponible sur aucun des                  navigateurs             –   En...
WebRtc     Merci de votre attention !                               ?11/08/2012   Ndogou du Libre       DarkarLug   16
Prochain SlideShare
Chargement dans…5
×

Webrtc

5 110 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
5 110
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2 825
Actions
Partages
0
Téléchargements
72
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

×