WebRTC A Quick Introduction

on YouTube ↗21m

" summary

Live demo uses meet.jit.si/krankygeek and recommends adapter.js for cross‑browser quirks. Covers the three concrete APIs: getUserMedia returns a MediaStream with separate video and audio tracks (use deviceId via enumerateDevices), RTCPeerConnection for SDP, ICE/STUN/TURN and signaling (signaling is left to implement), and RTCDataChannel reliable or unreliable like TCP/UDP for low‑latency P2P data. Notes codecs (H.264, VP8/“BPA”, Opus, G.711), getStats, ORTC work-in-progress on Edge, mobile SDK choices, HTTPS and scaling (MCU/SFU) requirements.

AI-written summary · about

" chapters (16)

1. 0:00Intro
2. 1:42Real-time communication without plugins
3. 2:14Three main tasks
4. 3:05MediaStream (aka getUserMedia) • Allows the capture of media input devices (cameras and microphones)
5. 5:53MediaStream object
6. 6:24Media device enumeration & selection
7. 7:04MediaStream Demo
8. 8:16RTCPeerConnection
9. 9:53Basic call flow
10. 11:54RTCDataChannel
11. 14:36Object APIs - ORTC
12. 15:18WebRTC Media Codecs
13. 16:31WebRTC support in desktop browsers
14. 16:59WebRTC support in mobile browsers
15. 17:23WebRTC on native mobile apps How to get the WebRTC library?
16. 18:42Deployment considerations

" related talks

• 46mWebRTC: Let’s Revolutionize Information Sharing in the BrowserGDJ Nantes · DevFest Paris 2015
• 27mWebRTC: Real-Time CommunicationsYlia Kasianenko · OdessaJS 2015
• 26m#javascript Audio/Video Streaming: #WebRTC APIs 101 explainedAlessandro Polidori · CityJS Athens 2023
• 58mRealtime Communication with WebRTCSam Dutton · GOTO Aarhus 2013
• 31mWebRTC: Real-time communication without pluginsSam Dutton · JSConf EU 2012
• 53mThe State of WebRTCRob Hawkes · Mobilism 2013
• 33mWebRTC Change Communications ForeverGreg Baugues · RailsConf 2014
• 55mReal Time DataScott Jensen · Edge Conference 2013 New York