Build A Group Video Chat App In 15 Minutes
Vložit
- čas přidán 28. 08. 2024
- Build a video calling website using plain HTML, CSS & JavaScript along with the Agora video SDK. Instead of using WebRTC we will use the agora SDK which adds a layer and an easy to use SDK around web RTC for video calling.
Source Code: github.com/div...
Agora website: agora.io/
Agora Documentation: docs.agora.io/...
Download Agora Video SDK: docs.agora.io/...
Agora Video Call SDK Link: download.agora...
For anyone that's interested in WebRTC and Sockets, I am doing a lot of research on that right now and will some videos without using an SDK like Agora. This way you can try both options and see what works best for you :)
Looking forward to seeing more on this topic - cheers!
Thanks for being a mentor to all of us!!
Am intereted
Would love to see something like this with the Webex SDK.
4:29
Getting to know your channel is one of the best thing that ever happened to me, thank you so much for everything
Wow, thank you!
Can you do more videos on how to share screen, record the meeting, and add whiteboard in case of teaching students online. I would be very glad. I really LOVED the video
did u find away to share screen?
After a long time. Good to see you again Dennis. ❤️🔥
Real good to see you again here Dennis... kudos for making people aware about this nifty SDK.
Keep posting more content
One of the best short guides on Agora. Thank you 💚
You are the best Dennis, thanks for your efforts, we learn a lot from your channel
Awesome, and when you do the back-end video please do it with Django
I was planning on it ;)
Yes please man
Its wonderful development video, like to see two party video conferencing so that can have better idea.
This is so cool! 🔥🔥🔥🔥🔥
Thanks for adding this video, this'll be a great practice for me to practice some Front-end and use SDKs at the same time!
Love your videos dude! ♥♥♥
what is the use of user in the async(user, mediaType) at line 37. when i am trying to consol log it, it shows undefined
This is really smart!! Congrats.
Greetings from Azerbaijan👋
keep going dennis you are the best
Thanks for this was looking forward to finding a application like this - Just need to figure out how to renew that temp token since we can't hardly hardcode this into the system each time
I'm upgrading your script somewhat so that a videochat only last for x amaount of time - to prevent mis-use by auto logou after x time
Can we expect a new project with django on the backend and front end built with react , that would be so cool
thank you so much, it really helps?, how can we add a record button to save the live conversation?
I need another social network app like ISPQ. They just killed it on March 31st. You could meet people from all over the world.
ty so much for this usefull tutorial but the problem if i want to open the website in other browser like tow customers connected from tow different devices
@Dennis lvy i run the code exactly how you input without any error but not working. I don't know why, but seems like it's from temp token i generated. Can you pls help me.
@DennisIvy Amazing guide, Thank you. Please how to share screen, any ideas?
how to generate tokens dynamically, anyone have any idea, I am new to this
Please Dennis, is Django still worth learning, with the rise of no code tools.
Of course its still worth learning ;) There are plenty of tools that add to the development process but in many cases you will still need a backend to host your database, API and to hold all the business logic. These tools work well together.
@@DennisIvy Thank you.
hi dennis can you talk about fastapi and what is the diffrent between it and django rest framework , and what do you think about start using fastapi instead using django
thanku sir u really helped alot
how can i create dynamic tokens in JavaScript, when i host the project it only returns video stream from the first user who joined the stream
This is what i was looking for ❤
really we need to learn how to develop private chat app using django channels ♥️
Yea I've spent some time on that and will try to come out with a few videos on that
@@DennisIvy thanks bro, we are waiting ... ❤
Awesome, helpful for me
You save my live❤
I can do multiple rooms with a limit of 2 people?
hey, after clicking on the join stream I'm unable to see the video. Can you please help me out?
Sis, did u get the video streaming because I am also not able to stream video 😢😢
same problem
Awesome !
I added all of the files and did accordingly but only "Join Stream" is appeared and nothing else when i click on it. Please tell someone how it will work?
the same here! have you figured it out ?
Hi, my token got expired and now not working how can i renew automatically?
i wanna input video image in the deeplearning model... so how can i get the video image in agora?
Wouldn't this work on Mobile with the same IP address?
Hi does anyone knows how to limit peers in a group, like maximum 4?
sir how to share the link to join anyone as it running in local host only
Awesome dude!
How can I add a screen share button?
what would be the course for the source code not to work ?
Hey can you know how to connect with bacend like node js
how to make this web link accessible to others? please reply
Make A video to add Create and Join room with Screen Share Features
need full series on js
channel option is not showing
hi can any one tell me how to star the project or how to run the server specifically
Please make a video group video sfu architecture in django without any sdk like agora
Please please please....
You click on JOIN STREAM and nothing happens. Why?
same
You need to link app of token channel name etc
why this not wroking in online host
Love ❤️
i will like more control over my content is there a way to do this without being bound to strict rules of agora
Yea if you don’t want to use their SDK and try using webRTC. I’d recommend trying both so you can better understand the advantages and disadvantages of both.
@@DennisIvy is there a place i can message you privately
Bro how to connect with others
Обалдеть как интересно....
Ага!
Hello I am Trying to run this project in my web server but it cant go a head how to install kindly guid me and which server will needs
Same problem
how can i create the rooms now?
How safe is it?
💖💖💖💖
mine was not working ☹
is it possible to apply face recognition in this Group Video Chat? thank you
Sure it is. There are libraries that companies like open AI provide that should be possible to integrate.
@@DennisIvy thank you!!!
Dennis, when I click join Stream nothing happens! I don't know what's wrong here ? it worked on my laptop but on this pc it doesn't Can you help ?
What does the console say?
@@DennisIvy Audit usage of navigator.userAgent, navigator.appVersion, and navigator.platform
A page or script is accessing at least one of navigator.userAgent, navigator.appVersion, and navigator.platform. Starting in Chrome 101, the amount of information available in the User Agent string will be reduced.
To fix this issue, replace the usage of navigator.userAgent, navigator.appVersion, and navigator.platform with feature detection, progressive enhancement, or migrate to navigator.userAgentData.
Note that for performance reasons, only the first access to one of the properties is shown.
1 source
content.js:1
This is the message in chrome console issues. in vs code it says nothing
@@ahmedboshra7625 Did you ever figure it out? I get the same thing.
5:15
😎
💥
Hi you are doing good
But I follow all the steps correctly, but my camera is not displaying anything on my screen and I check my console I have no error
I see a warning message
Telling me unexpected token < in JSON at position 0 how can I fix that please
Can you do integrate into Django?
Beo it doesnot work trust
Cool.... 😍
Hello good morning, I would like to know what information this link gives me Live + Chat how to work?
bro plz send the vedio chat web application code
hello sir .. i am build a meeting webapp using agora sdk but there are no longer the web sms chatting sdk .. how to i get that?? @DennisIvy