WebRTC presentation

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