Realtime Communication with WebRTC in Flutter & Dart

WebRTC is an Open Source Standard to allow Apps real-time communication between peers. This is great, but we want to improve that by using Flutter & Dart as the main language.

If you like our work and want to support us, feel free to join us on Patreon.

Timeline:
00:00 Introduction
01:03 Getting Started with WebRTC
03:50 Showcase of the Solution
05:24 Explain the Boilerplate
13:02 Create a room to connect with (caller)
18:06 Join a room (calleee)
22:10 Showcase of the result
23:20 Problems that I faced during development
24:09 Wrap up

Join this channel to get access to perks:

** New Mentorship Program to boost your Flutter career **

** Social Medias **

Say hi to Max

Say hi to Mahtab

[raghav]

after 2 years, still one of the simplest, rare and useful video on flutter webrtc with firestore

[ravikovind]

Please create full series on Flutter WebRTC and explain every single point. you are doing excellent work, sir. thanks for the video.

[Thenit]

AMAZING I couldn't understand the flutter webRTC plugin my self and you help me understand it, thank you!!!!

[touqeer]

Best practical implementation on webrtc with flutter.
Really helpful for me. God bless you.

[Jo-tbur]

Awesome video. You havr been recording since and your videos have helped a lot. Thank you

[marodonthemorone]

thanks for explaining, really helpful!

[AioriaPoderoso]

I need more of this, webRTC is a great topic

[hawkybae]

I would love a tutorial on Graphql and Flutter in this format, learned a lot! Thank you. :)

[mamuch]

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!

[raghav]

Very helpful video ❤️
Please make tutorial on flutter pion webrtc also

[tusharranjan]

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.

[shubhamtariyal]

If you don't hear audio, make sure to set audio to true in openUserMedia function

[hardikdabhi]

Can we create many to many peer connection using core webRTC. or we need to use Framework like Jitsi?

[techwiththomas]

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?

[macelux]

Excellent work!

Could you also explain how audio calls work ?

[kamalpreetsingh]

great video ! very helpful.
one question - how to create own stun server?

[shubhamtariyal]

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?

[pr]

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!

[nagak]

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 ?

[rupamkarmakar]

Please make more videos on Flutter WebRTC