AI Workshop: learn to build apps with AI →
Media & WebRTC
Access camera, microphone, and real-time communication

Join the AI Workshop and learn to build real-world apps with AI. A hands-on, practical program to level up your skills.


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