Django Video Chat Website With Controls

Ойын-сауық

Build a video calling website with Django and the Agora Video Web SDK. This project will include the following features: Group and peer to peer video calling, full controls such as muting your mic, turning your camera off and displaying usernames.
Check out my Python Django course: dub.sh/fLAvT8U
Source Code: github.com/divanov11/mychat
Agora Documentation: docs.agora.io/en/Video/API%20...
Downloadable Web SDK: download.agora.io/sdk/release...
Build a video calling app in 15 minutes: • Build A Group Video Ch...
Timesteps:
00:00 - Intro
17:38 - Connect Static Files
23:45 - Template setup and Styling
38:10 - Create Agora Account
40:40 - Generate Temp Token
44:01 - Download Agora SDK
47:18 - Display Video Source to Page
1:00:30 - Adding More Users
1:10:00 - Handle User Left
1:12:20 - Adding Controls
1:26:03 - Token Generation
1:36:52 - Join From Lobby
1:47:15 - Finish Styling
2:03:25 - Display Usernames

Пікірлер: 209

  • @DennisIvy
    @DennisIvy4 күн бұрын

    Don't forget to check out my Complete Django course: dub.sh/fLAvT8U

  • @pgallovich
    @pgallovich2 жыл бұрын

    Another excellent app and example to learn from. This is amazing! Thanks so much Dennis!

  • @abdullashafi580
    @abdullashafi5802 жыл бұрын

    Yes !!!! You are the one who brought Django to another level. Respect

  • @franzzapanta8294
    @franzzapanta8294 Жыл бұрын

    Excellent tutorial Dennis! I managed to learn about Agora SDK and realized how easy and useful it is when building applications like this.

  • @pohanggg4589
    @pohanggg45892 жыл бұрын

    This kind of content is priceless, thank you so much for sharing, sir! Stay healthy, love from Indonesia🇲🇨

  • @katumbavictor3513
    @katumbavictor35132 жыл бұрын

    Thanks Dennis for this lecture, I had tried mediasoup but its very complicated but you have made me feel home, thanks bro

  • @hadi_2122
    @hadi_21222 жыл бұрын

    Thank you sir for all you had and have for us. I really like they way you teach and explain the things.

  • @mugisharonald6197
    @mugisharonald61972 жыл бұрын

    Phenomenal as always, thanks a lot Denis

  • @sushantabrin
    @sushantabrin2 жыл бұрын

    this was just fantastic. learned alot of new things. thanks Sir Dennis.

  • @aurelienbaraka2527
    @aurelienbaraka2527 Жыл бұрын

    You are the best Django Tutor ! Thank you and God bless you!

  • @rangabharath4253
    @rangabharath42532 жыл бұрын

    Awesome as always Dennis 👌🎉🥳

  • @jackrayan3157
    @jackrayan31572 жыл бұрын

    I have been waiting for This video chat application from long day

  • @NareshKumar-dw9xp
    @NareshKumar-dw9xp2 жыл бұрын

    You are awesome!! Thank you so much for this wonderful content. I learned a lot of things here. Usually, on weekends, I watch Netflix but on this weekend I did something amazing@@@

  • @ruiini
    @ruiini7 ай бұрын

    Thank you soo much dennis it was so fun to do this project

  • @UkashaHacksCommunity
    @UkashaHacksCommunity2 жыл бұрын

    I always wanted this video chatting app... Thanks very much for all content you provide to us..

  • @MONTYJONTYofficial
    @MONTYJONTYofficial2 жыл бұрын

    You are my ideal teacher im from india. im 16. i started coding at age 14 by myself from youtube video tutorials for my academics i left coding last year but i am thinking to continue it

  • @midouwebdev2224
    @midouwebdev22242 жыл бұрын

    Awesome. Dennis is back !

  • @dhruvgoyal497
    @dhruvgoyal497 Жыл бұрын

    just two words for your work... amazing and thankyou🤩🤩

  • @sourabhsharma2746
    @sourabhsharma27462 жыл бұрын

    thanks for another weekend project ,😍❤️

  • @vanshkhera206
    @vanshkhera2062 жыл бұрын

    Man! You motivate me so much, Thank you!!!

  • @JacobSean-iy3tl
    @JacobSean-iy3tl3 ай бұрын

    wow , I have been learning python for over a year and python never ceases to amaze me

  • @ITS_N3.LL.Y
    @ITS_N3.LL.Y2 жыл бұрын

    Wow u don’t even know how this is sooo cool thanks so much man preciate u

  • @codexperience7951
    @codexperience79512 жыл бұрын

    this udemy instructor is very good and detailed oriented

  • @dericmiano9516
    @dericmiano95162 жыл бұрын

    Thanks always for the GREAT content..am Humbled

  • @mikescript
    @mikescript2 жыл бұрын

    Woooo mr Denis always have something new 🍾🍾🍾🍾

  • @yourabd4604
    @yourabd46042 жыл бұрын

    Oww man, you're great. Love from Bangladesh ❤️

  • @parmanandchauhan6182
    @parmanandchauhan61822 жыл бұрын

    Thanks man, waiting for ur next tutorial on channel, real time application using web sockets.

  • @blackdynamite_5470

    @blackdynamite_5470

    2 жыл бұрын

    I'm waiting cause I'm too poor to pay for any services I have to write it all by myself 😁

  • @parmanandchauhan6182

    @parmanandchauhan6182

    2 жыл бұрын

    @@blackdynamite_5470 what's the point, dennis lectures are very good and he is making videos related to this topic, that's why I had written this.

  • @yantech.4249
    @yantech.42492 жыл бұрын

    Wow Wow ! Thant is an AMZING new tutorialBig thanks to our Great Teacher @Dennis Ivy

  • @neerjamittal4985
    @neerjamittal498511 ай бұрын

    Thank you for this video. This helped me a lot😊

  • @laraibkhan2517
    @laraibkhan25172 жыл бұрын

    excellent project , excited to learn

  • @themarksmith
    @themarksmith2 жыл бұрын

    Excellent - thank you!

  • @aliqyan9827
    @aliqyan9827 Жыл бұрын

    Thank You Dennis Sir I completed this project successfully, met with many errors in between too but it was an adventure and very fun. Now with your permission granted as in the end of the video I will deploy it with few of my changes and show it off among my friends. Thank You Again🙏🙏

  • @amolnichit7848

    @amolnichit7848

    Жыл бұрын

    In the source code some files not open.. Plz reply me i want to run this project ###HELP ME###

  • @user-tw7rd8jn4m

    @user-tw7rd8jn4m

    Жыл бұрын

    emmm,我遇到一些问题请问怎么提问呢

  • @senhihamka7274
    @senhihamka7274 Жыл бұрын

    So far thank you so much for the nice presentation with a very helpful tutorial ever seen. I got one challenge, when i run in new incognito window, it works properly but on opening to another browser it fails to open local video.

  • @abdullashafi580
    @abdullashafi5802 жыл бұрын

    Sir, Take Love from Bangladesh

  • @ATIWatchReviews
    @ATIWatchReviews2 жыл бұрын

    Great vid, cheers

  • @kshitijbramhecha3473
    @kshitijbramhecha34736 ай бұрын

    Thanks Sir for the awesome tutorial

  • @mushfiqurrahman2582
    @mushfiqurrahman25822 жыл бұрын

    Just Dennis Things. Superb!!

  • @torus151
    @torus1512 жыл бұрын

    this is amazing ...thanks man

  • @muhammadsalah9598
    @muhammadsalah9598 Жыл бұрын

    love your videos

  • @CrazeXD
    @CrazeXD Жыл бұрын

    55:03 you don't need to do the indexes individually, it's an array of subsequent indexes so it can just be the original array

  • @mustafajohn500
    @mustafajohn5002 жыл бұрын

    thanks man you've helped me a lot.

  • @sahirbinsaud680

    @sahirbinsaud680

    2 жыл бұрын

    virtualenv env is not working 'virtualenv' is not recognized as an internal or external command, operable program or batch file. showing this eerror after doing pip intall virtualenv plz helppp

  • @KiyotakaAyanokoji-jr9bp
    @KiyotakaAyanokoji-jr9bp2 ай бұрын

    Thank you so much

  • @shankarbeatz2012
    @shankarbeatz20122 жыл бұрын

    So nice of you....

  • @adityanjsg99
    @adityanjsg995 ай бұрын

    As a ML Engineer , plus Django skills given provided by Dennis has made me an unique player in my Org.

  • @nquanta1548
    @nquanta15482 жыл бұрын

    Waiting for websockets video bro 🔥🔥🔥

  • @guymichelngabonziza6493
    @guymichelngabonziza64932 жыл бұрын

    Thank you very much sir

  • @neoErnz
    @neoErnz Жыл бұрын

    Thanks, Dennis. Great contents. Btw, may I ask how you configure your prettier extension to recognize django templates?

  • @gustavojuantorena
    @gustavojuantorena2 жыл бұрын

    Awesome!

  • @mahbubhasan9153
    @mahbubhasan9153 Жыл бұрын

    Thanks a lot dear sir🥰

  • @farazahmed1668
    @farazahmed16682 жыл бұрын

    It's Amazing.

  • @HelloWorld-hr5te
    @HelloWorld-hr5te2 жыл бұрын

    Thinking you could make a video on ways of making money as a developer (python) ..nice one here today bruv💝

  • @jacobmoore8734
    @jacobmoore87342 жыл бұрын

    @DennisIvy, is it possible to use React as the frontend in this sort of project w/ Agora (or Django channels)?

  • @radhouenebousnina9352
    @radhouenebousnina93522 жыл бұрын

    Thanks man for the content it really helps .. Can you please make a course about django channels because there's not enough resources on internet

  • @gambomaster
    @gambomaster2 жыл бұрын

    Thanks. 🙏🙏🙏

  • @AndreBeeDXB
    @AndreBeeDXB Жыл бұрын

    Hi Dennis, amazing tutorial. One question, how do you protect the APP ID from being displayed in the front end? do we need a node JS server for that? Thanks

  • @oxunjonmaxmudov8297
    @oxunjonmaxmudov82972 жыл бұрын

    Thank you very much Dennis for your great courses they all are very useful. I have a question, can I make backend for mobile apps with django?

  • @b_mawuli

    @b_mawuli

    2 жыл бұрын

    yh, i know of the rest framework, for api s

  • @ashp7264
    @ashp7264 Жыл бұрын

    Great one dennis! I was wondering if it is possible to use a react front end with the above project backend if so how?

  • @MohdImran-uq5iv
    @MohdImran-uq5iv2 жыл бұрын

    Thanks

  • @dynamitegamer5344
    @dynamitegamer53442 жыл бұрын

    Denis🔥🙏

  • @andmil8048
    @andmil8048 Жыл бұрын

    I am trying to integrate this video-chat with the chat-server-project included in mr. Antonio Mele's book 'django3 by example' , and so far it works :)

  • @ashleeelite4704

    @ashleeelite4704

    Жыл бұрын

    any git link of your project

  • @christianhempel3445

    @christianhempel3445

    3 ай бұрын

    Do you know about licensing? Can this be used for any projects? Best regards Christian.

  • @fghgffgvbgh
    @fghgffgvbgh2 жыл бұрын

    Awesome video. I just wanted to ask one question. Does agora provide End-to-end (E2EE) encryption?

  • @sandeepmishra1390
    @sandeepmishra13902 жыл бұрын

    Taught, creating rest API in django

  • @yichengwang3501
    @yichengwang35012 жыл бұрын

    Sick tutorial, is there a way to host this app on Heroku or something? I tried but I ran into sqlite problems

  • @mohsenyazdandust2726
    @mohsenyazdandust27262 жыл бұрын

    Thanks a lot!! I loved the video and it helped me big time :)

  • @sahirbinsaud680

    @sahirbinsaud680

    2 жыл бұрын

    virtualenv env is not working 'virtualenv' is not recognized as an internal or external command, operable program or batch file. showing this eerror after doing pip intall virtual env plz helppp

  • @tadaspetra
    @tadaspetra2 жыл бұрын

    🔥🔥

  • @dosengthavong8854
    @dosengthavong88542 жыл бұрын

    Anyone had problem with this 1:15:30 part ? The three svg files styling still have no change, even I rewrote main.css Also tried replaced my room.html & main.css from the project GitHub, but those svg files still has no changes

  • @muzmmilali9319
    @muzmmilali9319 Жыл бұрын

    Cool

  • @ajayawchar7433
    @ajayawchar74332 жыл бұрын

    Can i use opencv ,mediapipe in this project to add some vdo features like changing backgroumd and filters etc. ?

  • @soorajtk7251
    @soorajtk72512 жыл бұрын

    Sir, i have purchased your django course from udemy and started work out it. But i could not understand the thing properly. Before watching the course should i learn django documentation properly?

  • @alitopedits
    @alitopedits2 жыл бұрын

    Wowww :)

  • @timthegreatone
    @timthegreatone Жыл бұрын

    If you face any exception error when trying to display the video. Make sure your laptop has a microphone. Mine was generating error until when I connected my headphones

  • @imehatang2409
    @imehatang2409 Жыл бұрын

    Thank you very much Mr Dennis for this tutorial. Could you do one like this again but for a now text chat app🥺🙏🙏🙏with django, Javascript, html and css.

  • @ogarjosephodama1878
    @ogarjosephodama18782 жыл бұрын

    Thanks sir, Can you sharescreen and record stream?

  • @amirreza8308
    @amirreza83082 жыл бұрын

    Hey dude thanks for good videos i just had a problem with agora site the action, function... Don't appear for me It's like 2 different sites but I checked everything

  • @darshitjain6227
    @darshitjain62272 жыл бұрын

    Can you tell approximately when you are going to release the video using webrtc and django channels

  • @the_proton_guy
    @the_proton_guy2 жыл бұрын

    Hi Dennis, I keep getting an error saying agoraRTC is not defined. I know i properly linked the sdk file so i do not know what the problem is

  • @user-nj4rz9pk2t
    @user-nj4rz9pk2t7 ай бұрын

    Great tutorial, works on the same PC where django is installed, but accessing the page from other PC in the local netwotk all I see is the video of users logged in from the django machine. The video from the external computer is not seen, not even a blank frame of the external PC. Dennis, have you tried to log in from other PC, not just the samre PC and different incognito windows.

  • @yamunasri6687
    @yamunasri66872 жыл бұрын

    Hi Ivy, Thanks for the video, I am facing this error while running the code. Any idea where i am doing wrong? Internal Server Error: /delete_member/ base.models.RoomMember.DoesNotExist: RoomMember matching query does not exist. I am new to python. Thanks, Yamuna

  • @andys_industries

    @andys_industries

    2 жыл бұрын

    what was the solution please?

  • @thelordsscribe
    @thelordsscribe2 жыл бұрын

    Hello. I wrote the program and i have an issue. The video was not displaying due to an error including the agoraRTC in the stream.js. Anytime I try to comment it out and run my Django app, it would tell me to include the agoraRTC in the JavaScript code. please any help would be appreciated. Thank you for your understanding.

  • @kwamikudawoo7827
    @kwamikudawoo78272 жыл бұрын

    Hi dennis, i love your videos can you do a video on how to received and send messages from django to whatsapp

  • @andmil8048
    @andmil8048 Жыл бұрын

    Denis said he will make a video on how to use the redis database to store session data. Does anyone know if this movie was made?

  • @audleyjeffery818
    @audleyjeffery818 Жыл бұрын

    Love the work you do, what if I wanted to kick someone out of a class or I want to create a password and make sure the person join my stream matches the password before getting in to my stream

  • @amaangigani9372
    @amaangigani9372 Жыл бұрын

    Is the video where this is made via django channels and websockets out?

  • @kfibcudwiefjw7428
    @kfibcudwiefjw7428 Жыл бұрын

    Is your video where you build this from scratch without Agora already online?

  • @sumanbanik3339
    @sumanbanik33392 жыл бұрын

    Hey man, it's great to work along with your project.. I was facing a problem with agora though, the functions column isn't visible for me, I tried verifying my account and all, refreshed, can anyone help me.

  • @artificallead499
    @artificallead4992 жыл бұрын

    waiting on the webrtc is there another way to do this without having to pay a third party i know that may be hard

  • @afzaalarshad9343
    @afzaalarshad9343 Жыл бұрын

    good boy

  • @jakeybear23
    @jakeybear232 жыл бұрын

    “You’re a goddamned wizard, Dennis!”- A better, wiser, Dumbledore

  • @enowbrenda
    @enowbrenda Жыл бұрын

    good but please can you help me make it in a way that wen another person wants to join,the initial user is notified and asked if the other should join or not

  • @zohaibulhassan4690
    @zohaibulhassan4690 Жыл бұрын

    Hello Dennis, thanks for this good tutorial, i am confused in one thing please guide I genrate the ngrok link its working fine in my windows computer and also its working fine with the android, but i as i pasted ngrok link in the raspberry pi having camera attach to it ...........Its getting page refresh and not working please help me onto this

  • @htmoh8115
    @htmoh81152 жыл бұрын

    On group chat, how do you add raise hand 🖐️?

  • @HowToJack
    @HowToJack2 жыл бұрын

    i always wanted to build something useful with python ..where can i deploy it?

  • @shivamrohilla208
    @shivamrohilla208 Жыл бұрын

    is this one to many or a group video funtionality ??

  • @athmanbakari9724
    @athmanbakari9724 Жыл бұрын

    Anyone encountered the ID Authentication prompt that doesnt allow you to create a new project?

  • @CokeVoAYCE
    @CokeVoAYCE Жыл бұрын

    did he make the video he mentions at 4:50 yet and if so does anybody have the link?

  • @revathsaikiran6248
    @revathsaikiran62482 жыл бұрын

    when i ran this code after enter into room it will redirect to login page after 2 seconds can you please help me?

  • @MohamedElsayed-nc4kc
    @MohamedElsayed-nc4kc2 жыл бұрын

    how to connect agora video call to AI model ? i hope if you help me with a tutorial or blog

  • @christianhempel3445
    @christianhempel34453 ай бұрын

    Does anyone know about the licensing? Can this be used for any projects and be changed and commercialized? Best regards Christian.

  • @ericcartman2294
    @ericcartman22942 жыл бұрын

    How to access environment variables in 'streams.js' file? 'process.env' doesn't work.

  • @sushantabrin
    @sushantabrin2 жыл бұрын

    When i use pythonanywhere to deploy this, the lobby page works fantastic, but the room page doesnt show anything. Except the buttons and Room Name. What could be the issue? Can it be RESOLVED?

  • @amolambkar87

    @amolambkar87

    2 жыл бұрын

    same thing happened with me on heroku...

  • @agnishwarbagchi4935

    @agnishwarbagchi4935

    2 жыл бұрын

    Same problem, I guess it can't reach the django database

Келесі