Agenda


What is WebRTC ?



Introduction to HTML5 and WebRTC



How does WebRTC work ?



Network Architecture



Ap...
What is WebRTC?
Web Browsers with Real-Time-Communication



Audio/Video Chat on the web.



Accessed through Javascript...
HTML5 and WebRTC. Short intro
... is the fifth version of the HTML language, that offers
new capabilities to create web pa...
How did we get here ?
Javascript Session Establishment Protocol
Peer-to-peer exchange of data
How does WebRTC work ?


MediaStreams – access to user's camera and
microphone



PeerConnection – audio/video calls


...
WebSockets






Its an application protocol that provides
communications between two peers over the TCP
protocol
The s...
WebRTC Architecture
WebRTC Architecture
Media Negotiation


Uses SDP for negotiating media. Classic
negotiation offer-answer.

Example SDP:
| v=0
o=bob 16833 0 I...
Adoption Browsers
Adoption Browsers
Identity Management
Application cases
Application cases
Demo
References
http://www.webrtc.org/
http://dev.w3.org/2011/webrtc/editor/webrtc.html
http://www.html5rocks.com/en/tutorials/...
Thank You
WebRTC presentation
Upcoming SlideShare
Loading in...5
×

WebRTC presentation

792
-1

Published on

Introduction to WebRTC

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
792
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
64
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

WebRTC presentation

  1. 1. Agenda  What is WebRTC ?  Introduction to HTML5 and WebRTC  How does WebRTC work ?  Network Architecture  Application cases  Demo  Identity Management
  2. 2. What is WebRTC? Web Browsers with Real-Time-Communication  Audio/Video Chat on the web.  Accessed through Javascript API.  Does not require plugins, downloads or installs.  Multiple browsers, multiple platforms.
  3. 3. HTML5 and WebRTC. Short intro ... is the fifth version of the HTML language, that offers new capabilities to create web pages, specially in terms of dynamic elements. Defines WebSockets as the new transport protocol between browser and servers It is promoted by W3C ... is an opensource project that makes possible to manage mutlimedia communications in the web browser, using simple API's in Javascript. It is promoted by the team of Google Chrome
  4. 4. How did we get here ?
  5. 5. Javascript Session Establishment Protocol Peer-to-peer exchange of data
  6. 6. How does WebRTC work ?  MediaStreams – access to user's camera and microphone  PeerConnection – audio/video calls  WebSockets – p2p application data transfer
  7. 7. WebSockets    Its an application protocol that provides communications between two peers over the TCP protocol The server publishes a WebSocket endpoint and client uses the endpoint's URI to connect to server WebSocket endpoint's URI ws://host:port/path wss://host:port/path
  8. 8. WebRTC Architecture
  9. 9. WebRTC Architecture
  10. 10. Media Negotiation  Uses SDP for negotiating media. Classic negotiation offer-answer. Example SDP: | v=0 o=bob 16833 0 IN IP4 0.0.0.0 | s= | t=0 0 | a=ice-ufrag:c300d85b | a=ice-pwd:de4e99bd291c325921d5d47efbabd9 | a2 | a=fingerprint:sha-1 | 99:41:49:83:4a:97:0e:1f:ef:6d:f7:c9:c7:7 | 0:9d:1f:66:79:a8:07 | | m=audio 49203 RTP/AVP 109
  11. 11. Adoption Browsers
  12. 12. Adoption Browsers
  13. 13. Identity Management
  14. 14. Application cases
  15. 15. Application cases
  16. 16. Demo
  17. 17. References http://www.webrtc.org/ http://dev.w3.org/2011/webrtc/editor/webrtc.html http://www.html5rocks.com/en/tutorials/webrtc/basics/
  18. 18. Thank You
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×