Agenda
What is WebRTC ? Introduction to HTML5 and WebRTC How does WebRTC work ? Network Architecture Application cases Demo Identity Management
What is WebRTC?
Audio/Video Chat on the web. Accessed through Javascript API. Does not require plugins, downloads or installs.
Multiple browsers, multiple platforms.
Web Browsers with Real-Time-Communication
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
How did we get here ?
Javascript Session Establishment ProtocolPeer-to-peer exchange of data
How does WebRTC work ?
MediaStreams – access to user's camera and microphone
PeerConnection – audio/video calls WebSockets – p2p application data transfer
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
WebRTC Architecture
WebRTC Architecture
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
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/webrtc/basics/
Thank You