Giter VIP home page Giter VIP logo

training-webrtc's Introduction

webrtc LXJS 2014 Workshop

"Imagine a world where your phone, TV and computer could all communicate on a common platform. Imagine it was easy to add video chat and peer-to-peer data sharing to your web application. That's the vision of WebRTC." — Sam Dutton

WebRTC (Web Real-Time Communication) is an API drafted by the World Wide Web Consortium (W3C) that supports browser-to-browser applications for voice calling, video chat, and P2P file sharing without plugins.

Overview

Topics

In this workshop at LXJS 2014, we will cover:

  • What is WebRTC?
  • What types of apps and features does WebRTC enable you to build?
  • How to create WebRTC video/voice chat apps
    • How to create peer-to-peer connections in the browser
    • How to use getUserMedia to capture the user's webcam and microphone
    • How the "signaling process" allows us to connect two peers, and why it's necessary
    • How to write server-side (node.js) code to facilitate the signaling process
  • How to create WebRTC data channel apps
    • How to send binary and text data
    • How to create reliable (tcp-like) and unreliable (udp-like) data channels
  • How to handle browser differences

Get excited

Products using WebRTC

Check out some of the real-world products that make use of WebRTC:

Experimental WebRTC Products

Mad scientists are pushing WebRTC to its limits. Check out these crazy projects:

WebRTC Vendors

Sound awesome!?

Great! Here's how to get ready.

Pre-Workshop Preparation

In order to prepare for this workshop, you should read the following articles before arriving at LXJS! If you have a question, please open an issue and we will be glad to answer. You might be helping other participants!

Todo List

Additional Resources

These are not required, but if you want to hack on WebRTC code before you get to LXJS, you should check out the following links (with sample code!)

Hi, I'm Feross!

feross

I'll be your trainer! :) I am currently building WebTorrent, a streaming BitTorrent client for the browser, powered by WebRTC. Before that, I built PeerCDN, a peer-to-peer content delivery network to makes sites faster and cheaper (which was acquired by Yahoo). Check out my blog at feross.org.

Hi, I'm Philipp!

fippo

I'm one of the people building Talky, one of the first full-mesh multi-user conferences built with WebRTC, and maintaining the SimpleWebRTC stack.

27 jun - 14:30h Participants

28 jun - 17:30h Participants

training-webrtc's People

Contributors

apocas avatar daviddias avatar fbaiodias avatar feross avatar fippo avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.