WebRTC Crash Course

WebRTC (Web Real-Time Communication) is a free, open-source project that provides web browsers and mobile applications with real-time communication (RTC) via simple application programming interfaces (APIs).

In this video I go through WebRTC and discuss all the concepts of WebRTC in detail. We will learn about NAT, STUN, TURN, ICE, SDP, Signaling and we will show a demo too! Finally, we will talk about the pros & cons

0:00 Intro
3:44 WebRTC Overview
11:17 NAT
16:54 NAT Translation Methods
26:20 STUN
33:30 TURN
35:00 ICE
38:00 SDP
40:52 Signaling
43:30 WebRTC Demo
1:00:00 WebRTC Pros & Cons
1:04:00 Bonus WebRTC Content !

Resources

Source Code

Digital Downloads Slides for this course (members get this free)

Support my work on PayPal

Become a Member on YouTube

🧑‍🏫 Courses I Teach

🏭 Backend Engineering Videos in Order

💾 Database Engineering Videos

🎙️Listen to the Backend Engineering Podcast

Gears and tools used on the Channel (affiliates)

🖼️ Slides and Thumbnail Design
Canva

🎙️ Mic Gear
Shure SM7B Cardioid Dynamic Microphone

Cloudlifter

XLR cables

Focusrite Audio Interface

📷 Camera Gear
Canon M50 Mark II

Micro HDMI to HDMI 

Video capture card

AC Wall for constant power

Stay Awesome,
Hussein

[hnasr]

Yes! It is finally here! The WebRTC video and I manage to shrink it to 1 hour 10 minutes too enjoy guys


timestamps for your convience guys!
0:00 Intro
3:44 WebRTC Overview
(10:24 WebRTC Demystified)
11:17 NAT
16:54 NAT Translation Methods
18:12 Full-Cone NAT
21:00 Address-Restricted NAT
23:18 Port-Restricted NAT
24:11 Symmetric NAT
26:20 STUN
33:30 TURN
35:00 ICE
38:00 SDP
40:52 Signaling
43:30 WebRTC Steps
46:40 WebRTC Demo
1:00:00 WebRTC Pros & Cons
1:04:00 More WebRTC !
1:04:30 getUserMedia
1:05:30 addIceCandidate
1:07:20 Custom TURN & STUN Server
1:08:30 COTURN spin up your TURN/STUN Server
1:08:40 Public STUN servers

[abhinavsrivastava]

"Know how things work, cause you are an engineer. Do not rely on magical black boxes."

[johnyepthomi]

Wow, man. This is such a gem. The way you take you time to explain each layer/concept is awesome. More importantly, you give a proper background for each topic, which is so important and most don’t do a good job at it. Hope you keep making such content. It’s very helpful.. This is a master class quality.

[JeffCaldwell-nemo_omen]

I love your style! I've been searching for good explanations of these concepts and most of them have fallen short in one way or another. Your video is great in that you not only go into enough detail to help watchers understand the underlying protocols, but you also communicate your own enjoyment of the subject. Great work!

[Algoritmik]

This is the most concrete WebRTC explanation I've ever got. Now I need a 3 hours Udemy course! I WANT IT!

[dvdmrn]

this is by far the best WebRTC guide out there. I find myself coming back here and there to confirm details, it's great

[Epistemer]

not a single front end channel have made such a video, kudos to sir, the only youtuber that actually understands what he's doing

respect

[pbeekharry]

This is by far the best WebRTC tutorial video out there, Nasser does a great job simplying the concept and oing thru it step by step.

[Lurco]

Wow, the best video on the topic I've seen! No "stupid" question left unanswered, I really like this approach, thank you!

[klinger]

This is by far the best explanation i found on WebRTC. Finally someone that understands WebRTC good enough to be able to explain it in an easy way and to give a demonstration people can work with! Thank you! You made at least one more person understand this topic!

[GoldenBeholden]

Absolutely incredible video. I love your "vanilla-first" approach, as I dislike using libraries without knowing exactly what's being abstracted.

[ghostinplainsight]

When I figured out WebRTC after banging my head for a week because I didn't realize the answer and offer need to be synchronously set I wrote almost exactly the same messages between my new connections. Excellent tutorial, WebRTC was one of the harder technologies I have learned due to the lack of simple documentation and information on the subject. I didn't know about NAT I didn't think It mattered but you made it useful and interesting.

[serhiimamedov]

Man this is such a gem.

I've tried to understand this technology. Read a lot of docs, asked chatGPT, watched videos but all explanations were really messy. They've confused me even more.
This video is the best explanation of this topic there is.

Thank you for your work!

[amandwivedi]

I am from RTC world and I think the toughest two tasks are the hole punching in your router and writing SDP. You did a fantastic job mate.

[dongler]

I've been racking my brain on how to get this even working. I have to create a system to test webRTC, this video helped a ton. Instant sub!

[mayankkaul]

One of the most naked videos I've seen about this technology. Learned a lot. Thanks!!

[jatinsaini]

Best teacher ever!!! So detailed and the wow just loved it!!!😍

[usamatahseenulhaque]

I have just decided to write a minimal WebRTC stack from scratch all protocols used in WebRTC RTP ICE DTLS STUN TURN all these without using any third party libraries , just came here to rewind few concepts about hole punching and NAT. Thanks again for this amazing content

[pablojoaquim]

This video is the most clear I've found. Thank you very much for creating this great content!

[chenxin]

Dear Hussein Nasser, I'm new to your channel and I'm loving it. I have the exact philosophy as you do: I don't like black boxes. The only limitation is my time and energy. Your tutorials just fasten the revealing of the black boxes. Thanks a lot！