JSFoo - WebRTC Presentation

This is from my talk at JSFoo on Oct 20th called WebRTC - "A kickstart for developers"
Links to the demos I showed at :
http://people.mozilla.com/~anarayanan/webrtc/
Nightly (FF on which webrtc works) at:
nightly.mozilla.org

Transcript

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
23. Contribute ! • Want to be part of the revolution ?! • We need YOU ! • Who can contribute: oDevelopers oDesigners oEverybody
24. Want to know more? • http://mozillamediagoddess.org/ • http://www.html5rocks.com/en/tutorials/webrtc/basics/ • http://tools.ietf.org/html/draft-ietf-rtcweb-jsep-00 • http://bloggeek.me/ • https://hacks.mozilla.org/2012/04/webrtc-efforts- underway-at-mozilla/
25. Thank You !
26. #media irc.mozilla.org DEV-MEDIA@LISTS.MOZILLA.ORG Q&A
27. junky.argonaut@gmail.com @InfinityO_O