by Om Shankar (@omshiv) on Friday, 26 July 2013

+74
Vote on this proposal
Status: Confirmed
Section
Full talk

Technical level
Intermediate

Media

Objective

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.

Description

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:

Meaningless:

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.

Comments

  • 2
    [-] Anubhav Shukla (@msganubhav) 3 years ago

    Hey this is very helpful. Full complement to the writer. Thanks man. You Rock.

  • 2
    [-] Anand (@manandcse) 3 years ago

    Interesting... ! Well Collated content.

    • 1
      [-] Om Shankar (@omshiv) 3 years ago (edited 3 years ago)

      Thanks. really a hard time following GIT markdown and editing all that. Phew !!

  • 1
    [-] Lakshmi H.M (@lakshhm) 3 years ago

    Good stuff !

  • 1
    [-] Samuel Brainerd (@sammy2790) 3 years ago

    Awesome stuff!!

Login with Twitter or Google to leave a comment