Awesome WebRTC

A curated list of awesome WebRTC modules and resources. Inspired by awesome-python.

• Awesome WebRTC
  • Overview
  • Demos and samples
  • Tutorials
  • Codelab
  • Books
  • Developer tools and resources
  • Standards and protocols
  • Native APIs
  • Discussion, blogs and articles
  • Browser support
  • JavaScript apps and frameworks
    • Video chat
    • Peer-to-peer data
    • VoIP/PSTN
    • Face/head tracking
    • Node
  • Services
  • Applications: suggestions welcome!
    • getUserMedia
    • Web Audio integration
    • Recording
    • Chat
    • Games
    • Telehealth
    • Phone
    • File sharing and P2P
    • Other
    • Alternatives for IE and Safari
  • Web Audio
    • Demos
    • Tutorials
    • Reference

---

Overview

• samples - WebRTC code samples.
• Live demos - WebRTC Live demos.
• 2013 Google I/O presentation - If you've never worked with WebRTC, we recommend you start with it. slides
• WebRTC official site

Demos and samples

• List of WebRTC demos and apps
• Simplest possible getUserMedia demo
• RTCPeerConnection 'on one page', i.e. without signaling: http://simpl.info/rtcpeerconnection/
• WebRTC video chat: https://www.apprtc.net/. source code
• Simplest possible RTCDataChannel example:: http://simpl.info/rtcdatachannel/
• Data channel file transfer: http://webrtc.github.io/samples/src/content/datachannel/filetransfer/
• RTCPeerConnection signaling example: http://www.w3.org/TR/webrtc/#simple-example
• Constraints: https://simpl.info/getusermedia/constraints/
• Screen capture
• Muaz Khan maintains a mighty assortment of experiments at https://www.webrtc-experiment.com/

Tutorials

• Getting Started With WebRTC: http://www.html5rocks.com/en/tutorials/webrtc/basics/
• WebRTC in the real world: STUN, TURN and signaling
• A practical guide to WebRTC: presentation slides from vLine
• Capturing audio and video in HTML5: http://www.html5rocks.com/en/tutorials/getusermedia/intro/
• Excellent series of articles by Louis Stowasser and Robert Nyman: https://hacks.mozilla.org/category/webrtc/
• Justin Uberti at Google I/O 2012: https://www.youtube.com/watch?v=E8C8ouiXHHk
• Cullen Jennings video: HTML5 WebRTC: http://vimeo.com/47682405
• WebRTC Fundamentals: online course.

Codelab

• Walkthrough and code for setting up a server and client for video chat: https://bitbucket.org/webrtc/codelab
• Google I/O 2014 file sharing codelab

Books

• http://webrtcbook.com/
• Getting Started with WebRTC
• Real-Time Communication with WebRTC

Developer tools and resources

• adapter.js: shim maintained by Google to cope with API changes and platform differences.
• getUserMedia.js: polyfill from Addy Osmani
• Chrome-Firefox: http://www.webrtc.org/web-apis/interop
• Stats and information for current RTCPeerConnection session: chrome://webrtc-internals
• File bugs at http://crbug.com/new

Standards and protocols

• Web Real-Time Communications Working Group
• W3C Working Draft: WebRTC 1.0: Real-time Communication Between Browsers
• Media Capture and Streams W3C Working Draft
• IETF RTCWEB: protocol specifications

Native APIs

• Getting started with WebRTC on iOS
• Introduction to WebRTC on Android
• Getting Started - from http://webrtc.org
• Build scripts from pristineio: repo with links to how-to guides for Android and iOS
• Native API documentation
• libjingle Developer Guide
• WebRTC shim for WKWebView

Discussion, blogs and articles

• discuss-webrtc
• @webrtc
• +webrtc
• WebRTC on Stack Overflow
• WebRTC Weekly
• WebRTCHacks

Browser support

• http://iswebrtcreadyyet.com/

JavaScript apps and frameworks

Also take a look at the webrtcHacks article about JavaScript libraries

Video chat

• appear.in
• SimpleWebRTC
• EasyRTC
• LyteSpark

Peer-to-peer data

• PeerJS: data channel abstraction
• Sharefest: share files via data channels
• Peer5 Downloader: P2P file download
• ShareDrop: https://www.sharedrop.io/ file sharing between devices on the same network

VoIP/PSTN

• Open source JavaScript phone API: Phono
• Open source JavaScript SIP client: sipML5
• Open source JavaScript SIP library: JsSIP
• Open source SIP proxy with WebSocket and SRTP support: Kamailio
• FreeSWITCH

Face/head tracking

• clmtrackr
• headtrackr - demo: http://simpl.info/headtrackr/

Node

• http://rtc.io/
• appear.in

Services

• OpenTok - acquired by Telefonica Digital
• vLine
• WebRTC Developer Tool Vendor Directory

Applications: suggestions welcome!

getUserMedia

• ASCII: http://idevelop.github.com/ascii-camera
• Movement tracking slide page controller: http://www.slideshare.net/tsahil/kranky-geek-webrtc-show-webrtc-in-the-real-world
• Xylophone: http://soundstep.com/blog/experiments/jsdetection/
• Photobooth with filters: http://webcamtoy.com/
• SVG filters: https://rawgithub.com/SenorBlanco/moggy/master/filterbooth.html
• Face masking with WebGL: https://auduno.github.io/clmtrackr/face_mask.html
• Face deformation with WebGL: https://auduno.github.io/clmtrackr/examples/facedeform.html
• Screen capture: http://simpl.info/mediacapture/

Web Audio integration

• Music production: http://soundtrap.com/
• Chris Wilson's input demos at http://webaudiodemos.appspot.com/
• Paul Lewis's gUM/WebGL demo: http://lab.aerotwist.com/webgl/audio-room
• RTCPeerConnection integration: http://simpl.info/webrtcwebaudio
• Theremin: getUserMedia + tracking + Web Audio: http://www.g200kg.com/teburin/
• http://cabbibo.github.io/holly/

Recording

• Record and download: https://webaudiodemos.appspot.com/AudioRecorder/index.html
• RecordRTC: https://github.com/muaz-khan/WebRTC-Experiment/tree/master/RecordRTC

Chat

• http://talky.io/
• http://tawk.com/
• http://hu.tt/
• Twelephone: chat with Twitter contacts
• http://browsermeeting.com/
• http://codassium.com/: job interview tool with live coding
• http://appear.in/
• https://github.com/malditogeek/vmux
• http://vidtok.com/
• http://www.voxeet.com/: high quality audio

Games

• Who Am I?: second ever WebRTC game, no longer online
• WebRTC + Web Audio + WebGL: Cube Slam
• Face tracking: http://www.shinydemos.com/facekat/
• RTCDataChannel + WebGL: ananaBread

Telehealth

• Regional Cystic Fibrosis Program
• http://consultdirect.com.au/

Phone

• Zingaya
• Disaster communications: Tethr

File sharing and P2P

• Sharefest: share file by uploading and sharing link.
• http://dropple.me/: get a file by sending a link to a share page
• peerCDN: P2P CDN
• WebTorrent: BitTorrent over WebRTC
• https://www.peer5.com/video: P2P video
• http://webp2p.org/
• http://peer5.com/downloader/land.html: add P2P file download to your web page

Other

• Internet-less WebRTC
• Video call between Qt app and web app

Alternatives for IE and Safari

• Temasys Plugin

Web Audio

Demos

• http://simpl.info/webaudio
• http://googlechrome.github.io/web-audio-samples/

Tutorials

• Getting started with the Web Audio API: http://html5rocks.com/en/tutorials/webaudio/intro
• Audio input (with links to good, simple demos): http://updates.html5rocks.com/2012/09/Live-Web-Audio-Input-Enabled
• http://creativejs.com/resources/web-audio-api-getting-started

Newsletters

• Web Audio Weekly

Reference

• http://webaudio.github.io/web-audio-api/
• http://w3.org/TR/webaudio