Media & WebRTC
Access camera, microphone, and real-time communication

Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026

The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.


Modern browsers provide powerful APIs for working with audio and video, including accessing device cameras and microphones, and enabling real-time peer-to-peer communication directly between browsers.

In this unit, you’ll learn how to work with media in the browser. We’ll cover getUserMedia for accessing cameras and microphones, WebRTC for establishing real-time communication between browsers without requiring a server to relay the media, and troubleshooting common issues like the iOS black screen problem.

These APIs enable a wide range of applications from video conferencing and screen sharing to live streaming and video recording, all running directly in the browser.

Lessons in this unit:

0: ▶︎ Introduction
1: getUserMedia
2: WebRTC
3: What to do if WebRTC on iOS shows a black box