Want to make a video chat app with React? Watch this video for WebRTC!
3.2 هزار بار بازدید -
4 ماه پیش
-
Do you have a grasp
Do you have a grasp of WebRTC but are confused how to get it to play nicely inside of React? Learn how to make a live streaming app W/REACT 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 for this insanely confusing task. Whether you're a beginner or have some experience, this tutorial will tackle a couple of approaches to organizing your app and getting you ready to make your dream video chat app with React.
If you are still trying to get the base concepts and process down of WebRTC, (getUserMedia, RTCPeerConnection, STUN servers and ICE candidates, the signaling process, and offer/answer/SDP negotiation) please watch the first video in the links below. 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 ;)
WebRTC explained video: Want to make a video chat app? Watch ...
Setting up local for WebRTC: Setting up a local with React, Socket...
Socket.io: Want to make a chat app? Get Real-tim...
Starter code: https://github.com/robertbunch/webrtc...
Final code: https://github.com/robertbunch/webrtc...
Scaling WebRTC (more than peer to peer): How to Scale WebRTC Applications Effi...
Full WebRTC Course on Udemy if you need more detail (playlist isn't done here yet) (costs $10-$13): https://www.udemy.com/course/masterin...
0:00 Whiteboard Project
3:02 - Issues when putting these 2 together
8:13 - Demo
10:04 - Project setup & resources
13:27 - Backend overview and test connection
17:32 - Handling potential errors (IMPORTANT!)
19:21 - Front-end code overview
24:22 - socketConnection and socket events
28:02 - Call and offer
54:14 - Enable and disable video
70:26 - Answer
81:30 - Hangup button
If you are still trying to get the base concepts and process down of WebRTC, (getUserMedia, RTCPeerConnection, STUN servers and ICE candidates, the signaling process, and offer/answer/SDP negotiation) please watch the first video in the links below. 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 ;)
WebRTC explained video: Want to make a video chat app? Watch ...
Setting up local for WebRTC: Setting up a local with React, Socket...
Socket.io: Want to make a chat app? Get Real-tim...
Starter code: https://github.com/robertbunch/webrtc...
Final code: https://github.com/robertbunch/webrtc...
Scaling WebRTC (more than peer to peer): How to Scale WebRTC Applications Effi...
Full WebRTC Course on Udemy if you need more detail (playlist isn't done here yet) (costs $10-$13): https://www.udemy.com/course/masterin...
0:00 Whiteboard Project
3:02 - Issues when putting these 2 together
8:13 - Demo
10:04 - Project setup & resources
13:27 - Backend overview and test connection
17:32 - Handling potential errors (IMPORTANT!)
19:21 - Front-end code overview
24:22 - socketConnection and socket events
28:02 - Call and offer
54:14 - Enable and disable video
70:26 - Answer
81:30 - Hangup button
4 ماه پیش
در تاریخ 1403/02/13 منتشر شده
است.
3,234
بـار بازدید شده