How Does WebRTC Work? | Crash Course

Поделиться
HTML-код
  • Опубликовано: 16 янв 2025

Комментарии • 85

  • @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!

  • @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.

  • @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

  • @teturd169
    @teturd169 6 месяцев назад +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

  • @tadaspetra
    @tadaspetra 2 года назад +2

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

  • @ragemudhar4599
    @ragemudhar4599 Год назад +1

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

  • @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.

  • @alisherafat8408
    @alisherafat8408 Год назад

    Nice tutorial for WebRTC, Thanks

  • @themarksmith
    @themarksmith 2 года назад +2

    Excellent - thanks, Dennis!

  • @yapayzeka
    @yapayzeka Месяц назад

    best simple explanation out there

  • @euhansarkar
    @euhansarkar Год назад +1

    what a tutorial. thank you so much man.

  • @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!

  • @helloworld2740
    @helloworld2740 2 года назад +2

    Thank you sir for such amazing course

  • @spotifytrial6850
    @spotifytrial6850 2 года назад

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

  • @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.

  • @MohamedElsayed-nc4kc
    @MohamedElsayed-nc4kc 2 года назад

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

  • @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!

  • @m.shehryar5341
    @m.shehryar5341 Год назад

    this was so helpful. thank you 🎉

  • @sdfsfsfd437
    @sdfsfsfd437 2 года назад

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

  • @mrMettadon
    @mrMettadon 2 года назад

    Amazing, thanks for the video!

  • @rajankoko5729
    @rajankoko5729 2 года назад +1

    Waiting for that django real time chat 😍

  • @unl0ck998
    @unl0ck998 2 года назад +1

    Great explanation! Thanks!

  • @leonuneza2012
    @leonuneza2012 2 года назад +1

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

  • @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 года назад

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

  • @AdnanKhan-sc6hh
    @AdnanKhan-sc6hh 3 месяца назад

    That brilliant , Bro...

  • @tomknud
    @tomknud 8 месяцев назад

    Killer demo!

  • @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.

    • @UnreadableUsername
      @UnreadableUsername 9 месяцев назад

      Did you get it to work? Wanna try the same q.q

  • @rakibulislam9874
    @rakibulislam9874 2 года назад

    Awesome, Thank you so much

  • @raremoments7122
    @raremoments7122 2 месяца назад

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

  • @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.

  • @rupeshkumaryadav9795
    @rupeshkumaryadav9795 4 месяца назад

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

  • @helloworld2740
    @helloworld2740 2 года назад +1

    great video sir

  • @kushagragoyal6000
    @kushagragoyal6000 Год назад

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

  • @josndong
    @josndong Год назад

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

  • @kittiphanch9993
    @kittiphanch9993 2 года назад

    Thank you sir

  • @amazobusiness6248
    @amazobusiness6248 2 года назад

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

  • @ohunjonmahmudov6362
    @ohunjonmahmudov6362 2 года назад

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

  • @muhammed1394
    @muhammed1394 2 года назад

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

  • @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 года назад

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

  • @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 !

  • @showbikshowmma3520
    @showbikshowmma3520 2 года назад

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

  • @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.

  • @jkarthic2004
    @jkarthic2004 Год назад

    Amazing!!!

  • @ubaydulloh1000
    @ubaydulloh1000 2 года назад

    Super 🔥

  • @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 ..........

  • @dhirajkafle47
    @dhirajkafle47 2 года назад

    Waiting for that django real time chat

  • @larskrollkristensen4177
    @larskrollkristensen4177 2 года назад

    great video

  • @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.

  • @CricGum
    @CricGum Год назад

    Can you built a project webrtc sfu architecture in django?

  • @danishrather1785
    @danishrather1785 2 года назад

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

  • @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'

  • @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

  • @sophyia4358
    @sophyia4358 2 года назад

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

  • @pravachanpatra4012
    @pravachanpatra4012 2 года назад

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

  • @gowthamanks3654
    @gowthamanks3654 2 года назад

    Interesting . can you make omagle clone in django?

  • @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..

  • @tinashenyakutetepa8598
    @tinashenyakutetepa8598 2 года назад

    Noice 👌🏽

  • @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.
      ruclips.net/video/h0O18R1rI9U/видео.html
      webrtchacks.com/aiy-vision-kit-uv4l-web-server/

  • @ambienteSKATEvida
    @ambienteSKATEvida 3 месяца назад

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

  • @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 Год назад

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

  • @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."