WebRTC presentation

19

description

Introduction to WebRTC

Transcript of WebRTC presentation

Page 1: WebRTC presentation
Page 2: WebRTC presentation

Agenda

What is WebRTC ? Introduction to HTML5 and WebRTC How does WebRTC work ? Network Architecture Application cases Demo Identity Management

Page 3: WebRTC presentation

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

Page 4: WebRTC presentation

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

Page 5: WebRTC presentation

How did we get here ?

Page 6: WebRTC presentation

Javascript Session Establishment ProtocolPeer-to-peer exchange of data

Page 7: WebRTC presentation

How does WebRTC work ?

MediaStreams – access to user's camera and microphone

PeerConnection – audio/video calls WebSockets – p2p application data transfer

Page 8: WebRTC presentation

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

Page 9: WebRTC presentation

WebRTC Architecture

Page 10: WebRTC presentation

WebRTC Architecture

Page 11: WebRTC presentation

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

Page 12: WebRTC presentation

Adoption Browsers

Page 13: WebRTC presentation

Adoption Browsers

Page 14: WebRTC presentation

Identity Management

Page 15: WebRTC presentation

Application cases

Page 16: WebRTC presentation

Application cases

Page 17: WebRTC presentation

Demo

Page 18: WebRTC presentation

References

http://www.webrtc.org/

http://dev.w3.org/2011/webrtc/editor/webrtc.html

http://www.html5rocks.com/en/tutorials/webrtc/basics/

Page 19: WebRTC presentation

Thank You