Flutter Agora Video Call
HTML-код
- Опубликовано: 28 июн 2024
- The Agora RTC Engine with Flutter is the most simple way to make video call. how to make video call with agora using flutter plugin agora rtc engine you might ask? (Link down bellow). Well, first, rtc means real time communication and we will make a video call with agora and flutter. Flutter and agora is very simple to implement in order to create real time video calls. In this video I will show you how to set up your flutter video call agora. You can always change the code if you need it. This is the latest video about how to create video calls with flutter and agora. In this video I used the free version of agora and you will need the paid version for you production projects. I hope you will enjoy this agora flutter plugin to make video calls simple and easy. To learn more about flutter or agora, I will link down bellow more documentation or information.
LINKS
Agora.io Website: bit.ly/3OGjGGQ
Agora RTC Engine Package: pub.dev/packages/agora_rtc_en...
Agora's RUclips channel: @Agora
Agora's RUclips channel link: / @agora-io
COURSES
Flutter courses (Beginner & Advanced): fluttermapp.com/
Flutter courses (Beginner): www.udemy.com/course/flutter-...
OVERVIEW
0:00 Agora Flutter Video Call
0:14 Flutter Pubspec.yaml
0:26 Set Up the Agora Flutter App
1:58 Agora.io
3:06 IndexPage - Agora Flutter
7:50 CallPage - Flutter Agora RTC Engine
12:28 CallPage - View Rows
13:24 CallPage - Toolbar
15:17 CallPage - Panel
17:19 Flutter Agora Video Call - Agora RTC Engine
MISSION
Our mission at Flutter Mapp (Flutter Mobile App) is to help purpose driven Flutter developers go full-time doing what they love and making an impact through coding. We achieve this with useful Flutter tips and straight to the point Flutter videos.
RECOMMENDED
Playlist of more than100 Flutter tips: • Top 30 Flutter Tips an...
Best 35 Flutter Widgets: • Top 35 Flutter Widgets
Learn Flutter in 3 hours: • Flutter Tutorial For B...
Zero to Hero Flutter Course (Beginners): • Video
Hero to Pro Flutter Course (Advanced): • Video
DISCORD
Invite: / discord
SOCIAL MEDIA:
Instagram : fluttermapp
Twitter : FlutterMapp
Website: www.fluttermapp.com
CONTACT
For business inquiries email me here: info@fluttermapp.com
Website: fluttermapp.com
#FlutterMapp
#Flutter
I love your mood and the type of video you make, you are the only one to offer this kind of content in such good quality, good job Louis
Thank you very very much! This take a lot of time, but it worth it 🔥👏👏👏
@@FlutterMapp yes, of course 👍
No way it can't be this easy haha. Every second of this video is worth it! Nice Video very good content.
Thank you very much Ernest, I appreciate your comment 🔥👏⚡️
Just noticed your channel man!
Great quality content, with awesome energy! love it!!
Thanks a lot Mike 🔥👏👏
interesting! Very helpful. A big thanks man!
And also, you were saying "enjaine", lol. Got me confused at first.
Now that's the kind of project I would love to do ✌️ ❤️
Letsgooo! Thanks for the comment Phatak. 👏
Great tutorial. Thanks.
Pleasure! Thank you very much John 👏🔥🔥🔥
You're a great detail.
Thanks a lot Yakup 👏
Love it man
Thank you!
I LOVE IT
letsgoooo
I would have loved to have a github link with the code to analyze but thank you nonetheless
The king man
lol, you are the king Abdoul 🔥👏
Boom my man❤️
Thank you very much Athir 🔥🔥
@@FlutterMapp My pleasure mate❤️
Can you please do a video on how to auto generate tokens when creating a channel without copying and pasting from the platform?
Awsome Bro.... Kindly make a video on videocall comments chatting.
Thank you very much Salah. I appreciate the idea 👏
could you provide a tutorial for twilio video call also, as it has a twilio_programmable_video package but it has no tutorials on youtube
Amazing illustration
I have a good question, why you didn't use the agora UI kit package instead ?
Because the agora UI kit package was kinda easier to use. So I guessed It will help more people like this?
@@FlutterMapp Much thanks it was really helpful 🥰😍
Can you make the same tutorial but with ZEGOCLOUD Video Chat SDK?
Amazing 👍
Thank you very much Hafiz 🔥
@@FlutterMapp And you too 🔥👍
@@FlutterMapp Really i love your content 🔥
I am using Agora live streaming.my problem is that, when I used textfield (bottom position) and type then keyboard open , video screen will be shrink. How can solve this. I used many code but not fined better solution.
Bro you can also use Agora Ui kit. for videocalling
True! But its cool to code some time 😂😂 The Ui Kit is like 3 lines of code I think
@@FlutterMapp make a video for that too
@@FlutterMapp 😂😂😂 yaa bro
sir this code is not working now in latest sdk
Great! Thanks a lot!
Pleasure!
How to switch camera using rear camera ?
Does anyone know of any other good alternatives?
Humm, I think you can use WebRTC but this is much more complex I think 🧐
Any specific reason for use agora API pls sir I am beginner
Sometimes the camera and sound freeze in our work, why is this happening?
what do we have to do ?
How to trigger call when app is in background
If you take errors you can use one of the older versions.
dependencies:
agora_rtc_engine: 5.2.0
This will solve the problem.
Nice one man, what if I want to regenerate token without going to agora's dashboard
Hummm, not sure about this 😂😂😂
Do you have any material that can help or if you find out can you share with us
Top ++++++++++++++
🔥🔥🔥
You beat me to making this😑😂😂
😂😂😂😂 Will you still make it?
@@FlutterMapp Maybe in the future. I think there are enough tutorials for now
okok 🔥
What went wrong:
Execution failed for task ':agora_rtc_engine:compileDebugKotlin'.
> Compilation error. See log for more details need help
Agora doesn't support a browser on mobile.
What about flutter_zoom_sdk?
Sir video streaming package se ni hunte ?
how can I call to any specific person? for expample I have 3 friend and I want to call only one friend. then how i can call to that person?
Is this works on LAN and offline?
How to share channel name and token to other user?
add notification please.. Like whatsapp video call, so when someone call to other user, the app can accept the notif and auto wakeup calling screen with any condition, like terminate, forground and background.. 🙏
did you get the solution for this
rtc local view cant be imported in current flutter versions
same issue
dear this is outdate, {please make a new } one with agora version 6 and also make a whatasapp like app this time using agora
"agora" is "now" in portuguese
it was a great video, Good job, but i noticed that you have written a widget in a function and that is bad for app performance , and the best way to split widgets is to put them in StatelessWiget Classes.
Sorry for bad English :)
Yh I'm sure he did that that way for simplicity
He wasn't looking at performance but probably a "proof of concept" thing
Though you can say it's not a good habit
You are 100% right! Good catch on this one! Thanks for the comment also 🔥👏🎉
How can make a voice only call. Like Whatsapp
Undefined class 'ClientRole'.
Try changing the name to the name of an existing class, or creating a class with the name ?????
agora_rtc_engine: 5.2.0
sürümünü kullanırsan bu sorun ortadan kalkar.
@@furkanarc2hotmail tesekkur ederim
what's up guys
please tell me from where i can learn flutter? I'm a beginner n want to learn flutter.
We have a free 3 hours coding camp on this channel (one of the recent video) 🔥👏
@@FlutterMapp thanks for this favour
SOMEBODY HIRE THIS MAN
🙏🙏🙏
Webrtc with flutter please❤️❤️❤️
No idea how to do it to be honest 😂😂
_engine = RtcEngine.create(appId);
The method 'create' isn't defined for the type 'RtcEngine'.
Try correcting the name to the name of an existing method, or defining a method named 'create'.
when i am writing this line i am getting above error.
You can do this instead:
_engine = createAgoraRtcEngine();
await _engine.initialize(const RtcEngineContext(
appId: appId
));
It worked for me, but you also need to change the handlers:
void _addAgoraEventHandlers() {
_engine.registerEventHandler(RtcEngineEventHandler(
onError: (type,data) {
setState(() {
final info = 'Error: ${type.name}';
_infoStrings.add(info);
});
},
onJoinChannelSuccess: (connection,elapsed) {
final info = 'Join Channel: ${connection.channelId}, uid: ${connection.localUid}';
setState(() {
_infoStrings.add(info);
});
},
onLeaveChannel: (connection,stats){
setState(() {
_infoStrings.add('Leave Channel: ${connection.channelId}');
_users.clear();
});
},
onUserJoined: (connection,remoteUid,elapsed){
setState(() {
final info = 'User joined: $remoteUid';
_infoStrings.add(info);
_users.add(remoteUid);
});
},
onUserOffline: (connection, remoteUid,reason) {
setState(() {
final info = 'User offline: $remoteUid';
_infoStrings.add(info);
_users.remove(remoteUid);
});
},
onFirstRemoteVideoFrame: (connection,remoteUid,width,height,elapsed){
setState(() {
final info = 'First Remote Video: $remoteUid $width x $height';
_infoStrings.add(info);
});
}
));
}
Github link?
how can I generate token?
because the token expired after 48 hours
The 48 hours token is only for testing purposes. You can get the paid plan to have the real token 👏🔥🔥
how can I get number of users?
My app didn't split to 2 rows when another user joined in and audience mode used only microphone, is there a solution for this ?
did you got any solution ?
@@sahilgupta7170 No, I'm still searching for it
any github codes?
plz create also audio call
I think you can do it also with agora 🔥👏
@@FlutterMapp can u plz upload one video for this
Upload the video of audio recorder and audio player in flutter
Maybe one day 👏👏
@@FlutterMapp sir still waiting for the audio recorder
👋 pleased help with the source code
The source code is on the github of agora 👏🔥🔥
@@FlutterMapp would u plz provide the source link.
code
Who pays server bills? Agora 😀
?
This video is deprecated
Useless, if you need a third party web service for it! Hope Agora pay you well for this!
I think it will be pretty hard without a third party 😂 Personnaly I would 100% use this package instead of learning how to create it from scratch. 👏
@@FlutterMapp yes, simple rule of programming is to not to reinvent the wheel 😂
Problem is not third party nor reinventing the wheel.
Problem is that Agora is quite expensive.
@Philippine
But its super expensive to use. I think live kit is little less expensive and open source.
i get error \\ Target of URI doesn't exist: 'package:agora_rtc_engine/rtc_local_view.dart'. can any one know what is the problem