15 min presentation on WebRTC for ISM APAC TechTalk

1. WebRTC
ISM APAC TechTalk
Dimuthu Nilanka
Software Developer
ISM APAC

2. What is WebRTC?

3. 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

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

5. How WebRTC works?

6. How WebRTC API works?
Image source: http://www.webrtc.org/reference/architecture

7. How WebRTC connection works?
Image source: http://www.html5rocks.com/en/tutorials/webrtc/basics/

8. Finding connection candidates
Image source: http://www.html5rocks.com/en/tutorials/webrtc/basics/

9. WebRTC data pathways
Image source: http://www.html5rocks.com/en/tutorials/webrtc/basics/

10. WebRTC APIs
• MediaStream (aka getUserMedia)
• RTCPeerConnection
• RTCDataChannel

11. WebRTC Demo App
URL: http://obscure-plains-2796.herokuapp.com
Github: https://github.com/dimuthu/webrtc-demo

12. Reference Links
http://www.webrtc.org/
http://dev.w3.org/2011/webrtc/editor/webrtc.html
http://www.html5rocks.com/en/tutorials/webrtc/basics/

13. Questions/Comments?

14. Thank you ;)