YouTube With Friends Using WebRTC Data Channel

in this video I use webRTC to create a react application to watch youtube with friends. Using the webRTC data channel, we can send messages from one peer to another peer. This allows us to tell the other peer which youtube video to load, when to play and when to pause it. I use the simple peer library which is a nice wrapper around the native webRTC api.

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

[CodingWithChaim]

The audio and video is slightly out of sync during the intro. Wont be noticed once the coding starts. Apologies for this. Will be resolved for future videos! Thanks for watching and I hope you enjoy!

[thegeeksides]

My man!!! killing it with the webrtc content! :)

[simonweinmann]

I were actually looking for this kind of video. Thank you very much for creating this!!

[lukasm]

These webRTC tutorials are so high quality keep up the great work. Greetings from Germany

[thatone_daniel]

hey, i saw your comment on Cathrin Mannings video and decided to pop by and check your channel out! Great content! Keep it up!

[idongesitntuk]

This tutorial came at the right time. Nice video

[romarioyabar]

OMG! More videos of WebRTC please. It's cool! Thanks.

[ahmeddaraz]

Great Videos, I have been walking through all your great webrtc videos. I just have small comments. if you show the demo of what you gonna build at the beginning of the video it will be great . Thanks again for the effort.

[amirhosseinrashidi]

Thanks for these webRTC videos they helped me a lot

[simonweinmann]

Do you need the url of youtube or can you just use an url from another site?

[sophiedubois]

This is extremely helpful! My bootcamp team mates and I are building something similar for our final project. Could you suggest an approach for handling the event where a person joins the chat after the video has already started.. We are having a hard time figuring out the logistics of keeping the videos in sync. Oh and thank you for the great content! We really really appreciate your very informative videos on webRTC!

[learnmaziyyah]

Amazing Bro => please More on WebRTC =||= New Idea as suggestion => also make tutorials on Feathers Js => it booming on GitHub but have very little content on YouTube

[pracco]

Great tutorial, Chaim. But I get this error: Uncaught InvalidStateError: Failed to execute 'send' on 'RTCDataChannel': RTCDataChannel.readyState is not 'open'. Can you please help me debug it? 🙏

[robertoart]

can you do that with sending audio file as blob and playing the blobfile

[kordex]

This is what I was looking for! But honestly I dont know where or how I need to start the server.. Can you help me?

[anithaselvan]

Is it possible to connect to stun and turn servers using simple-peer??

[padmavathig]

When we tried to deploy it on heroku the peers could not get connected . Can you help me with this

[apexguitarist]

Bro I am an absolute beginner, Can you tell me how to run this code because when i type npm start it says server running on port 8000 but nothing happens once I get there.

[anithaselvan]

The browser is throwing a "cannot signal after peer is destroyed" error at the following line.

Can you please help me rectify that error?