Deploy WebRTC Video Chat to Heroku

Рет қаралды 10,596

3 жыл бұрын

In this video I demonstrate how to deploy a webrtc application to Heroku. Follow along with me, and you can have your very own video chat app deployed so that you can share it with friends!
If you enjoyed the video, please consider dropping a like! It helps really helps the channel!
Webrtc Tutorial: • WebRTC Tutorial | Vide...
Heroku Tuorial: • How To Deploy a React ...
Code I deployed: github.com/coding-with-chaim/...
WebRTC Tutorial: • WebRTC Tutorial | Vide...
Start Files: github.com/coding-with-chaim/...
To run have 2 terminals open, 1 in the root and one in the client folder. In each terminal window, make sure to run either yarn or npm i to install the dependencies. One that is done, run node server.js in the root and yarn/npm start in the client.
Follow me on Twitter: / codingwithchaim
Subscribe to the channel: kzfaq.info...
--SUPPORT THE CHANNEL--
If you would like to support the channel you can use the below link.
I would like to stress that while it would be greatly appreciated, in no way is this required!
link: paypal.me/codingwithchaim

Пікірлер: 39

@mukhammadsobirov6376 3 жыл бұрын

Thanks a lot!!! Was looking forward to the deployment part! Appreciate it!

@CodingWithChaim 3 жыл бұрын

You are very welcome!

@MGPawoGER 3 жыл бұрын

Great tutorial!! I struggled with a 404 error for a while. Just in case, someone faces the same problem... when the code snippet is added at 5:06, it was not mentioned to add const path = require("path"); in the top of the server.js file. It took me a while to figure that out but learned a lot about debugging Heroku:) Thanks!

@serjio8781 3 жыл бұрын

Great stuff as usual !

@CodingWithChaim 3 жыл бұрын

Thank you!

@daimoncardenas5074 3 жыл бұрын

Definitivamente me impresiona la velocidad con la que comprendes e implementas codigo. Muchas gracias por este gran aporte. Un abrazo desde Bogota, Colombia.

@manoj03h 3 жыл бұрын

I liked your video the most

@sanskaarpatni9137 3 жыл бұрын

Great stuff !

@CodingWithChaim 3 жыл бұрын

Thank you!

@jeffreyjansen 3 жыл бұрын

Thank you for your great video! Unfortunately I know nothing about React. But I'm having problems to deploy (several) Video Chat apps to Heroku. Locally they all work but on Heroku they all fail. I saw you adding essential code (this is the first video doning that!) but I don't know React so some of the code I don't understand. Can you point out what code is really neccesary for Heroku to let an app (with peerJS) work? I searched for answers for month and many people have the same problem. Can you help me?

@dannyzilberg3101 3 жыл бұрын

Great video! ran into a problem though... instead of a chat app the window just says "not found" at the top of the screen... could it be a geographic thing or is it just my bad? Thanks!

@jeffreyjansen 3 жыл бұрын

On 5:05 you bring in a snippet of code. The app.use points to /client/build whereas "build" isn't a real file right? Is this something REACT? If I want to add this snippet in my own code, to what kind of file should I point to? The app.get points to the index.html. Since I use a file called room.ejs I cound point to that file right? Thanks for your video!

@kgdev3525 2 жыл бұрын

that's is amazing ,can you make a tutorial on how to deploy wrtc on heroku, thanks you

@JohnMcLeodBrown 3 жыл бұрын

Managed to get the app working on my local system, when deployed to Heroku however if I copy/paste the link into another tab/window it shows a white page with "Not Found", any advice?

@RK-gm4pd 3 жыл бұрын

Hi Chaim what library do you use in your terminal to autocomplete?

@CodingWithChaim 3 жыл бұрын

this is what I use fishshell.com/

@anshsonkusare7544 2 жыл бұрын

Thanks a lot for this video this worked but still I cant create my own webrtc app

@shivanichaudhari4479 3 жыл бұрын

The room is not visible. Camera is not getting on, camera permissions are also there code is running properly on localhost but not on the domain. What should I do? Help Chaim!

@karachidavid4722 3 жыл бұрын

what about servers like hostgator do you have any idea?

@jimmylexfernandezr6365 3 жыл бұрын

Congratulations, good video, but I wish remote users could have a video call. How to do it? Since in this demo it only works locally.

@Unfigs 3 жыл бұрын

i have purchase a website software , which has heroku video streaming video button. I have checked the site and it is paid , Can i replace this code to use webrtc so that anybody on my website can do video call to other person without any cost.

@be_b_50_ankitkumar_singh79 3 жыл бұрын

Sir, does this works when the attendees are in different networks? For me it did worked while I opened the same link in two tabs which means it works perfectly while attendees are in same network. But once I shared this to my friend who stays around 1km distance which is WAN I guess, we do get connected (I can see the black blank box for video ) but audio and video is not connected. Also, we can send text messages in real-time in the app but audio/video connection is not successful. I tried to look for audio/video constraints in console and it shows empty which means the connection isn't successful, while for google meet session , google meet's audio and video constraints are visible. Please help me with this and thanks for your time. Thanks a ton for your videos!

@hmshuvo2332 2 жыл бұрын

Oh man this same problem is killing me. I tried several different implementation of this app. ( using native webRTC, simple-peer, peer-js ) all of them works on the same network but not on different ones. And all of the tutorial is showing how it works on local network, but none of them is addressing the issue that it doesn't work on different networks. Which actually makes the app useless. Please let me know if you have found any solution about it. Thank you!

@yajassardana3495 3 жыл бұрын

Hey, won't this app break down/ not work when trying to connect accross different networks, as you're deploying without using STUN or TURN servers?

@miltonbhowmick8267 2 жыл бұрын

He is just skip that thing! This is so much bad creator! It does not work on different networks.

@muhammadhamzahaneefqureshi5016 3 жыл бұрын

I have deployed your group chat application over free heruko server but, I have noticed that sometimes it works with 3 user but, sometimes it not connect a single user. Can you tell me what would be the issue ? I might think that it is occurring due to the free server so server not giving complete resource. ??

@CodingWithChaim 3 жыл бұрын

Hmm thats is interesting. My feeling is that it is not an issue with heroku, and might just be due to the inefficiencies in the code, tho I could not say for sure where the issue might be.

@muhammadhamzahaneefqureshi5016 3 жыл бұрын

@@CodingWithChaim can you tell us what kind of code inefficiencies and what kind of factors involve in that kind of video steaming application at the coding level and how can we handle efficiently ?

@SanthoshKumar-zd8il 3 жыл бұрын

I am getting application error please help me

@arnaujordaverdu 3 жыл бұрын

When I open the room and the other open the link, it says: Internal Server Error

@arnaujordaverdu 3 жыл бұрын

Solved, it whas an error in the server.js, I put __dirname in one sentence and _dirname in the other. Fixed.

@pronamtruyen8206 3 жыл бұрын

What is the difference mediasoup and webrtc?

@CodingWithChaim 3 жыл бұрын

mediaSoup is a library that will help you build a scalable webrtc solution. For example you can build a group video chat using webrtc with the mesh network approach, but that wont scale well at all, but with mediaSoup you can build a scalable group video chat with its SFU approach.

@pronamtruyen8206 3 жыл бұрын

@@CodingWithChaim Thanks you. I am using redis to extend webrtc for multiple servers, is it possible to replace mediaSoup?

@dygitalanimations42 3 жыл бұрын

i tried doing all this i even did the first tutorial but for some reason but when i put the room link in new tab it says not found here is my code github.com/dylxntn/WalketVideo