How Does WebRTC Work? | Crash Course

Поділитися
Вставка
  • Опубліковано 27 січ 2025

КОМЕНТАРІ • 87

  • @hibob841
    @hibob841 Рік тому +14

    This was excellent. I really, really appreciate that you start *truly* from scratch (an empty folder!) and stick to vanilla HTML, CSS, JS. I can reason about these things and so can my browser. I have attempted to follow several WebRTC tutorials that start with 500 Node packages, Vite, AutoMagic.js, this that and the other thing-all to build a "simple demo" showing a technology that the browser natively supports! I invariably run into a string of issues getting all that crap to install and work, and it didn't even need to be in the project. I know that basically represents what front-end development has become, but as a relative outsider (iOS developer, primarily), I think it's absolute madness-especially in the context of a tutorial! All of my mentors taught me to treat every dependency as a liability and use as few as reasonably possible. Anyway..."kids these days"...I know. I'll get off my soapbox. Excellent content, earned my subscription. Thanks!

  • @FirstnameLastname-cl4op
    @FirstnameLastname-cl4op Рік тому +3

    This is the perfect tutorial on the whole internet, I have searched everywhere for a clear understanding of this topics for 2 months but never found anything clear or relevant, thanks dennis

  • @kalyanboro6338
    @kalyanboro6338 2 роки тому +4

    Wow! God level tutorial. You are the best WebRTC tutor on the internet I've stumbled upon so far. Thank you for this awesome video.

  • @teturd169
    @teturd169 7 місяців тому +1

    only good and full course on WebRTC i could find thank you very much. all the other courses are just copy and paste bins that arnt explaining anything. Hope the algo starts recommending this so people dont waste hours with crap

  • @ragemudhar4599
    @ragemudhar4599 Рік тому +1

    Awesome tutorial, this is the only tutorial which helped me understand the peer connection code.

  • @tadaspetra
    @tadaspetra 2 роки тому +2

    Awesome video, the way you visualized it in the slides really helped me understand what's going on

  • @RyanEls4
    @RyanEls4 Рік тому

    Excellent video. Everything was well explained and easy to understand. I now have a clear understanding of the signaling process and how ICE works.

  • @yapayzeka
    @yapayzeka 2 місяці тому

    best simple explanation out there

  • @themarksmith
    @themarksmith 2 роки тому +2

    Excellent - thanks, Dennis!

  • @alisherafat8408
    @alisherafat8408 Рік тому

    Nice tutorial for WebRTC, Thanks

  • @spotifytrial6850
    @spotifytrial6850 2 роки тому

    You are life saver , you just saved my project ❤️❤️❤️❤️❤️❤️

  • @gabbe2124
    @gabbe2124 2 роки тому

    omg I was just getting so confused over this new subject that i stumbled upon. Wanted to learn more and found this fantastic video. Thank you sir

    • @gabbe2124
      @gabbe2124 2 роки тому

      Time to create a speed dating app!

  • @euhansarkar
    @euhansarkar Рік тому +1

    what a tutorial. thank you so much man.

  • @MohamedElsayed-nc4kc
    @MohamedElsayed-nc4kc 2 роки тому

    thanks, Dennis.❤❤❤
    waiting for real time chat project

  • @helloworld2740
    @helloworld2740 2 роки тому +2

    Thank you sir for such amazing course

  • @ivanlukomskiy
    @ivanlukomskiy 2 роки тому +1

    Saying that webrtc uses UDP and UDP is not reliable protocol is correct, but a bit misleading.
    It actually uses SCTP on top of UDP and it has several reliability options. Any webrtc data channel might be set to "reliable" in which case it will take care of not losing any important data (just like tcp does).
    Overall great tutorial, thank you!

  • @unl0ck998
    @unl0ck998 2 роки тому +1

    Great explanation! Thanks!

  • @017m.shahzaibafzal4
    @017m.shahzaibafzal4 2 роки тому +3

    Thank you so much Dennis. I am currently working on Django project in which Django channel will use. How do you know I need this video 😂😂

    • @017m.shahzaibafzal4
      @017m.shahzaibafzal4 2 роки тому

      💚💙💙💜💜♥️♥️♥️♥️♥️❤️❤️❤️❤️❤️❤️❤️

  • @mrMettadon
    @mrMettadon 2 роки тому

    Amazing, thanks for the video!

  • @AdnanKhan-sc6hh
    @AdnanKhan-sc6hh 3 місяці тому

    That brilliant , Bro...

  • @tomknud
    @tomknud 8 місяців тому

    Killer demo!

  • @m.shehryar5341
    @m.shehryar5341 Рік тому

    this was so helpful. thank you 🎉

  • @rajankoko5729
    @rajankoko5729 2 роки тому +1

    Waiting for that django real time chat 😍

  • @leonuneza2012
    @leonuneza2012 2 роки тому +1

    Very well explained. Just have suggestion to create other branch in repository for the connection that is done manually.

  • @PhilParadis
    @PhilParadis 2 дні тому

    Standard port for STUN is 3478; restrictive firewall configurations that expect applications to run on standard ports will likely break this, even if they do permit STUN.

  • @Baraka-yl2dp
    @Baraka-yl2dp Місяць тому

    Excellent explanation, except you didn't explain at the very beginning how you included the WebRTC scripts into your projects or did I miss that part?

    • @DennisIvy
      @DennisIvy  Місяць тому

      WebRTC is part of the native browser api so you don’t need to import anything. Just start using it as I did in the video.

    • @Baraka-yl2dp
      @Baraka-yl2dp Місяць тому

      @@DennisIvy Ah OK. May you should have emphasized that also in the beginning. Thanks.

  • @sdfsfsfd437
    @sdfsfsfd437 2 роки тому

    ¡Muy buen vídeo! ¡Muchas gracias! 💯👏👍💙 Thanks a lot for this great video!

  • @dokgu
    @dokgu Рік тому +2

    Can you also make a tutorial for a livestreaming app without the use of Agora? I'm trying to adapt your tutorial where only the streamer is sending their media and the viewers are only watching the video but I can't get it to work.

  • @zenitsu4139
    @zenitsu4139 3 місяці тому +1

    i dont'e get why we needed the signalling servers, i only want to copy paste the sdp. but they seem to work on the same network devices, but on deifferent network devices they do not connect.

  • @helloworld2740
    @helloworld2740 2 роки тому +1

    great video sir

  • @rupeshkumaryadav9795
    @rupeshkumaryadav9795 4 місяці тому

    Hi i have one confusion about ice handling.we have to add ice candidate on both remote as well as local

  • @raremoments7122
    @raremoments7122 2 місяці тому

    Dennis! Is it possible to do it with django ? I was expecting from you to use django stack to do so ?

  • @rakibulislam9874
    @rakibulislam9874 2 роки тому

    Awesome, Thank you so much

  • @ABC_Rumble
    @ABC_Rumble Рік тому

    the first project does not work for me when I try to use video chatting, but it only work for audio while we have both video and audio constrains set to true !
    probably it work on the same device and the same video feed! but not in separate devices !

  • @jkarthic2004
    @jkarthic2004 Рік тому

    Amazing!!!

  • @ritik7906
    @ritik7906 10 днів тому

    can u also make a video on how to implement SFU

  • @ohunjonmahmudov6362
    @ohunjonmahmudov6362 2 роки тому

    Hi Dennis it's very good you started uploading video again. Can you make a video about JS dom?

  • @kushagragoyal6000
    @kushagragoyal6000 Рік тому

    During signaling with agora, are you using trickle ice method?

  • @amazobusiness6248
    @amazobusiness6248 2 роки тому

    God tutorial! but it possible automatization this process with simple button for two browser?

  • @josndong
    @josndong Рік тому

    Hi Dennis. Is it possible to createAnswer without copying the offer on the other peer ?

  • @daleherva8320
    @daleherva8320 2 роки тому

    The presentation is very interesting but as with most of that crash courses, it is outdated. Tried to find that Real-time Messaging SDK on agora site without result. So could not complete this course.

  • @larskrollkristensen4177
    @larskrollkristensen4177 2 роки тому

    great video

  • @dhanunjayreddy1183
    @dhanunjayreddy1183 2 роки тому

    hi @Dennis ivy ........ bro its working when both peers are connected to same wifi other wise its not workig can u please help me out ..........

  • @CricGum
    @CricGum Рік тому

    Can you built a project webrtc sfu architecture in django?

  • @muhammed1394
    @muhammed1394 2 роки тому

    i have a question, can we build a video stream in django or we have to use node js instead?

  • @showbikshowmma3520
    @showbikshowmma3520 2 роки тому

    is webrtc the fastest protocol? for real-time screen share + video/audio call even if u have a low internet issue?

  • @ubaydulloh1000
    @ubaydulloh1000 2 роки тому

    Super 🔥

  • @appwala3728
    @appwala3728 Рік тому

    It not working for other network. Like from ex: I have a device and a internet connection and my brother have a device and other inter provide/connection. And with this when I try to do this it's not working..

  • @anubhavgupta7155
    @anubhavgupta7155 2 роки тому +1

    Can we have an updated React + Django integration video ? 👀

    • @DennisIvy
      @DennisIvy  2 роки тому +4

      Mabye 😉

    • @nateriver8261
      @nateriver8261 2 роки тому

      @@DennisIvy It would be amazing

    • @DevBishwasBh
      @DevBishwasBh 2 роки тому

      @@DennisIvy Thanks but please do NextJs Authentication with Django Rest Framework, with Google OAuth. Also, adding email and password to the same tutorial will be great. I am desperately waiting for your response.

  • @volzhanka2498
    @volzhanka2498 2 роки тому

    Денис ты супер!

  • @kittiphanch9993
    @kittiphanch9993 2 роки тому

    Thank you sir

  • @navdeepagrawal9201
    @navdeepagrawal9201 Рік тому

    Sir webrtc not working on different network, even your demo site ??

    • @SachinSingh-fs2xe
      @SachinSingh-fs2xe 11 місяців тому

      do you find any solution for that ?

    • @navdeepagrawal9201
      @navdeepagrawal9201 11 місяців тому

      @@SachinSingh-fs2xe no, is there same problem with you? I searched a lot.

    • @SachinSingh-fs2xe
      @SachinSingh-fs2xe 11 місяців тому

      @@navdeepagrawal9201 no , i too didn't get the answers

    • @SachinSingh-fs2xe
      @SachinSingh-fs2xe 11 місяців тому

      @@navdeepagrawal9201 i think vo agora update hogya hai

    • @navdeepagrawal9201
      @navdeepagrawal9201 11 місяців тому

      @@SachinSingh-fs2xe yes, that's why I have to involve server, in future if you get then please let me also known.

  • @dhirajkafle47
    @dhirajkafle47 2 роки тому

    Waiting for that django real time chat

  • @Ashur-lab
    @Ashur-lab 2 роки тому

    man i'm so sad, i applied for a job and they sent me a link for a test. I tried but the last one was so troll, i ran the test, which was good but when submitting there was too many errors and i had to guess where it all came from but at the end I couldn't figure it out how to fix the last 2 errors. I mean I could see what should my code send instead of what I was actually sending but it was weird do know how to set the condition right. For instance the only clue it gave me was things like : '#NoSpace' != ' behind # the scenes'
    ANd i was so confuse, what does that even mean? because when i just swap the output string the result was just the opposite : ' behind # the scenes' != '#NoSpace'

  • @shilashm5691
    @shilashm5691 2 роки тому

    Hi Dennis, is there is any way in agora to send a video frames to backend Django python application server? If anyone knows the answer please reply back

    • @DennisIvy
      @DennisIvy  2 роки тому

      Not sure why you are trying to accomplish but yea, it’s possible with fetch or axios. Just send a post request to your backend.

    • @shilashm5691
      @shilashm5691 2 роки тому

      @@DennisIvy For real-time object detection..is it possible? I'm not that much into the front end...It is tough for me.

    • @DennisIvy
      @DennisIvy  2 роки тому

      ​@@shilashm5691 It does seem possible but unfortunately I haven't spent enough time researching this. Check this video and article out, it may help.
      ua-cam.com/video/h0O18R1rI9U/v-deo.html
      webrtchacks.com/aiy-vision-kit-uv4l-web-server/

  • @VishalKumar-yg8nh
    @VishalKumar-yg8nh 2 роки тому

    Hello, i watched all of your django's videos and learned so many new concept, now i want to earn money by making something out of it, so please tell me where i can find client

  • @danishrather1785
    @danishrather1785 2 роки тому

    Hello It has been long time to upload a vdio by U....
    I request u to Start a course for UA-cam family....that wll b helpful for us to to get Adjust in companies...

  • @ambienteSKATEvida
    @ambienteSKATEvida 4 місяці тому

    Actually, WebRTC allow's UDP or TCP to data transfer.

  • @sophyia4358
    @sophyia4358 2 роки тому

    I am trying to build something similar using 100ms, any tips?

  • @gowthamanks3654
    @gowthamanks3654 2 роки тому

    Interesting . can you make omagle clone in django?

  • @pravachanpatra4012
    @pravachanpatra4012 2 роки тому

    Dennis can you please make a DJANGO social media clone or chat app?

  • @DevBishwasBh
    @DevBishwasBh 2 роки тому

    Thanks but please do NextJs Authentication with Django Rest Framework, with Google OAuth. Also, adding email and password to the same tutorial will be great. I am desperately waiting for your response.

    • @stephenhawking2981
      @stephenhawking2981 2 роки тому

      Dude your asking for a whole project just because you can’t do it on your own 😂😂😂

  • @tinashenyakutetepa8598
    @tinashenyakutetepa8598 2 роки тому

    Noice 👌🏽

  • @brodie3088
    @brodie3088 2 роки тому

    Cool tutorial! It worked fine within my LAN but when I uploaded it to Cloudflare pages, it would error out when I click Add Answer: "WebRTC: ICE failed, add a TURN server and see about:webrtc for more details."