Uploaded May 2022 | Updated September 2026, 2 weeks ago

---

Dennis Ivy YouTube channel:
youtube.com/c/DennisIvy

Mysterious man in video demo:
youtube.com/c/FrancescoCiulla

Live Demos:
- https://mumble2.dev/
- divanov11.github.io/WebRTC-Simple-SDP-Handshake-Demo

Source code:
- Project #2: github.com/divanov11/PeerChat
- Project #1: github.com/divanov11/mumble2

"How does WebRTC work?" article:
medium.com/agora-io/how-does-webrtc-work-996748603141

Agora Resources:
agora.io/en/developer-resources

Timestamps:
00:00 - Video & Projects intro
3:21 - WebRTC overview
12:40 - SDP Offer & Answer Exchange Demo
14:40 - PROJECT #1: Introduction & Demo
16:30 - Setup project files
20:00 - Output camera feed to page
23:00 - Create SDP Offer
31:50 - Adding Signaling with Agora RTM
47:40 - Create SDP Answer
1:03:05 - Create Rooms
1:10:30 - Mic & Camera Controls
1:22:06 - Style Website
1:32:20 - Set video dimensions settings
1:35:01 - Group Video calling with WebRTC overview
1:39:14 - PROJECT #2: Introduction & Demo
1:43:08 - Project setup
1:49:00 - Template setup
1:57:04 - Adding agora SDK
2:07:05 - Join Stream & display camera feed
2:16:55 - Publishing streams & handling remote users
2:25:45 - Display user feed in large frame
2:45:40 - Set camera quality settings
2:48:35 - Mic & Camera controls
3:00:10 - Screen sharing
3:18:55 - Creating Rooms
3:27:30 - Adding Room Participants with Agora RTM
3:53:35 - Live chat
4:07:00 - Mumble Bot Messages
4:14:45 - More Join Stream Controls