Flutter Video Calling with Agora | Apps From Scratch

Get started with Agora for free 👉 bit.ly/3vcDzNV
» Flutter courses, writeups, and source code on Launch Club 🧠
drp.li/Iq9Bk
» Flutter Job Board 👋
drp.li/T9bLq
In this video, we'll use the video calling SDK from Agora to integrate video calls into our messaging app. Agora also offers SDKs for voice calls, live streaming, and real-time messaging. I highly recommend that you take a look at their docs at agora.io and check out all they have to offer.
» Resources 📂
Agora: agora.io
Agora Docs: docs.agora.io
Agora UI Kit Package: pub.dev/packages/agora_uikit
» Remember to like, subscribe, comment, and share this video!🚨
kzbin.info?sub_...
» Socials📱
GitHub: github.com/MarcusNg
Twitter: / marcuslng
» Timestamps 🕒
0:00 Flutter Video Call Intro
0:37 Project Setup - Pubspec
0:55 Android and iOS Permissions
1:21 Fix M1 iOS Simulator Error
1:49 App Theme
2:02 Folder Structure
2:15 Chat Screen
2:34 Message Bubble Widget
3:40 Message Text Field Widget
4:05 Unfocus Widget
4:33 Video Call Screen - Agora UI Kit
5:23 Agora Dashboard - App ID, Channel Name, Temp Token Generation
6:21 Testing Video Calls
6:44 Thanks for watching 🙏
» Affiliates 🔥
3D Mockups - LaunchClub.io/rotato
» Music 🎶
Epidemic Sound
Joakim Karud ( / joakimkarud )
This video was sponsored by Agora.
#Flutter #Agora #FlutterVideoCalls

[@bmk4308]

Great, love how clear your explanations are always, will try this out

[@maxbuchan5965]

Great video, always the best content from Marcus!

[@tadaspetra]

Awesome video! You broke it all down very well :)

[@jenniferzhang1016]

Amazing tutorial, thanks Marcus!

[@omarshaban7166]

15 seconds in and I can already tell this is going to be an amazing video

[@burntleaves1178]

Liking the content man! Thanks

[@FadhlyHamzah]

Hi, Marcus. I would like to say thank you for your contribution to KZbin. I haven't been doing any project with Flutter for almost a year and it made me think since I am still with 1 year plus experience of fresh programming, my brain instantly thought of your awesome quick-tutorial videos to hone back my rusty Flutter skill. Hence, thank you Marcus.

[@devisubramaniyan6898]

can u send the code

[@devisubramaniyan6898]

and when can i get the code

[@RivaanRanawat]

Great Video as always 🔥

[@anmolthedeveloper]

I like the parts where you're teaching more than the video title says, the chat UI and the _Unfocus widget really appreciated

[@flaviobarros8305]

Genius! protect this man at all cost

[@SpottedPinkSpider]

Facts. Marcus is a National Treasure

[@harysuryanto]

Thanks! Easy to understand

[@maxdegreat566]

Im busy rn but ik this Marcus is great at explaining, ima come back and watch this fsfsssss

[@maxdegreat566]

@@MarcusNg I came back and followed along. ive tried to use there regular agora rtc package and was confused. but after this i feel I understand it now. Than for the UI kit example.

[@sarathrkrishnan6610]

Great bro

[@mahmoudtokura]

My team is building a product with Agora and we had some issues with the RTM, hopefully, this helps us. Thanks

[@avikray-zy9un]

Lovely

[@basemshawwa1326]

Thank you , can you explain how to do call notifications

[@tananga1523]

I miss at courses like your Instagram Course :( I hope that soon some new courses on launchclub will be released

[@yechi_music]

Awesome video, thanks! Does anyone see any potential benefits of using Agora for chat vs just using Firebase for text chats?

[@Absurdified]

Hi, Can you also make a video for video call using 100ms SDK.

[@lakshaynagar3144]

sir rtclocalview and rtcremoteview implementation not working for agora new version, please can you tell me which code use for this. or make any separate video for this.

[@lakshaynagar3144]

if you want to be suggest any course please tell me.

[@lakshaynagar3144]

please sir help

[@lakshaynagar3144]

please sir

[@anusuyanagar5719]

please also I have problem in this

[@lakshay_IITMadras]

also I am fasing problem in this

[@francisijenebeflutterdev7778]

Nice Video

[@V_1997.]

How can I go to previous tab on each time back button click .like if I move to index 3,4,6,8 than back button press how can I navigate all previous tabs 8,6,4,3,0 in this order

[@controlpanel1511]

hello! very helpfull thank you. but if you can can you explain how to integrate it with flutterflow?

[@mustafahadi3613]

Can you make a video about how to use a text editor with firebase please?

[@actionscript3661]

can you make new list videos applying Dart Map Constructors at any simple Flutter App??

[@haidernaqvi87]

What about one to one call where the other user gets notified that user 1 is calling them?

[@jaydipviirani2112]

please make video again because I am faced issue in new version dependency it's changed some properties.

[@vigneshs1620]

iam also.if you find and solution plz share to me

[@ahmedabdaa3468]

it add like 100 mb to the app size is their any way to make it take little size?

[@saadatshahir4565]

My video is rotated. I tried everything but the video is rotated. Can you tell me way to fix my orientation

[@rohitkonga2794]

Great Video! Can u provide the github link ?

[@rakshithbk-qq7ne]

how can i get this code i want to implent this in my app also

[@faheemahmadofficial7701]

Brother this video is obsolete please update with the agora version 6 its totally changed

[@MWStudiooo]

Waiting for your new content

[@owaiskhan2264]

Can you provide source code for more research

[@abdallahhussein5997]

Flutter provider State management complete please please please

[@ahmadph3622]

Hello , I have subscibe to your courses and it is amazing , please how to join online community ?

[@ahmadph3622]

@@MarcusNg I get error , the recapture take occure again

[@endgamers7945]

this code is not there in github :(

[@dontbeafraid5313]

Hi Marcus, can you please give me a discount coupon so I can buy your Flutter UI tutorial?

[@pranavgorawar9721]

gichh giligili

[@bangashkhan70yearsago6]

I learnt alot from u brother i like u r tutorials so much can u give me discount on ur courses like 20% discount