webrtc hands-on (React hooks)

[@andrewndotela7407]

First of all thanks again for this knowledge contribution to the community... I personally benefits a lot,

[@amireshaq]

I am happy to hear that. Thanks

[@adrianriedel5954]

If you get an error like "ICE failed, add a TURN server and see about:webrtc for more details" you have to add the candidates right after you set remote description. At least that's what happened to me and how i fixed it. This method works best if have already set up the socket-server (finished at 48:31) and just put addCandidate() at the end of setRemoteDescription(). Tank you very much for your video, I finally understood how WebRTC works and was able to build it my own. I love that you stay basic and don't use libaries (like simple-peer) or some fancy styled components.

[@thefuntech2810]

Thankyou Sir for creating this wonderfull Lesson on webRTC .

[@SSango-hk9sm]

Your explanations are on point. Thank you.

[@6ocram]

Thank you very much, I learned a lot. You explain really well.

[@kevinz1991]

Thank you!

[@kevinz1991]

Fantastic video

[@saoussenslii]

thank you for this wonderful tutorial

[@amireshaq]

I am elated

[@saoussenslii]

@@amireshaq do you know if we can crop a webrtc stream from x start position to x end position? I need this in my project please

[@amireshaq]

@@saoussenslii as you may know, the media when transported between peers is encrypted. So, you would have to do it before the encryption, say for instance display and crop the video using a canvas object. you may also want to look at Offscreen canvas. check this video out: kzbin.info/www/bejne/qp63pWuOn6aIb6c

[@saoussenslii]

@@amireshaq thank you so much for your response

[@worldhack.1201]

Thank you thank you ❤

[@AnjaliKumari-bs9oo]

Thanks a lot Sir. You made my day. Really nice explanation and hands on code.

[@amireshaq]

I am glad you found it useful. I hope to the next part soon.

[@AnjaliKumari-bs9oo]

@@amireshaq I was stuck with this thing for 2 weeks but yesterday I made it with help of your video. Waiting for your next video. Thanks

[@amireshaq]

​Hi @@AnjaliKumari-bs9oo, I am glad it helped. I was not going to continue on this series because the rest is covered in the other webRTC series. I just wanted to kind implement it with Hooks. Once you understand then the rest is in the other videos. Hope that helps.

[@BioxyTube]

I haven't finished to watch but ....SUBSCRIBED big time !! thanks for this clear tutorial

[@amireshaq]

Thanks Lou H

[@SACKO0731]

@@amireshaq Can this be done on react-native mobile application, or is there any other ways to solve it, mobile devices can't pass the "getUserMedia" objects. Thanks just sub

[@amireshaq]

Hi @@SACKO0731, yeah it can, have a look at the other webrtc series I have done, includes RN too.

[@amireshaq]

​ @NTINU NSAKU NE KONGO ​, check kzbin.info/www/bejne/q4PCamWAoLiYsKM and kzbin.info/www/bejne/r5uVoXiKoLCKeZo

[@SACKO0731]

@@amireshaq thank you very much, be blessed brother

[@shahemhaddad2717]

So much informative! thanks a ton!

[@elhadede6]

may god bless you

[@amireshaq]

May God bless you too, Amin! Thanks

[@laithsaleem580]

that is very smooth thanks for the awesome lesson !!

[@jamalhassouni]

Thank you sir 😊

[@akayogeshsirsat]

Great explanation!!

[@huuvo272]

great, thank you

[@toshvelaga]

Great video! Was wondering if there was a github repo for this video?

[@MariaElenaVazquezFlores-x6q]

Hello, thank you very much for this valuable video, a question, when I answer the call I get the following error Failed to execute 'setRemoteDescription' on 'RTCPeerConnection': Failed to set remote answer sdp: Called in wrong state: stable could you help me?

[@amireshaq]

This simply means that you have moved to another step in the process before the previous one finishing; e.g. you create an offer => wait for offer sdp and then setLocalDescription => send to peer who will first add to setRemoteDescription then do the same when creating an Answer SDP, setLocalDescription and send the SDP to the offerer who will setRemoteDescription. These steps must not jump to the next before the current one completing/returning. I hope I make sense. You may be missing an await; createOffer and createAnswer return a promise which you must wait for them to return with an SDP.

[@Krishna_Bansal]

hey , what's was the solution ? I am still facing the same issue inspite checking all the mandotrary steps

[@abdullahaboayesha]

May Allah reward you for sharing beneficial knowledge with world. Would love to have consulting session with you , is that viable ?

[@amireshaq]

Amin. It's easier to connect via LinkedIn, I use the same name as my KZbin Channel. Thanks

[@shanjidhasan4515]

SIr, will you please make a tutorial for many to many conference without using any media server. I mean only by using webrtc.

[@amireshaq]

I think I covered that in the other webrtc series

[@freeman2340]

Thanks a lot! Could you share code please?

[@dota2content755]

It doesn't work I set up the signalling server the sdp details were received but I wasn't able to set them up to the local Description etc

[@amireshaq]

so you mean you get SDP after createOffer/createAnswer?

[@ajohnjebaraj9638]

can i get the code?

[@volodymyrsypko9729]

Hi Amir. Could you please advise what I need to do or which mediaserver has to be used for an audio (only!) multiuser chat where will be many-to-many connections? I expect up to 11 users in chat simultaneously. Thanks anyway.

[@amireshaq]

Hi, have you looked at mediasoup? with mediasoup, you have to write your own code - its available as a node moduel

[@aliezadkhaha9439]

Connection is working local, but it is not working by publishing in the internet

[@amireshaq]

Hi Ali, are you deploying to a FQDN with HTTPS?

[@zayhalo3964]

Is there a way I can just copy and paste the code to function in the particular areas on my website with the functions set to operate my backend components.

[@amireshaq]

I dont think it is easy to answer because depending on the generated front-end code, you may have to rewrite some parts of the code to function properly.

[@tonygeorge7482]

what is the use of janus webrtc in these cases..?

[@amireshaq]

with webrtc, you achieve direct one-to-one or more than two participants secure audio/video communication; however it may work well up to 3 or 4 participants after which call quality may start to degrade. If you are lucky this may work without the need for a TURN server. If you intend to support larger groups of participants, then you need communication servers like Janus, mediasoup, etc. as your Selective Forwarding Units (SFUs) - this means that now all media from/to each participant flows to/from the SFU.

[@tonygeorge7482]

@@amireshaq thanks for your replay can you make one video about janus

[@worldhack.1201]

Please create remaining part of this series I mean multi peer connections using react hooks kindly

[@amireshaq]

I wish I had a lot of time, I'd love to do this stuff

[@kevinz1991]

Code?

[@zayhalo3964]

I need help. I already created my website. The code for my website was automatically generated for me I just need to know how I can enter the code you have enter to for the functions of my backend and for the areas I have designated for RTC

[@amireshaq]

Hi Zey, I am not sure I understand - what is important really is to understand the concept and then be able to adopt in your own solution.

[@MD_x95]

I am facing issue with proxy address which you set in pakage.json file to remove 404 error BUT i am, still facing the error

[@amireshaq]

let me review the code again to understand your issue.

[@MD_x95]

@@amireshaq there is some sort of url blocked by cors..

[@pujanshrestha5900]

will it work on different network?

[@amireshaq]

I did not go further in this tutorial but if you look at the other videos from part 1 - 7, you can access fro different networks. In certain situations you may have to use a TURN server

[@amireshaq]

@@neb542 yes, I have configured coturn for my own use as a docker container;

[@lukaakhalbedashvili7167]

can u publish source code ?

[@sonnyjordan6554]

Hi Amir. Is it possible to get in contact with you some how ?

[@amireshaq]

Hi Sonny, you can search my name up on LinkedIn.

[@dota2content755]

youre not using a stun server that is gonna create ICE agents for you

[@amireshaq]

on LAN you dont need - if I understand your issue