Channel: Traversy Media

Category: Science & Technology

Tags: web rtcvideo chat appjavascriptagora

Description: Dennis Ivy YouTube channel: youtube.com/c/DennisIvy Mysterious man in video demo: youtube.com/c/FrancescoCiulla Live Demos: - 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