Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
WebRTC
ISM APAC TechTalk
Dimuthu Nilanka
Software 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 ...
Supporting Browsers
• Google Chrome 23+
• Mozilla Firefox 22+
• Opera 18+
• Android Google Chrome 28+
• Android Mozilla Fi...
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 App
URL: http://obscure-plains-2796.herokuapp.com
Github: https://github.com/dimuthu/webrtc-demo
Reference Links
http://www.webrtc.org/
http://dev.w3.org/2011/webrtc/editor/webrtc.html
http://www.html5rocks.com/en/tutor...
Questions/Comments?
Thank you ;)
Upcoming SlideShare
Loading in …5
×

ISM APAC TechTalk - WebRTC - Dimuthu Nilanka

463 views

Published on

15 min presentation on WebRTC for ISM APAC TechTalk

Published in: Technology
  • Be the first to comment

ISM APAC TechTalk - WebRTC - Dimuthu Nilanka

  1. 1. WebRTC ISM APAC TechTalk Dimuthu Nilanka Software Developer ISM APAC
  2. 2. What is WebRTC?
  3. 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. 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. 5. How WebRTC works?
  6. 6. How WebRTC API works? Image source: http://www.webrtc.org/reference/architecture
  7. 7. How WebRTC connection works? Image source: http://www.html5rocks.com/en/tutorials/webrtc/basics/
  8. 8. Finding connection candidates Image source: http://www.html5rocks.com/en/tutorials/webrtc/basics/
  9. 9. WebRTC data pathways Image source: http://www.html5rocks.com/en/tutorials/webrtc/basics/
  10. 10. WebRTC APIs • MediaStream (aka getUserMedia) • RTCPeerConnection • RTCDataChannel
  11. 11. WebRTC Demo App URL: http://obscure-plains-2796.herokuapp.com Github: https://github.com/dimuthu/webrtc-demo
  12. 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. 13. Questions/Comments?
  14. 14. Thank you ;)

×