Your SlideShare is downloading. ×
Introduction to WebRTC
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Introduction to WebRTC


Published on

WebRTC is the upcoming platform for real time communication and data sharing through the web (specifically the browser). This presentation should get you started with it ;)

WebRTC is the upcoming platform for real time communication and data sharing through the web (specifically the browser). This presentation should get you started with it ;)

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. WebRTC Nagarjuna Varma Kalidindi 20th October 2012, JSFoo, Banagalore.
  • 2. •CS student in my final year •Mozilla developer with L1 access •Mozilla Rep •Interests: Web Technologies, AI , ML, Networks •Open Source Enthusiast About Me
  • 3. About WebRTC •Story behind WebRTC •Real time communication meets the Web through simple JS api •Audio/Video Communication in the Browser •New Communications platform
  • 4. Vision •Shift the communications industry to the Web •RTC feature available to all apps •A common platform for RTC
  • 5. WebRTC Components •Media Streams •PeerConnection •DataChannels (my favourite )
  • 6. getUserMedia •Media Stream – Multiple tracks •Media Track – Multiple channels •gUM api acquires media stream from cam/mic •Integrates well with <audio> and <video> elements
  • 7. gUM demo
  • 8. Peer Connection • High Level API • Built in features: P2p channel for audio, video and data Codec control Encryption Bandwidth Management
  • 9. Session setup • Signaling • Basic steps Caller sends offer. Callee receives offer. Callee sends answer. Caller receives answer.
  • 10. More p2p • ICE – Interactive Connectivity Establishment • Local Description • Remote Description • SDP
  • 11. JSEP Architecture
  • 12. Peer Connection Demo
  • 13. Datachannels • Like Websockets but p2p • Advantages: •Low Latency •High Measure rate/throughput •Optional Unreliable Semantics
  • 14. DC Usecases • Gaming • Remote Desktop Applications • Real time text • File Sharing • Truly Decentralized Networks
  • 15. DC - key features • Leverages on PeerConnection session setup • Multiple simultaneous channels (opt prioritization) • Reliable and Unreliable modes • DTLS and congestion control • With or without audio/video • Similar to WebSockets API
  • 16. DC Sample Code
  • 17. Ongoing work • Integration with the Audio Data API for manipulation coming soon! • A usable version of Data Channels will be out with the next version of FF • Fix everything so that they are turned on by default • New, innovative and cool demos and apps! • …
  • 18. WebRTC Support • Almost all desktop browsers Firefox Chrome Opera IE • Mobile browser support soon • Native C++ versions – WebKitGtk+
  • 19. What all this means! • Rich image and video apps on mobile browsers • Citizen journalists could stream breaking news directly from their phones to news outlets • Web sites could add live support and feedback through one line of code • Effortless file distribution (e.g. Napster) without software. • This is just a preview. The will be more, much more . .
  • 20. Impact • Sharing live audio, video, and data will be as simple as viewing a web page • A plethora of audio and video applications by startups and students • A new wave of innovation • change the way we live, work, and play • new challenges for government censorship :P • So get EXCITED
  • 21. “ Potentially, WebRTC and HTML5 could enable the same transformation for real-time communications that the original browser did for information - Phil Edholm
  • 22. Contribute ! • Want to be part of the revolution ?! • We need YOU ! • Who can contribute: oDevelopers oDesigners oEverybody
  • 23. Want to know more? • • • • • underway-at-mozilla/
  • 24. Thank You !
  • 26. @InfinityO_O