index.md

layout	title	permalink
default	Getting Started	/start/

{% include toc-hide.html %}

New to WebRTC?

Here are some suggestions to help you get started:

1. Get an overview of WebRTC: video, slides.
2. Find out more about WebRTC architecture and JavaScript APIs: Getting Started With WebRTC.
3. Try out our code samples and live demos.
4. Try our codelab.
5. Read through the code for the canonical video chat app appr.tc. The repo is at github.com/webrtc/apprtc.
6. For iOS, Android or the C++ WebRTC APIs, take a look at the Native APIs resources below.
7. Ask general questions on Stack Overflow, deeper technical WebRTC questions on discuss-webrtc.

More resources below.

Contributions and updates welcome.

Overview presentations

• 2013 Google I/O presentation: video, slides
• Video chat for Web, Android and iOS
• What’s next for WebRTC?

Demos and samples

• WebRTC JavaScript code samples: github.com/webrtc/samples
• Live demos of the samples: webrtc.github.io/samples
• List of WebRTC demos and apps (incomplete and slightly out of date)
• WebRTC video chat: appr.tc (source code at github.com/webrtc/apprtc)
• Simple getUserMedia demo: simpl.info/gum
• RTCPeerConnection 'on one page', i.e. without signalling: simpl.info/pc
• Simple RTCDataChannel example: simpl.info/rtcdatachannel
• 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
• WebRTC Fundamentals: online course
• Build a simple 1-to-1 video chat with WebRTC and Firebase (perfect for beginners)

Codelabs

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

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
• WebRTC Troubleshooter, code and documentation at github.com/webrtc/testrtc
• Stats and information for current RTCPeerConnection session: chrome://webrtc-internals
• getUserMedia.js: polyfill from Addy Osmani
• Chrome–Firefox: interop notes
• File bugs at new.crbug.com
• KITE, a test engine designed to test WebRTC interoperability across browsers https://github.com/webrtc/KITE

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

• Build scripts from pristineio: repo with links to how-to guides for Android and iOS
• Native API documentation
• WebRTC shim for WKWebView

Discussion, blogs and articles

• discuss-webrtc
• @webrtc
• WebRTC on Stack Overflow
• Tsahi Levent-Levi
• WebRTC Weekly
• webrtcHacks

Browser support

• iswebrtcreadyyet.com

JavaScript apps and frameworks

• Comprehensive list in the webrtcHacks article about JavaScript libraries.

Video chat

• Whereby (formerly 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

Services

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

Applications

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:www.auduno.com/clmtrackr/examples/face_mask.html
• Face deformation with WebGL: auduno.github.io/clmtrackr/examples/facedeform.html
• Augmented Reality Photobooth: picshare.jooink.com

Screen capture

• Screen recording app

Web Audio integration

• Music production: soundtrap.com
• Chris Wilson’s input demos at webaudiodemos.appspot.com
• RTCPeerConnection integration: simpl.info/webrtcwebaudio
• cabbibo.github.io/holly

Recording

• Record audio and video with the MediaRecorder API: simpl.info/mr
• Voice Memos app
• Record and download without MediaRecorder: webaudiodemos.appspot.com/AudioRecorder
• RecordRTC

Chat

• talky.io
• appear.in
• tawk.com
• Twelephone: chat with Twitter contacts
• browsermeeting.com
• codassium.com: job interview tool with live coding
• vmux.co
• voxeet.com: high quality audio

Games

• 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

File sharing and P2P

• Sharefest: share file by uploading and sharing link
• peerCDN: P2P CDN
• WebTorrent: BitTorrent over WebRTC
• peer5.com: 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