Who's Talking | Real-time Peer to Peer collaboration with JS and HTML5
Even in the new HTML5 APIs.
HTML5 has introduced WebRTC and the pioneers of the Web (Mozilla, Google, etc.) are doing a lot of R&D in open-source ventures related to WebRTC in HTML5.
HTML5 has been upped with WebRTC features that allow us to create a collaboration environment, enabling Real-time Webcam Video sharing, File-transfers, Screen-sharing, Audio recording, etc.
This talk focuses on ways to use JS, HTML and CSS, with new features to build simple yet cool apps, that can replace other desktop apps and browser plugins which have dominated the communication realm on internet.
- What is WebRTC and how it works, the architecture and implementation.
- The Signaling, Call offers, Call Answers, Reception, STUN & TURN servers, etc.
- Peer to Peer transfers of live video streams, arbitrary data, screen-sharing etc.
- Creating GIF Animations from recorded video - something personally attempted.
- Duplex Server Client Signaling using socket.io (backend) and HTML5 WebSockets (in Browser).
- How this can be converted in a Single browser app, which alone can replace native OS apps like Skype, DropBox, Microsoft Linc, Teamviewer, etc.
- Some cool Demos and stuff already brewing on internet.
- Ways to contribute to WebRTC project.
Above points are randomly put for an overview - the content will be much well organized from a learning perspective.
Important Useful Links:
- The product I am working on and will be showcasing - you need to deploy the repo using node.
- Main landing page - Google (yes, even I was surprised)
- WebRTC roadmap in Chrome
- Mozilla - the HTML5 pillar
- NVIDIA Tegra High def conferencing using WebRTC
- World’s first WebRTC enabled mobile browser - by Ericsson R&D labs
- 3D communication in browser - by Ericsson R&D labs
- My Landing page for HTML5 experiments, not updated since ages
- My Article on WebRTC and getUserMedia in SDJ magazine
- My Github URL - (beware, Lot of forks from good JS stuff)
- Interest in moving the Web forward with HTML5
- Respect for Mozilla, Google, Adobe and others who do so.
- Selected Browsers (Chrome 30 dev, Chrome 28 stable and Mozilla nightly only). Browse happy (browsehappy.com) won’t suffice.
- May be a code editor if you want to follow along. (preferred Sublime Text 2, Adobe Brackets)
I am a Mathematics and Physics freak who entered the Web realm while the age of old dynamic web-sites was transforming to modern web-apps.
I have built awesome web products while working in companies like Adobe Systems, WalmartLabs and Amazon, using frameworks like Angular JS & Backbone
- Main landing page - http://www.webrtc.org/ - Google (yes, even I was surprised)
- WebRTC roadmap - http://blog.chromium.org/2012/04/chromes-webrtc-roadmap.html in Chrome
- Mozilla - http://mozilla.github.io/webrtc-landing/ - the HTML5 pillar
- The product - http://omshiv.github.io/ice-breaker/ - I will be demo-ing (you need to deploy the repo using node)
- My Github URL - https://github.com/OmShiv