WebRTC One To Many Broadcast (SFU)

[@arissbandoss4478]

I have been searching for such videos about WEBRTC in vain. Thank you so much sir🙏

[@cuonglesy1383]

Thank you very much, I have sought this way for many days, fortunately to meet your video, wish you a plain Christmas season

[@yadude101]

at :40 i don't suppose you could do a tutorial implementing Jitsi or Mediasoup, or both, building a video stream website like twitch? 😀

[@sandakumara8077]

Hi sir, received video not play sir. I get your source code and run that but not work....

[@KingTvanMerica]

Hy when i host the server the viewer (consumer) function no longer works any idea why?

[@worldwide6626]

Can we make this server scalable? If not, why not?

[@aneerpa8384]

Thank you .. learned how sfu's works in a very simple way.

[@ekengineer9868]

This was much needed for my learning management system project. Thank you so much!

[@ankitgoel7995]

Nice video uploaded. I say thanks for your effort. I am facing issue: 'Invalid RTCSdpType' error comes on the viewer page once I click view stream button. Can you tell, what could be the reason..

[@accentusconsulting7724]

Hiii Chaim. This is good explanations. Really appreciate. I have a request, can you make a video with more explanation on group chat using sfu? Thanks for considering my request.

[@dgpreston5593]

Kudos. Lots of ideas spring from this.

[@alichoopani6234]

thank you a lot. you answerd many of my questions as simple as possible.

[@amenmusa1722]

The viewer side have an error. How can I fix it sir??

[@leonard866]

Just one question, why don't you have ice candidate negociation is it normal?

[@CodingWithChaim]

Only because I was using this locally. In a real app this would not work

[@contactdi8426]

Is it you speaking at speed 2X or my system has got some issues? Anyway, I just love this series.. really appreciate that you are touching a specific thing in detail. Thanks :)

[@faheelmohammad8824]

Can you make a tutorial on Jitsi ?

[@thesecondsage]

I too would like to see that

[@samuelmothwa1720]

me too

[@saiverx]

Such an awesome video, thank you very much. This helps immensely

[@RDFContent]

These are really good videos but I want to know how you export that code in AWS, what you run in AWS etc to make this public

[@charliberte]

This is good! However the package "wrtc" that you are using in your example seems not maintained. Any chances you have another package to recommend?

[@rockyarora9192]

facing the same issue, did you find a solution to it?

[@worldwide6626]

I haven't tried it yet but what about node-datachannel

[@srijanmukherjee4658]

It doesn't work for me. I tried the code in the repo as well. In both chrome and firefox. Nothing worked. ☹ The sdps are being passed around correctly as far as I could tell. But the viewer didn't display the stream no matter what i tried!

[@신동준-g1h]

Hello, I enjoyed the video. I installed the project on my Ubuntu20.04 LTS server in Git, and set up and created a server with my domain address and https. The broadcaster's screen comes out well, but when you click the viewer button, the viewer screen does not come out. Which part should I check? I really appreciate your help.

[@rockyarora9192]

facing the same issue, did you find a solution to it?

[@srijanmukherjee4658]

Facing the same issue. Any solution

[@bruxoleonardo]

Funcionou em localhost, mas em um servidor compartilhado com suporte a nodejs não funcionou

[@vigneshs7367]

Hi sir, your video is awesome. I just want to ask one question. how to broadcast three broadcasters at a same time in a single node server to different set of users? i want to do B1 -> v1,v2,v3 and B2 -> a1,a2,a3 and B3 -> s1,s2 and s3 at a same time? is it possible to use single node server?

[@arjunpatel8636]

in sfu model, you send one stream to the server. in this case, I am looking to create 3 peer connections on the client side for each broadcaster and use these three peer connections separately in different view components

[@chadzulu4328]

Excellent pace and explanations. Thanks!

[@JahirAlam]

how to make it scalable ? is it useful for 100+ viewer?

[@liqiang6265]

Thank you. it is working on localhost but it is not working on a server. what do I need to more? Thank you.

[@SCRITPXY]

You find solution of that problem not working on server

[@SCRITPXY]

Please help me I really need it

[@liqiang6265]

@@SCRITPXY I don't have the solution yet.

[@SCRITPXY]

@@liqiang6265 any alternative source you have?

[@liqiang6265]

@@SCRITPXY not yet

[@ranjitsahoo6678]

Awesome...., Thank you so much for making this video.... Can you please make one video in MCU architecture

[@thesecondsage]

This is great... I like the way you explain sir! Do you think it possible to do a tutorial on using jitsi? I'd like to learn the SFU architecture

[@aman.tyagi112]

I was searching for it for long 😍

[@sadrash8878]

I have a question guys, can we say that the WebRTC cannot be used for enterprise purposes? why not?

[@hexanolmethane3562]

Thanks a lot Sir, you are the best when it come to clear explanation about webRTC

[@CodingWithChaim]

Thank you! I appreciate that

[@hervedutrenit2456]

Genius! Which uni did you go to? Thank you for this useful video. Take care.

[@mishuvideos6210]

Video part works perfectly but what about audio ?? how to broadcast video + audio ??

[@adrianismaelzamoravaladez2098]

Just change this in Index.js file const stream = await navigator.mediaDevices.getUserMedia({ video: true }, audio: { autoGainControl: false, channelCount: 2, echoCancellation: true, latency: 0, noiseSuppression: true, sampleRate: 48000, sampleSize: 24, volume: 1 } });

[@MasterIcko]

Hi man, thanks for the tutorials. I've managed to biult 1-many Angular app based to your tut on Native... Really appreciated what you do.

[@CodingWithChaim]

That’s awesome!!

[@MasterIcko]

@@CodingWithChaim Any idea how to implement Peer.destroy() in native WRtc ? I thouth that destroying the reference to the RTCPeerConnection object would do the job. Seems that i was wrong.

[@CodingWithChaim]

This might be one option developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection/close You can also read thru this doc developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Signaling_and_video_calling look for the section about ending a call.

[@MasterIcko]

Thanks, i guess i might have missed removing one or two event handlers.

[@aminehero9948]

@@MasterIcko need help with my school project if you don't mind plz

[@lefterisgeo]

How can I make this a many to many implementation?

[@lonesomewalker]

No STUN / TURN -> several issues...

[@nityanandjha7088]

Hello Sir, Would you please make a video for how to store broadcasting video in a local folder as a recording. Thanks you 😊

[@adrianismaelzamoravaladez2098]

Im interested in knowing how to deploy this proyect.. how should I structure the folders, Could you help me?

[@CrazyyyLowy]

why we need to add a tranceiver? ontrack is gonna get called when the remote connection is ready to send video stream, therefore I don't see what addTranceiver is doing in this case... great video btw!

[@0GRANATE0]

How can we use OBS as source of stream into the Server?

[@MrBabaum]

Amazing tutorial! Thank you so much

[@arunlanjewar1673]

can you please tell that how to improve video quality of broadcasted stream in this same project.

[@laughAFrame]

Hi quick question. How many viewers maximum can view the stream?

[@waleedzakriakhan9538]

Can you make video for flutter

[@mansisharma2084]

Hey Chaim, thanks for the video. Great content! Can you tell me how I need to change the code to make it a video conferencing app instead of just broadcasting?

[@bloodpriest1302]

just broadcast the stream of each and every single peer onto the server.

[@harishandroid1600]

i have done vidoe conferencing but i cannot cancel echo. help please

[@Arsalkhan16496]

kzbin.info/www/bejne/h6SraXmCZZ5oaM0 check this for your work

[@pixelotetm]

do a mediasoup firebase tutorial

[@riyadzaigirdar5394]

Can you tell me how to save that media stream as mp4 in server local storage

[@officialinnotech]

Wow! This is just so cool

[@giakhoinguyen9192]

Your video is great. But what is the difference between you and "Real media servers like jitsi and mediasoup" ?

[@tusharmaurya1668]

There is no "addTransceiver" method in "react-native-webrtc" in "Viewer.js", can you please tell me an alternate way to do it in react native

[@meansnada]

I thought I had the video playing at 2X but its at normal speed.

[@pocoace5415]

how can i change the video resolution of the viewer?

[@AliRaza-iv7dt]

I want to implement screening sharing option in this code but its not work can you upload a vedio for screen sharing in one-to-many webRTC which is implement in this vedio

[@hakanaki]

Is there a limit to the amount of users on the broadcast?

[@VuNguyen-bf7cj]

can you make a video use WebRTC stream with media server(ex: mediasoup) ? thank you.

[@techknowledgebase4504]

Is it possible webrtc audio stream play automatically in background if audio broducusted?

[@blissweb]

Exactly what I was looking for. Thanks a lot ! What limits the amount of viewers ? server bandwidth out ?

[@CabCallawayMusic]

Hey man this doesn't seem to work anymore - do you know what changed?

[@Jack-mz7qg]

This is great. Can you tell why mediasoup will be preferred when we can do the video forwarding using wrtc? mediasoup seems to have too large size which is 167mb compared to wrtc which is 82kb. what explains such a large difference

[@FreehuntX93]

Better performance and not exposing ip

[@dpr6516]

Awesome, I havn't heard of the wrtc package, before. Would be great to see the same thing done with mediasoup, is this something you're able to do?

[@CodingWithChaim]

The goal is to make some mediasoup videos in the future. Still need to get the chance to play with it more

[@dpr6516]

​@@CodingWithChaim Not simple is it!? Lol. I managed to adapt the demo by Dirvann to act as a broadcast system, but I'm not sure how good the code is; I'd rather adapt the official demo. However it's a lot more difficult. Some of the js classes are the longest I've ever seen!

[@YeduAI]

Great video, funny though for me the "viewer.html" client side actually does not show the video stream . It just remains blank

[@bruxoleonardo]

on the server does not work

[@sandakumara8077]

@@bruxoleonardo there is no any errors showing the server. But viewer side video is blank.

[@rockyarora9192]

Facing same thing, did you find any solution?

[@rockyarora9192]

​@@sandakumara8077exaaaaactly! Resolution?

[@ashenafitadesse3872]

thanks!!!!!! this is great . worked for me

[@socishe]

Is the any reason you did not continue this project using Reactjs?

[@pradeepchandu7159]

i want to add background image start stream and apply it for view stream ?

[@saadfalconyt9684]

Hey Chaim, hope you are doing great, this system is working perfectly on my machine. when I hosted on Heroku, and start to create a video stream it works fine but when I go for the viewer.html, it shows me nothing. Please make a video on how to host this WebRTC One To Many Broadcast (SFU) on heroku.

[@flokipanda]

I am also facing this issue

[@rnowrang]

Thanks for the awesome tutorial!! This worked amazingly on the same computer on different browser tabs. I also tried to run the viewer on a second computer on my LAN but I only get a black rectangular box without the video stream. Anyway I can work this on a LAN? Thanks so much!

[@王明-u7m]

Thanks a lot Sir, But I had a problem,It was encountered when WRTC was introduced. "wrtc.node is not a valid Win32 application." How do I fix this

[@rockyarora9192]

facing the same issue, did you find a solution to it?

[@paavam_njan]

How can I do many to one? Or many to many?

[@Rakeshsharma-lx5ym]

hello sir thanks for this videos it helps a lot a newbie like me i just got one project on webrtc live streaming and we are using media server for that so what changes should i do in order to use media server in this code also need to provide streamid pls help sir

[@pocoace5415]

please make a tutorial about changing video resolution of a viewer continuing this

[@lerinowoade1437]

i'm a bit confused about not seeing any iceCandidate setup in the build

[@CodingWithChaim]

Yea this would only work locally. To get it to work in a production environment it would need that configured

[@rebibe_me_jett4947]

Can you help me implement this in django?

[@vaibhavjoshi1769]

Error got UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'getTracks' of undefined at E:\one_to_many_broadcast\server.js:22:18 what to do, please help I have got this error, when i want to run viewer.html page

[@ranielantolin3878]

Is it posible to broadcast the capturestream to realtime live. Its like live streaming with media file 'GetElementByID' Broadcaster and watcher?

[@metalloriff]

Super good video, finally not losing brain cells by the constant typos people make when they write the code in the video, and talking super slowly. You write a block, explain the block, and actually speak at a good speed. Gonna be a sub for me. I have a question though, as I'm unable to get literally any WebRTC media server library to work (jitsi and mediasoup are two you mentioned), and I dislike using huge libraries like this, I'm wanting to try to get this sort of implementation you have in a production environment. What I ask about that, is mostly: how can I create a rooms/channels system with this implementation or similar? I have rooms where I want users to be able to connect and disconnect for voice and video calls, along with updating the UI as users connect and disconnect. Thank you in advance.

[@CodingWithChaim]

Thank you or the feedback! Your question is a great one! I had in mind to make a video on this some time in the future, but life sorta got in the way so have not had time for the channel. When I pick things up again, this may just be the first video I tackle. In the meantime, maybe you can use some of the concepts of the group video chat using the mesh network along with this to figure it out. Alternatively, you can setup a time with me and we can go over some of the concepts together. I should point out that I do charge a fee for that. Let me know.

[@metalloriff]

​@@CodingWithChaim Ah, I gotcha. I think that's a really good idea, on mixing the two concepts. I'll have to try that. I'm definitely interested in the idea of a 1-on-1 on the topic, even if for nothing more than the experience. How much do you think you would charge for that? Rough estimate is fine, I likely don't have money for it, but I figured I'd ask. I will try it out and let you know how it goes, if nothing else. Thank you for the response. 😃

[@Sachin.gupta1988]

What happen when client is behind firewall how to configure Turn server. If we configure turn server then will it be costlier or there is some workaround

[@redroger]

Damn, I got to say that I do enjoy your videos. You sir got me very much interested, what else can I build with just wrtc.

[@romanext921]

Thank you for the video. This is nice and simple. But will it work in a more complicated scenario? Will NAT in the real world be a problem, which will need more negotioation? Since server is running on a public ip it should have no issues I think. What is your opinion on that?

[@rockyarora9192]

facing the same issue, did you find a solution to it?

[@romanext921]

I have decided not to roll my own webRTC. Livekit is a free server you can use to get proper room videotaping, but it requires a server though

[@parthmongia3220]

Sir can you make a video on setting up KZbin like Streaming Option

[@onghungphung7668]

Thank you!

[@albert3-359]

will there be a git repo for this? for some reason I can't get it working. loving the webrtc content btw

[@CodingWithChaim]

Will push to git soon and link in description. I’ll let you know when it’s done

[@CodingWithChaim]

You can now find a link to a github repo in the description

[@albert3-359]

@@CodingWithChaim appreciate that, thankyou

[@omidkazemi6049]

i have implemented this and i have clear video but no audio, how can solve it?

[@CodingWithChaim]

audio true in get user media. Same spot where you see video true, add audio true

[@omidkazemi6049]

@@CodingWithChaim i already made them both true but still have no audio

[@dev_jeongdaeri]

amazing!❤️

[@krishnatiwari8028]

Sir , I found you really great doing work with webrtc on KZbin now ... And I am feeling very sad that why KZbin hid your channel from me for this much long time :( .. but my question was that how to mute / unmute or turn on / turn off video ( simple peer webrtc video ) , please get to know us if you like too , anyways liked ur content very much !!! 😄😄👍

[@CodingWithChaim]

Working on a new webrtc video which will be out in a week or 2 and it will include this topic as well

[@krishnatiwari8028]

Thanks for your precious time replying me ♥️♥️

[@donynuransyah7024]

why the peer connection cannot connect with different network, but thanks for the great explanation

[@CodingWithChaim]

because this code does not handle the ice candidates developer.mozilla.org/en-US/docs/Web/API/RTCIceCandidate

[@pooman4727]

Is there any way to add multiple streams to the same peer by iterating over an array of streams and adding each each track and steam? It seems when I try to do this the ontrack event will not fire for the second stream. I'm wondering if I have to create a new peer connection for every single stream I want to receive or if there is a way to send multiple streams through one peer.

[@rockyarora9192]

facing the same issue, did you find a solution to it?

[@alessandrogentil]

What an incredible video! I was thinking, how hard would be trying to combine the projects of this video, with the record in javascript and the webRTC screen share?

[@CodingWithChaim]

Very doable

[@alessandrogentil]

@@CodingWithChaim Chaim, I was thinking about a media server to study, between like medooze and mediasoup, what one you think will be better? For documentation and examples, mediasoup seems excellent, but MCU with medooze is better for broadcast, so will be better for video conferences, right?

[@shujanaqvi7007]

@@alessandrogentil Did you work on recording and screen sharing?

[@azrifathulakbar1691]

Why i cant to deploy it in heroku?

[@eyecoin3944]

Hello Chaim i watch all your tutorials its a amazing !!!! Really I learn Too Much From You ,But i have a lot of issues with wrtc i try to install it on many linux machine i got a lot of errors , can you recommend an linux version o anther sfu server for production level Thank You again

[@kgdev3525]

wrtc is not working on heroku

[@SCRITPXY]

Have you find solution of that??

[@adrianismaelzamoravaladez2098]

I'm dealing with that, have you found any solutions? I also want to deploy the project for production testing.

[@SCRITPXY]

@@adrianismaelzamoravaladez2098 have you find solution for that??

[@adrianismaelzamoravaladez2098]

@@SCRITPXY no :(

[@SCRITPXY]

@@adrianismaelzamoravaladez2098 I got the solution

[@janszymanski9947]

you code doesn't work anymore

[@maingame1073]

Can anybody answer this question?👉 its that okay if i put stream itu array. So the streaming can be many?

[@pxlloewe1481]

Ver, nice job dude. What would be realy helpful is implementig this in electronJS I thought it would work just the same as in the browser, but it seems like electron blocks webRTC streams

[@TuanTran-jf9oj]

how a bout only audio stream one to many

[@dani2kn]

Does this work on https ?

[@zayhalo3964]

How much would you charge to build me an app/ software for me?

[@dpr6516]

why is wrtc not called an sfu, since it does forward the streams rather than combine them like mcu does? Why is an sfu better?

[@blissweb]

From what I've read so far, SFU seems to be for the Zoom-type app where everyone sees everyone and has special optimizations for that. This demo here is one person, who just broadcasts to many people but never sees them. (which is what I was looking for) :-)

[@DevSprint]

i need your help

[@RanaUsman-cz4cg]

Can anyone help I want to build Group Video Chat using SFU

[@pocoace5415]

the viewstream doenst work in me or its just takes too long

[@rockyarora9192]

facing the same issue, did you find a solution to it?

[@pocoace5415]

@@rockyarora9192 yes i find it and i solved it somehow

[@aryan.jain.28]

@pocoace5415 Hey I am facing the same issue. Can you please describe how did you find the solution? Thanks!

[@pocoace5415]

i forgot but what i remembered is that it needs internet so the data can be pass and it will start the stream.thanks for this i made a livestream with people can comment in every livestream they visit @@aryan.jain.28