WebRTC and Web Audio resources

WebRTC and Web Audio resources

g.co/webrtc

tl;dr

Introduction to WebRTC on Android

^ no longer available, try Wayback version or webrtc.org/native-code/android

Getting started with WebRTC on iOS

Google I/O presentation: Video chat for Web, Android and iOS 

What’s next for WebRTC? ? great talk from Justin and Serge

Suggestions welcome! Email dutton@google.com.

WebRTC

Overview

Demos and samples

Tutorials

Codelab

Reference

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

WebRTC


WebRTC code samples are now available from github.com/webrtc/samples.

Live demos can be accessed at webrtc.github.io/samples.

Overview

? 2013 Google I/O presentation: video, slides

? webrtc.org

Demos and samples

? List of WebRTC demos and apps

? Simplest possible getUserMedia demo: simpl.info/gum

? RTCPeerConnection 'on one page', i.e. without signalling: simpl.info/pc

? WebRTC video chat: apprtc.net (source code at github.com/webrtc/apprtc)

? Simplest possible RTCDataChannel example: simpl.info/dc

? Data channel file transfer:  webrtc.github.io/samples/src/content/datachannel/filetransfer

? RTCPeerConnection signaling example: w3.org/TR/webrtc/#simple-example

? Constraints: simpl.info/getusermedia/constraints

? Screen capture

? Muaz Khan maintains a mighty assortment of experiments at webrtc-experiment.com.

Tutorials

? Getting Started With WebRTC: 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: html5rocks.com/en/tutorials/getusermedia/intro

? Excellent series of articles by Louis Stowasser and Robert Nyman: hacks.mozilla.org/category/webrtc

? Justin Uberti at Google I/O 2012: youtu.be/E8C8ouiXHHk

? Cullen Jennings video: HTML5 WebRTC: vimeo.com/47682405

? WebRTC Fundamentals: online course

Codelab

? Walkthrough and code for setting up a server and client for video chat: bitbucket.org/webrtc/codelab

? Google I/O 2014 file sharing codelab

Reference

? webrtc.org

? C++ APIs: webrtc.org/reference/api-description

Books

? 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: interop notes

Stats and information for current RTCPeerConnection session: chrome://webrtc-internals

File bugs at 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 webrtc.org)

Build scripts from pristineio: repo with links to how-to guides for Android and iOS

WebRTC Internals documentation

? Native API documentation

? libjingle Developer Guide

? WebRTC shim for WKWebView

Discussion, blogs and articles

? discuss-webrtc 

? @webrtc

? +webrtc

? WebRTC on Stack Overflow

bloggeek.me

? WebRTC Weekly

? webrtcHacks

Browser support

? 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: 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)

Node

? rtc.io

? appear.in

Servers and services

? OpenTok (acquired by Telefonica Digital)

vLine

? WebRTC Developer Tool Vendor Directory

? Janus: general purpose open source WebRTC Gateway
? GStreamer: open source media framework with WebRTC support

Kurento: server infrastructure

Applications: suggestions welcome!

getUserMedia

? ASCII: idevelop.github.com/ascii-camera

? Movement tracking slide page controller: lli.web.fh-koeln.de/mocowe

? Xylophone: soundstep.com/blog/experiments/jsdetection

? Photobooth with filters: webcamtoy.com

? SVG filters: rawgithub.com/SenorBlanco/moggy/master/filterbooth.html

? Face masking with WebGL:auduno.github.io/clmtrackr/face_mask.html

? Face deformation with WebGL: auduno.github.io/clmtrackr/examples/facedeform.html

Screen capture

? simpl.info/screencapture

Web Audio integration

? Music production: soundtrap.com

? Chris Wilson’s input demos at webaudiodemos.appspot.com

? Paul Lewis’s gUM/WebGL demo: lab.aerotwist.com/webgl/audio-room

? RTCPeerConnection integration: simpl.info/webrtcwebaudio

? Theremin: getUserMedia + tracking + Web Audio: g200kg.com/teburin

? cabbibo.github.io/holly

Recording

? Record and download: webaudiodemos.appspot.com/AudioRecorder

? RecordRTC

Chat

? talky.io

? tawk.com

? hu.tt

? Twelephone: chat with Twitter contacts

? browsermeeting.com

? codassium.com: job interview tool with live coding

? appear.in

? vmux.co

? vidtok.com 

? voxeet.com: high quality audio

Games

? The first WebRTC game: Puzzlible

? Who Am I? (second ever WebRTC game, no longer online)

? WebRTC + Web Audio + WebGL: Cube Slam 

? Face tracking: shinydemos.com/facekat

? RTCDataChannel + WebGL: BananaBread

Telehealth

? Regional Cystic Fibrosis Program

? consultdirect.com.au

Phone

? Zingaya

? Disaster communications: Tethr

File sharing and P2P

? Sharefest: share file by uploading and sharing link 

? dropple.me: get a file by sending a link to a share page

? peerCDN: P2P CDN

? WebTorrent: BitTorrent over WebRTC

? cdn.peer5.com/pilots/kaltura: P2P video

? webp2p.org

? 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

webaudiodemos.appspot.com

? simpl.info/webaudio

googlechrome.github.io/web-audio-samples

Tutorials

? Getting started with the Web Audio API: html5rocks.com/en/tutorials/webaudio/intro

? Audio input (with links to good, simple demos): updates.html5rocks.com/2012/09/Live-Web-Audio-Input-Enabled

? creativejs.com/resources/web-audio-api-getting-started

Newsletters

? Web Audio Weekly

Reference

? webaudio.github.io/web-audio-api 

? w3.org/TR/webaudio

Leave a Reply

Your email address will not be published. Required fields are marked *