Web RTC Full Course & More
Dennis Ivy YouTube channel:
https://www.youtube.com/c/DennisIvy
Mysterious man in video demo:
https://www.youtube.com/c/FrancescoCiulla
Live Demos:
- https://mumble2.dev/
- https://divanov11.github.io/WebRTC-Simple-SDP-Handshake-Demo/
Source code:
- Project #2: https://github.com/divanov11/PeerChat
- Project #1: https://github.com/divanov11/mumble2
"How does WebRTC work?" article:
https://medium.com/agora-io/how-does-webrtc-work-996748603141
Agora Resources:
https://www.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
Traversy Media
Traversy Media features the best online web development and programming tutorials for all of the latest web technologies including Node.js, Angular 2, React.js, PHP, Rails, HTML, CSS and much more...