after 2 years, still one of the simplest, rare and useful video on flutter webrtc with firestore
@mamuch7665
3 жыл бұрын
Please do make sure this isn't just a one-off video but a series on WebRTC and Flutter. That would really be a treat. continue doing the excellent work. bless!
@FlutterExplained
3 жыл бұрын
I hope that the Documentation gets added on that end then maybe this is a great Live Streaming topic :)
@yourcompany6708
2 жыл бұрын
@@FlutterExplained not working on web (chrome)......only working on phones
@ravikovind
3 жыл бұрын
Please create full series on Flutter WebRTC and explain every single point. you are doing excellent work, sir. thanks for the video.
@touqeer2728
Жыл бұрын
Best practical implementation on webrtc with flutter. Really helpful for me. God bless you.
@The12nit
3 жыл бұрын
AMAZING I couldn't understand the flutter webRTC plugin my self and you help me understand it, thank you!!!!
@hawkybae
3 жыл бұрын
I would love a tutorial on Graphql and Flutter in this format, learned a lot! Thank you. :)
@FlutterExplained
3 жыл бұрын
Fantastic, thank you for your feedback :)
@shubhamtariyal439
2 жыл бұрын
If you don't hear audio, make sure to set audio to true in openUserMedia function
@sanmeetsingh4538
2 жыл бұрын
Awesome explanation ☺️ !
@AioriaPoderoso
3 жыл бұрын
I need more of this, webRTC is a great topic
@prashantmaharana3467
2 жыл бұрын
Thankyou for the tutorial
@MischelCh-u7h
Ай бұрын
I always have problem 'Failed to execute 'setRemoteDescription' on 'RTCPeerConnection': Failed to set remote answer sdp: Called in wrong state: stable'. How fix
@marodonthemorone
3 жыл бұрын
thanks for explaining, really helpful!
@Jo-tb6ur
3 жыл бұрын
Awesome video. You havr been recording since and your videos have helped a lot. Thank you
@FlutterExplained
3 жыл бұрын
You are most welcome Jo. It is always a joy if someone gets the help he searches :)
@pierrecourtois5167
2 жыл бұрын
There's a small bug in the github where the roomId is never updated when creating a room. A quick fix consist in removing the var at the line 58 of signaling.dart and converting roomId from a String? to a regular String before returning it. It fixes another problem that I was having where the rooms were never deleted even after everyone left them, because the condition check on the roomId not being null was always false (in hangup function, line 208). Hope that helps anyone with that problem
@FlutterExplained
2 жыл бұрын
Great thank you I will directly check it!
@rupamkarmakar7266
3 жыл бұрын
Please make more videos on Flutter WebRTC
@techwiththomas5690
2 жыл бұрын
Hey, first of all thanks for the tutorial. I created my own App using my own websocket and coturn server. After days I realized (confirmed by your showcase), that the video call only works flawlessly when one FIRST activates the webcames on each side BEFORE creating/joining the room. How would I get around that so the user could open and close the webcam WHENEVER he wants to?
@harshmirdhwal
2 жыл бұрын
This video is a gem
@FlutterExplained
2 жыл бұрын
I am glad you liked it :)
@raghav042
2 жыл бұрын
Very helpful video ❤️ Please make tutorial on flutter pion webrtc also
@hardikdabhi943
3 жыл бұрын
Can we create many to many peer connection using core webRTC. or we need to use Framework like Jitsi?
@muhammedshimaz7208
Ай бұрын
Hi, can you explain how to have a group video call including more than 2 people
@MuskanChaudhary-yt4ly
5 ай бұрын
Does this work for group video call? like if i want 5 people to be in the session?
@nagak3300
2 ай бұрын
Thanks for the video. This was very helpful for understanding. For running this code as a web app, Where should I provide my Firestore details ? In Index.html in the firebaseConfig variable ?
@cherriepie
2 жыл бұрын
18:58 I don't understand the ICE candidates, why are there so many of them there?
@FlutterExplained
2 жыл бұрын
Hi Cherrie, the ICE candidates are every possible connections that both clients can have should one fail the Webrtc will immediately try to connect via another ICE that’s why there are some more. I hope that helps 😊 feel free to read the Mozilla mdn documentation to that topic.
@RubyLim-v9g
Жыл бұрын
Is this working in iOS and Android apps? My RTCPeerConnectionState keeps failing.
@FlutterExplained
Жыл бұрын
Mhhh last time I checked it worked but feel free to crate a GitHub issue and I’ll have a look
@kamal-xd7id
Жыл бұрын
So, is WebRTC only limited to 1:1 communication or 2 max. How about live streaming from one broadcaster to 100s of viewers. Can it not be solved by WebRTC?
@FlutterExplained
Жыл бұрын
Yes it can be solved. Actually most of the video streaming offerings we use work like that (Google Meetup for example) but our example here is just for two participents. I can imagine that the complexity rises quite harsh from 1:1 vs 100 members but it should be solvable.
@shubhamtariyal439
2 жыл бұрын
How to implement group video chat? Also I want to show buttons to open/close camera and mic, can you please help me with it?
@TheTahmeed
2 жыл бұрын
Call does not work on different network. Like one device from broadband and another from mobile data. How to fix it??
@ardeshirojan1468
5 ай бұрын
Fixes: Just set up a firebase project and enable firebase datastore , then go over rules and change "write if false" to "write if true" then everything is going to work well enough
@garenkarapetian709
Жыл бұрын
Which version of Flutter was this written for???? I keep running into a multitude of incompatibility issues after running flutter pub upgrade.
@FlutterExplained
Жыл бұрын
True, it has been a while, if I find time in the next week I will work a bit on the web rtc project.
@gopikrishnan8999
8 ай бұрын
How to set video off on and mic on and off in this code
@suhailn2508
2 жыл бұрын
hi , please make a datachannel video with firebase and webrtc for messaging too, expecting from you , thank you for this great content
@venkatavinaib6017
3 жыл бұрын
Hey, I've been trying to implement the same thing which you did, but somehow I'm not getting any ice candidates for the video. Only the audio is working. Am I missing something?
@troyuit
2 жыл бұрын
Same here. When I tested on the ios and android the callee candidate collection were missing video ice candidates. And list of ice candidate in callee collection is always shorter than caller.
@monsume123
2 жыл бұрын
great video! Very helpful. Small feedback regarding wording. Please try to use exact names for the callee or caller. Like just use participant A and participant B. It becomes very confusing if you use callee is remote for the remote. Was still very clear to follow, but maybe some will struggle a bit there if they are already new to the whole coding process by itself!
@FlutterExplained
2 жыл бұрын
Very good idea, I will try in the future and I work currently on a more specific work on the WebRTC topic :)
@gourav7315
3 жыл бұрын
Can I share screen using webrtc, Please make a video bon that
@shubhamtariyal439
2 жыл бұрын
Hi! Can we do video recording, chat, etc? or is it better to use services like Agora? I am confused which one to use(agora or web rtc)
@FlutterExplained
2 жыл бұрын
I believe Agora uses WebRTC under the hood. So Agora is like a layer above to make the usage easier :)
@shubhamtariyal439
2 жыл бұрын
@@FlutterExplained can you make a tutorial for video recording using web_rtc?
@trongnhannguyenle5941
Жыл бұрын
When I call from 2 Android devices to each other, it works fine, but when I call from an iPhone device to an Android device, the error "PlatformException(mediaStream AddTrack: Stream is null, null, null, null)" appears. , can you help me? Thank you very much.
@marwanaladwan4421
Жыл бұрын
In my case there is a desktop app (not developed using flutter) connected with external camera and the app just displays what the camera records. In my flutter app, I want to recieve that video from the desktop app and display it in my flutter app. Is that possible using WebRTC?
@nayantala
3 жыл бұрын
Please Do explain it thoroughly, I have used it with flutter, I do have few questions about it.
@FlutterExplained
3 жыл бұрын
I tried my best :)
@nayantala
3 жыл бұрын
@@FlutterExplained I know you did
@luchovarela49
Ай бұрын
So I tried to get connected in IOS devices making some extra steps, the thing is it goes live but Im having an issue with connectivity. Maybe it doesnt work becuase it must be actual devices not the emulator, but it's not giving me connection it gets into the room and everything but media is not displayed.
@luchovarela49
Ай бұрын
Forget it. I solved it, it works clean.
@lmagentur7705
2 жыл бұрын
i followed your code and tried to run everything on my ios device. it works perfectly fine. one thing i dont understand actually: if i create a room i get my video camera up and showing. if i just press open cam and mic like you did in the showcase i get an error Not found video track for RTCMediaStream. Do you have any idea what happens here?? Since creating a room gets the stream without any issue
@testrentech7802
Жыл бұрын
It's possible to one to many connection like live video streaming using this code?
@hopetechnologie2969
9 ай бұрын
hello, good work, can this work on mobile version of flutter ? Or just in web browser
@amjaddaher5032
4 ай бұрын
thanks ..every thing was working good...but suddenly : ICE Connection state changed: RTCIceConnectionState.RTCIceConnectionStateChecking connection state changed: RTCPeerConnectionState.RTCPeerConnectionStateConnecting ICE Connection state changed: RTCIceConnectionState.RTCIceConnectionStateDisconnected connection state changed: RTCPeerConnectionState.RTCPeerConnectionStateFailed
@sripranav
2 жыл бұрын
how to change camera view front or back, or close completely?
@slymanyonga7226
2 жыл бұрын
I don't know how to setup the firebase part, can you help,
@kamalpreetsingh7777
Жыл бұрын
great video ! very helpful. one question - how to create own stun server?
@techknowledgebase4504
2 жыл бұрын
How to play audio stream in background when app not open?
@hdcutz2936
Жыл бұрын
Similarly how to transfer pre-recorded video like this?
@jobflutter4539
3 жыл бұрын
How I can open app when app is in background or how to implement callkeep
@tusharranjan2509
2 жыл бұрын
Great video! Cleared lot of concept for me. So, I implemented it, on Android device. With some ui change I made it work. On the same connection (WiFi), the video stream was rendered for both side. But no Audio. But when tested on different connections, nothing happened. Even though firebase was being populated with candidates, offer and answer SDP.
@macelux7202
2 жыл бұрын
Excellent work! Could you also explain how audio calls work ?
@deniztb4192
2 жыл бұрын
Thank you it was great. is it possible to record or save voice calls on server to have them?
@FlutterExplained
2 жыл бұрын
Yes that should be possible, but I believe you would not need WebRTC for that. WebRTC is mostly for communication between two computers, there are way easier possibilities to record a camera :)
@sagorhossain6315
Жыл бұрын
excellent explanation..!❤ but here only one user can join..how can i implement the system to join multiple user..?
@gourav7315
3 жыл бұрын
Can i make chat web app using webrtc
@minaraouf4120
Жыл бұрын
Can I do this on mobile, not the web? And what are the steps?
@awaisjamil7047
Жыл бұрын
Hi @Flutter Explained I want to create app where flutter app can communicate with VR(unity) app using webrtc and Flutter app can discover vr headsets and connect to it and start sending and receiving text messages, please guide
@techredefined6708
Жыл бұрын
Can we also add a feature like whiteboard to this ?
@kabal6748
2 жыл бұрын
can you PLEASE make a tutorial to use a phone camera as a webcam using webrtc? your tutorials are awesome!
@abdarhmanabuhejleh6548
2 жыл бұрын
I want to use Flutter WebRTC with a server so I can record the video call , can you help me ??? I want to make it global calls not locally , and I am having a trouble with that . any hints plz :(
@naveenbharadwaj5059
3 жыл бұрын
is it possible to share screen from one client to another ? like we do in gmeet,zoom
@FlutterExplained
3 жыл бұрын
Yes it is, actually it is quite easy you just have to change inside of the openUserMedia the navigator.mediaDevices.getUserMedia to navigator.mediaDevices.getDisplayMedia. With that you get asked instead of sharing your webcam to share your monitor from the browser :), I hope that helps.
@boulbabadobani4597
2 жыл бұрын
Can I use webRTC with mobiles (without browser)?
@jishnuraj1670
2 жыл бұрын
Does this work when the app is exported for Android?
@romeoangelesjr4414
3 жыл бұрын
Question: Will this only work for P2P connections? Or it could work like MS Teams?
@FlutterExplained
3 жыл бұрын
Hi Romeo, it could work like teams. P2P is just how the connection is happening between two peers, one of the peer can be a distribution. As I mentioned you have a "room" that multiple people can connect to. My example is just for one person so far.
@alisampson6639
3 жыл бұрын
Thanks so much Sir.. But I want to ask how you can navigate back from the call screen after one party hangs up just like how every video call app works.
@001Debjeet
3 жыл бұрын
make a new screen after the call ends navigate to that screen
@funnynews341
2 жыл бұрын
Can you make videos about xmpp combine with WebRTC for building chat app?
@adri_eu
3 жыл бұрын
Hi Max, thanks for your great explanation. How would you implement calling someone? By push notification linked to the room id? How can you trigger call behavior on a mobile device? Any ideas?
@FlutterExplained
3 жыл бұрын
I guess you would need to have a room for a specific user and send him a push notification of the callers room so that he can join. The Notification could trigger the default call on the phone.
@FlutterExplained
3 жыл бұрын
But to be frank it sounds like you would need to create some native implementations.
@rajenderkatkuri7642
2 жыл бұрын
Hey!! can we share *files* with a similar layout.
@baopham6963
2 жыл бұрын
so how to fix permission from android 10 to ... when we use share screen mobile android ios EglBase14Impl: Using OpenGL ES version 2 D/OrientationAwareSC( 4730): OrientationAwareScreenCapturer: initialized and orientation isPortrait? false D/AndroidRuntime( 4730): Shutting down VM E/AndroidRuntime( 4730): FATAL EXCEPTION: main E/AndroidRuntime( 4730): Process: com.asss, PID: 4730 E/AndroidRuntime( 4730): java.lang.SecurityException: Media projections require a foreground service of type ServiceInfo.FOREGROUND_SERVICE_TYPE_MEDIA_PROJECTION , please help me
@yourcompany6708
2 жыл бұрын
can i use for confrencing with multiple people ?????????????????????
@shyambihariswami8250
6 ай бұрын
Helpfull video 🤟
@vishnugudavalli5472
Жыл бұрын
Give a brief info about webrtc automation using selenium
@dennyraymond7505
3 жыл бұрын
hi i have a problem when hang up, the webcam light still on, are you got the same problem too?
@dennyraymond7505
3 жыл бұрын
fixed it. i accidentally assigned new localstream every time i init a room
@luckyme6098
2 жыл бұрын
You should have tell about the package name at the beginning.....
@naveenbharadwaj5059
2 жыл бұрын
Can anyone guide me to create mesh topology ? I want to scale users from 2 to atleast 5 users
@Manish-ez8yq
11 ай бұрын
very nice demonstration of webRTC, I love it. I face an issue which is when I make the website live and then create room and join from different systems, I cannot get the video connection. But when I tried it on same system it is working. eventually any one will use video calling from independent systems. please anybody could help me in this.
@ramsmart8939
3 жыл бұрын
It's a great effort. Keep going ❤️. This example is a one to one or one to many?
@FlutterExplained
3 жыл бұрын
The video is about one - to - one communication.
@ramsmart8939
3 жыл бұрын
@@FlutterExplained for one to many just change the _remote renderer into list.
@blessingsnthara
3 жыл бұрын
@@ramsmart8939 were you able to implement this?
@naveenbharadwaj5059
2 жыл бұрын
@@ramsmart8939 can you be more specific ? I'm trying to scale from 5-10 users in a meeting
@gofullstack
2 жыл бұрын
I just don't know why I can't wrap my head around this thing. In my case I need to send the video from one end (client) to the others just like the live feature we've got here.
@livesoko
Жыл бұрын
Hola, did you ever figure this out?
@sasama7132
2 ай бұрын
I couldn't understand the firebase part can you help me just know what to do with firebase before making this flutter project or something please 🤍
@marodonthemorone
3 жыл бұрын
22:45 the best part 😂
@blessingsnthara
3 жыл бұрын
I am trying to implement a one to many stream flutter app from following your tutorial, i have made a few changes to your code. when one user joins a room to watch other users stream it works perfectly but when a second user tries to also join the room it gives an error (Error: InvalidStateError: Failed to execute 'setRemoteDescription' on 'RTCPeerConnection': Failed to set remote answer sdp: Called in wrong state: stable)
@abdarhmanabuhejleh6548
2 жыл бұрын
can you share the code plz : (
@blessingsnthara
2 жыл бұрын
@@abdarhmanabuhejleh6548 Thank you for your reply. I had to use RTMP protocol because I couldn't find a solution with webrtc. Nice coding!
@mahmoudabdulfattah7294
2 жыл бұрын
thank you very much but, kindly I need more details even if paid please.
@rajenderkatkuri7642
2 жыл бұрын
Hey!! will this work for Android ?
@althafaralijaffarali1803
3 жыл бұрын
Is it possible to create an enterprise level app using this?. If it so how can we make it hackerproof? Thanks for sharing your knowledge ❤️.
@FlutterExplained
3 жыл бұрын
Yes I guess there are already a lot of companies that use WebRTC. bloggeek.me/massive-applications-using-webrtc/
@michereff16
Жыл бұрын
How to use this without Firebase?
@FlutterExplained
Жыл бұрын
If you do not want to use firebase you can do it with nearly every Real time DB provider such as Supabase etc. If you would like to create your own Server or want to host it yourself it getting tricky, you will need a Signiling server as explained here: antmedia.io/webrtc-signaling-servers-everything-you-need-to-know/
@michereff16
Жыл бұрын
@@FlutterExplained Thank you very much for replying! This webRTC stuff is the most complicated stuff I had to deal with so far haha. I'm currently learning dart/flutter and I wasn't able to figure it out how to actually use this package.
@FlutterExplained
Жыл бұрын
Yeah same for me the video took me more than a month. Still working on the next video but could not find the time to invest 🙃
@eqatardotcom4520
2 жыл бұрын
Hi I am looking for a help on webrtc
@gofullstack
2 жыл бұрын
It's obvious that webrtc with Flutter is hell. I've been trying to do something with it on my own with no success even as an experienced developer who has done something with webrtc in the past. Now I can't even get the app to run after installing the newer version of flutter webrtc
@IqbalSingh-es7bb
3 жыл бұрын
hello your tutorial make my day thanks can you please do this flutter webrtc with node js and socket
@BhupeshRajShakya
3 жыл бұрын
hey can make video on data modal classes Please ??
@FlutterExplained
3 жыл бұрын
Sure sounds like a topic a lot of people would be interested. I will add it to my list.
@stephenselvaraj8960
2 жыл бұрын
Super :)
@mazekaty
Жыл бұрын
just support dart web ?
@3kdevelopers185
3 жыл бұрын
Sir, Please make a Video on How to localize (pdf text change to user selected language text) Pdf document in flutter??? ❤️ From Pakistan
@FlutterExplained
3 жыл бұрын
Sounds quite difficult you problably need not only a translation package of your choice but also a pdf generator. I will add it to my video list thanks for the suggestion.
@shubhammaurya1698
Жыл бұрын
more then 2 people Can join meeting
@FlutterExplained
Жыл бұрын
Yes they can but it will be a very big enhancement because you will have to keep track of the different rooms and how to connect them. I was not able to take a look into that but I am sure there are quite some good tutorials out there on how to create it. The easiest way is probably to follow along a web tutorial and convert it to Dart and Flutter.
@althafaralijaffarali1803
3 жыл бұрын
Bro make a video on end to end encryption 🙃
@sever010
Жыл бұрын
Richtig Gutes Video . Hast du auch einen Deutschen Kanal ?
@FlutterExplained
Жыл бұрын
Hi danke dir, ich arbeite derzeit daran einige Videos ins deutsche zu übersetzen. Je nachdem wie es ankommt. Feedback ist immer willkommen :) kzitem.info/rock/qmeXH2B1_X-k3po9ODJnBw
@kamalCode
3 жыл бұрын
Flutter Multivendor E-commerce app
@MuhammadIbrahim-cc4kb
7 ай бұрын
peerConnectionSetRemoteDescription(): WEBRTC_SET_REMOTE_DESCRIPTION_ERROR: Failed to set remote answer sdp: Called in wrong state: stable E/flutter ( 6806): [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: Unable to RTCPeerConnection::setRemoteDescription: peerConnectionSetRemoteDescription(): WEBRTC_SET_REMOTE_DESCRIPTION_ERROR: Failed to set remote answer sdp: Called in wrong state: stable
@joachimsmityt
2 жыл бұрын
Thank you very much for this wonderful tutorial! In 99% of the cases the "peerConnection?.onTrack" callback is not fired in the joinRoom method. I've spent several days now on this problem but I can't find the solution. Can you help me? Thanks
@devsda1
Жыл бұрын
Try adding the await keyword to signaling.openUserMedia(_localRenderer, _remoteRenderer);
Пікірлер: 144