JSFoo 2013

JavaScript is everywhere

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.

This talk stands out from trivial old HTML5 stuff and focuses on using JavaScript for building real-time collaborative apps with new features, something that really replaces Desktop / Native apps.

Outline

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.

Developers need to know the new JavaScript APIs introduced in the browser, before things go too far and you have wrappers around everything enveloping the real-stuff.

Important topics:

1. What is WebRTC and how it works, the architecture and implementation.
2. New HTML5 APIs in JavaScript that allow accessing Webcam feeds, establishing Data Channels, etc.
3. The Signaling, Call offers, Call Answers, Reception, STUN & TURN servers, etc.
4. Peer to Peer transfers of live video streams, arbitrary data, screen-sharing etc.
5. Creating GIF Animations from recorded video - something personally attempted.
6. Duplex Server Client Signaling using socket.io (backend) and HTML5 WebSockets (in Browser).
7. How this can be converted in a Single browser app, which alone can replace native OS apps like Skype, DropBox, Microsoft Linc, Teamviewer, etc.
8. Some cool Demos and stuff already brewing on internet.
9. 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

Meaningless:

• 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)

Requirements

1. Interest in moving the Web forward with HTML5
2. Respect for Mozilla, Google, Adobe and others who do so.
3. Selected Browsers (Chrome 30 dev, Chrome 28 stable and Mozilla nightly only). Browse happy (browsehappy.com) won’t suffice.
4. May be a code editor if you want to follow along. (preferred Sublime Text 2, Adobe Brackets)

Speaker bio

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

Having a keen interest in Artificial Intelligence, I get thrilled when AI is used for human interaction - which explains my love for “JavaScript and logic” to create interactive and intuitive UI, data visualizations and presentations, etc.

I naturally get excited when its about JavaScript.

Links

• 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

Slides

http://omshiv.github.io/impressions/jsfoo/webrtc-talk