ISM APAC TechTalk - WebRTC - Dimuthu Nilanka

WebRTCISM APAC TechTalk

Dimuthu NilankaSoftware Developer ISM APAC

What is WebRTC?

WebRTC …

• Stands for Web Real-Time Communication • It is an API definition drafted by W3C • supports voice calling, video chat and P2P file

sharing without plug-ins • In 2011 released as a open source project by

Google

Supporting Browsers

• Google Chrome 23+ • Mozilla Firefox 22+ • Opera 18+ • Android Google Chrome 28+ • Android Mozilla Firefox 24+ • Opera Mobile 12+ • Google chrome OS

How WebRTC works?

How WebRTC API works?

Image source: http://www.webrtc.org/reference/architecture

How WebRTC connection works?

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

Finding connection candidates

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

WebRTC data pathways

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

WebRTC APIs

• MediaStream (aka getUserMedia) • RTCPeerConnection • RTCDataChannel

WebRTC Demo AppURL: http://obscure-plains-2796.herokuapp.com

Github: https://github.com/dimuthu/webrtc-demo

Reference Linkshttp://www.webrtc.org/

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

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

Questions/Comments?

Thank you ;)