MENU

Fun & Interesting

Want to make a video chat app? Watch this video for WebRTC!

Good Morning Developers 54,018 lượt xem 1 year ago
Video Not Working? Fix It Now

Learn how to make a live streaming app from scratch in just over an hour! Join Rob, as he breaks down the entire process and provides you with all the tools and knowledge you need. Whether you're a beginner or have some experience, this tutorial will ensure you have a solid understanding of WebRTC. We'll cover the whole gambit, getUserMedia, RTCPeerConnection, STUN servers and ICE candidates, the signaling process, and offer/answer/SDP negotiation. Subscribe now and let's get started!

Before anyone points it out ... I realize there is no "Chinese" language. There's Mandarin and Cantonese and a guy who has a hard time writing, talking, and thinking at the same time ;)

Link to project code: https://github.com/robertbunch/webrtc-starter
Full WebRTC Course on Udemy if you need more detail: https://www.udemy.com/course/mastering-webrtc-part-2-real-time-video-and-screen-share/?couponCode=7F716748A8840A182DAB ($13 good till 10-5-24)

==Other Videos==
Other videos/playlist if you need them
Partial WebRTC playlist: https://www.youtube.com/playlist?list=PLF_SZiztoCWHJAohyZKl8QnXYUHLeh11t
Socket.io playlist: https://www.youtube.com/playlist?list=PLF_SZiztoCWFHE3xDRIa3Cd4XfyzlP6aF
mkcert Video - https://youtu.be/I-jULfZRejU
WebRTC & React: https://youtu.be/jIi_QuizfnQ
Scaling WebRTC (more than peer to peer): https://youtu.be/V8dIDXTF5Vo
If you need help getting your local set up for a project: https://www.youtube.com/watch?v=NSPwnLDm-z0

0:00 - How the video is organized
5:00 - The. 2 Parts of WebRTC
9:20 - UDP vs. TCP
12:12 - White-Boarding the Whole Process
23:25 - White-Boarding Cont. - Signaling
32:10 - GitHub/Project Instructions
35:36 - Setting Up Local HTTPS
39:00 - Running On Local IP
43:05 - index.html
45:24 - connect to socket.io
51:03 - call button and fetchUserMedia()
57:04 - createPeerConnection()
63:39 - createOffer()
66:54 - signaling server gets offer
69:50 - client handles newOffer and sends answer
74:49 - server handles new answer
77:47 - client handles new answer
78:40 - ice candidate passing

Comment