WebRTC Tutorial | Video Chat App Using Native WebRTC API From Scratch

In this WebRTC tutorial, we build a video chat app using the native webrtc api from scratch. Follow along as we go from an empty editor to a fully working webrtc video chat application.
Be sure to like and subscribe and never miss an upload!

--HIRE ME AS A MENTOR--
If you would like to hire me as a 1 on 1 mentor you can do so by following this link!
Here is the best part.... You only pay for the session if you are completely satisfied!!
So book a session and level up your web development skills today!

If you would like to schedule a mock interview with me, you can email me at

---SUPPORT THE CHANNEL---
If you would like to support the channel you can use the below link.
I would like to stress that while it would be greatly appreciated, in no way is this required!

[CodingWithChaim]

Do you feel that the native webrtc api is complicated and prefer the simple-peer library, or do you feel that its straight forward enough that there is no need to use simple-peer? I would love to hear your thoughts!

[greedycat]

what can i say. I was amazed someone finally put in the implementation from scratch on webRTC in
youtube. learned a lot.thanks man

[macavaltea]

No nonsense, pure coding and knowledge. Thank you for this great introduction Chaim! Looking forward to other videos on this topic.

[jonahg]

I keep coming back to this because of the explanation! It's so good!

[Jugantor-fbqq]

Undoubtedly the best Webrtc tutorial in web. I am feeling blessed to have a tutor like you. Lots of Love from India.Thank you so much.

[Hypergenie]

Straight viewed in in double speed and it was great to get this flow of Information. ❤

[abbasloda]

Best time to be alive, you just these gems for free. Thanks sir for your efforts.

[uquantum]

Thanks so much for sharing, terrific job!

[zb]

10 min in and stuff brother. To the point and very well explained.

[kyleadams]

I've watched this video about 10 times and this is the first time I've heard the "Perfect!" from SFII at the end! Ha! Awesome!

[yadude]

at 13:21 how does the "payload answer" differ from "payload offer"? i would assume it differs based on the roomid?... but I don't see where this differentiation occurs in the code, or are "offer" and "answer" events that you are emitting?

[quoccuong]

Wow all youtuber doing tutorials should follow this format. It's really boring to see people coding and you follow along and learn nothing afterwars. Here you explain stuff as we look at all the codes. If i miss something i can just wind back and see. Good stuff <3

[rajaabdulrafay]

Sir, I followed your code same to same, Everything works good, but after i click room the url changes but i cant see anything, just white screen

[pradneshkalkar]

Thanks for this video and it helped me to create a video-chat application using react. But, can you please tell how to handle when a user disconnects(say by closing their browser tab/window). I tried using socket.on("disconnect") but I dont know why it is taking around 1min to fire the disconnect event. It would be great if you could please help me in this.

[bakbak]

Can you please do a tutorial on React Native + WebRTC?

[rolandocaraballo]

Big question... How can I integrate that video chat that using laravel. I am there is some tutorial but they are all ways based on localhost and not on deployment on an apache/PHP server. Can do you have a tutorial on how to do that? Thanks

[nagprabhanjan]

Thank you so much for taking this effort and teaching us

[Noneed-ms]

Thanks for the video, when I tape command yarn start I get this issue ./src/routes/Room.js
Line 36:8: React Hook useEffect has missing dependencies: 'callUser', 'handleRecieveCall', and 'props.match.params.roomID'. Either include them or remove the dependency array react-hooks/exhaustive-deps . any help please

[hannahbregman]

Thank you for this video! Our final project team had no idea how to configure webRTC, and this really helped us!

[asaflevy]

Hey Chaim thanks for the great & informative video. Can you establish a multichannel (1 server -> N clients) and record each of the sessions separately?