How to Make a Live Streaming App with Mux

No video

How to Make a Live Streaming App with Mux

Рет қаралды 28,000

Күн бұрын

In this video we're going to build a live streaming app with FlutterFlow (flutterflow.io) and Mux (www.mux.com).
//
FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. Drag-and-drop to build pixel-perfect UIs. Connect your app to live data via Firebase or APIs. Easily add advanced features like push notifications, payments, animations, and more. Build your own custom widgets or write custom code that you can use in FlutterFlow. When your app is complete, export your code or deploy straight to the app stores.
Start building now: flutterflow.io/

Пікірлер: 70

@oussamabengagi3256 Жыл бұрын

Thank you for the tutorial, We want more tutorials and more pre built templates

@naked-and-mad Жыл бұрын

Great, robust voice of teacher! To listen with pleasure.

@Butterychef 10 ай бұрын

For playbackID function, updated so you just need two of those lines put them in the “modify below”! Took me noob self a sec to figure out.

@thelonglincoln Жыл бұрын

Your teaching is top tier, bro 🤝

@sectionel Жыл бұрын

This is sick! could you technically create a facetime like app with this?

@BeforeLeavingLife Жыл бұрын

This is a great video!!! I do not know why but I feel the same as watching a great football match!!! Keep going !!!

@Isaac_pina Жыл бұрын

Advice it will give you fail 401 if when you encode the Base64 tokens you do not put: between one and the other it is a small character that makes a difference 😃 I hope it helps someone because in the video they do not say it is in the documentation

@regalstoic Жыл бұрын

hello, my mux is not deploying on flutterflow after adding the keys. can someone help?

@macaumusica Жыл бұрын

While this implementation is great, I've been struggling quite a bit with choosing the correct player so Mux can also track stream data (number of active viewers, etc). I feel most will require a playback page or somewhere to see the actual stream and not integrating a MuxPlayer widget of some sort is a dealbreaker as Mux is great to track user data and even gives each video a user experience rating, but this cannot be implemented with FF right now unfortunately.

@happyboss555 3 ай бұрын

Hi bro, can Mux be setup the function like timer? when the video reach the duration I set, it trigger a action in my flutterflow.

@nickandalina Жыл бұрын

This is such an awesome video thank you! How do we set up our FF app to take advantage of the RTMP ability that Mux already has baked in? Streaming from our app is awesome, but we have a super professional streaming setup with high end cameras and microphones, and we really need to be able to stream with it to our users. Thanks!

@mp-fb4ds Жыл бұрын

very cool ... FF is awesome ... great work ... is it possible ....... on the live stream page to add the viewers video widget so you could simulate live video calling between 2 users? WOuld be great to see some video calling demos between users ... like video chat or something similar to using Twilio, etc ... for 1:1 and group video calling.

@ShadiEl-fares 8 ай бұрын

did you ever figure out something like this?

@Tahycoon 6 ай бұрын

@@ShadiEl-fares did you figure it out?

@tattguy690 11 ай бұрын

Thank you! This explained so much on call from a reference. Can you make a video on doing the same from api? As some of us refuse to use firebase;).

@miaalison9698 Ай бұрын

Hi, thank you for this video. Can I do this but instead of Mux upload to KZfaq?

@zhixory 3 ай бұрын

Question: Can you use mux as a real-time camera instead of a live-stream tool? Or is it better with custom widgets if so

@ahmedkamal87 Жыл бұрын

I'd like to see a video using the API to sign up sellers on stripe connect and modifying flutterflow stripe cloud function to add destination and app fees

@ayojunior9933 Жыл бұрын

Do we need to encode all Secret key that we use for API call like in @20:29 ? Thanks

@happyboss555 3 ай бұрын

Hi FF expert, can Mux be setup the function like timer? when the video reach a certain duration I set, it trigger a action in my flutterflow.

@jigga_pops4000 Жыл бұрын

Is there any way to set the length for how long a video or live stream upload can be ? I want to have a chat app were everyone gets to speak without being interrupted. Example: speaker 1 has 1min to talk. Speaker 2 can then respond for 1min. Is there a way to do that ?

@Zp00kie Жыл бұрын

One word: AMAZING!

@herbalpointsv Жыл бұрын

Hello. Thank you for the great tutorial. I really need to know if we can set a limit to the max. number of minutes a user can live stream at a time from the settings. I am building a video app and I won't be able to proceed unless I know this. I have been looking for answers for the past 2 days Thanks alot

@ShadiEl-fares 8 ай бұрын

did you ever figure out something like this?

@anwarallahdan 6 ай бұрын

Hi , Thank you , But I am geting 412 Failure , error , any help , please.

@itsafact7166 Жыл бұрын

I have watched this video 5x I am still not sure where to find the playback ID for the API.

@craigdoriot317 7 ай бұрын

ive been trying to recreate this project and gotten a good deal of it to function, but there are some issues due to changes within the UI of FF. Specifically, the actions have different field values now, so it doesn't quite work the way shown. The last 10 minutes of the video was kind of frustrating as it was whipping through API and actions which isn't the most helpful for someone new to FF

@hari.s4966 Жыл бұрын

Need help to form json from text field

@josephandres4324 Жыл бұрын

Although the broadcast is created successfully, it is not possible to play videos in .m3u8 format with the VideoPlayer widget, I don't know why the documentation doesn't give an alternative solution.

@SpeaknowLiveTV Жыл бұрын

I can't get the Api to work, it fails on test reponse

@soundsforsleep5669 Жыл бұрын

ME AS WELL

@fluttetflowpro 9 ай бұрын

The same thing happens to me, any idea how to fix it?

@FunkoKoning Жыл бұрын

i`m really liking this thanks for the tutorial. Can you use other stream services instead of mux? Like zoom or teams?

@FlutterFlow Жыл бұрын

Not natively at this point. Zoom does have a Flutter SDK: marketplace.zoom.us/docs/sdk/video/flutter/?AI_Month&

@rajatsharma6137 2 ай бұрын

You did not tell how to get the playback ID from mux during API config step, i guess you had already created a live stream, a new user wont see any ID.

@n1027 Жыл бұрын

Thanks for this video. Does flutter flow video player support hls m3u8 list?

@marlonjm Жыл бұрын

having issues with the is_live field updating to false on broadcast stop, although action is setup correctly. Any ideas?

@ManuMarea Жыл бұрын

What about streaming audio , with audio player widget you have could you?What about having more than one track and a playlist?Is it doable?

@anwarallahdan 6 ай бұрын

I have , error , "type": "unauthorized", ?

@user-hr6hb9wr8n 11 ай бұрын

Is there a github repositories to get all the project files?? Likewise the Homepage and logged in Page consist of what?? Glad if you could share

@fk4618 Жыл бұрын

Hello, Thank you for the great video. but I am facing one issue when I use this with my own project on this line of code "record.name.toString() +" and the error is "The getter 'name' isn't defined for the type 'DocumentReference'. Try importing the library that defines 'name', correcting the name to the name of an existing getter, or defining a getter or field named 'name'", ALthough, I followed all other steps properly from changing the Document reference name and adding the dependency in code. So can you please guide me with this?

@swapanpreetkaur3091 Жыл бұрын

Voice and video calling possible in flutterflow ?

@RiteshKumar-gj4xd Жыл бұрын

mux token, not deployed in my project. Pls help me

@tharunsridhar4185 12 күн бұрын

you have to upgrade to basic plan to deploy !

@SpeaknowLiveTV Жыл бұрын

I follow the video but I want more advance live streaming.

@desmond7760 Жыл бұрын

I'm looking for someone that can develop live sports streaming website can you?

@fictionplus Жыл бұрын

Any integration with Protopie?

@PankajSharma-it1bz Жыл бұрын

I have followed your video step by step and created this app successfully. Thanks for providing this video to the flutterflow community. But When I am using this app in 2 mobile phones one for live streaming and the second for viewing same live stream then I found there is a lot of lag between in video. Even some time I am not able to see the live video it takes a lot of time to process the video in flutterflow. Is this because we are using free MUX API or is this a flutterflow issue ????

@FlutterFlow Жыл бұрын

Are you exporting the code and then testing it?

@PankajSharma-it1bz Жыл бұрын

@@FlutterFlow No, I have created the apk from flutterflow and then testing it.

@FlutterFlow Жыл бұрын

@@PankajSharma-it1bz Have you tested your network speed?

@PankajSharma-it1bz Жыл бұрын

@@FlutterFlow Yes, I have tested with my broadband internet and my mobile internet. It was working slowly.

@PankajSharma-it1bz Жыл бұрын

@@FlutterFlow I am facing this issue in my client project so It would be really helpful if you could share a working app demo video with us. So at least I can share with my client and gain this confidence.

@zyan... 10 ай бұрын

olá, eu queria criar um editor de vídeos simples, poderia mostrar um tutorial com as páginas com as funções básicas?

@valirmasha4718 Жыл бұрын

Tiktok pls?

@LoganMullinixdoes Жыл бұрын

can you make a video on how to save text to a users profile when they generate it. Trying to figure out how to save text to a users profile.

@FlutterFlow Жыл бұрын

Have you set up Firebase yet?

@LoganMullinixdoes Жыл бұрын

@@FlutterFlow yes. I’m just a beginner with FF so I struggle lol. Got part of the AI custom function working though lol still got errors though

@wilsonumoh3241 Жыл бұрын

hi please i am having this issue when trying to deploy mux parameters on flutterflow (Error: Your Firebase project must be on the Blaze plan in order to deploy functions. Please upgrade your plan and try deploying again). is there any other way i can develop app using superbase or any other db? thanks wilson

@serBarcla Жыл бұрын

You must upgrade

@say5s Жыл бұрын

We want video how create app like Twitter And we want How to connect directly to MySQL databases

@darrengalvin4059 Жыл бұрын

Link to SQL DB would be a great tutorial

@bigdata9605 Жыл бұрын

Do not connect directly to SQL, create secure api that connect to SQL

@dreamytalescom Жыл бұрын

is there easy way to set up mongodb as backend? thank you FF team

@FlutterFlow Жыл бұрын

We have a robust API system that you could use to access your mongodb backend, but mongo is not natively supported.

@Isaac_pina Жыл бұрын

Consejo les dara fail 401 si cuando codifican los tokens Base64 no ponen : entre uno y otro es pequeño caracter hace la diferencia 😃espero a alguien le sirva por que en le video no lo dicen esta en la documentacion

@fluttetflowpro 9 ай бұрын

Hola bro yo la verdad no he podido me puedes ayudar , cuando le doy texto a la función me vota error codigo 400 algo así

@Isaac_pina 9 ай бұрын

Hola cuando yo lo hice en la api call tuve que opner dos puntos y asi me funciono pero no se exactamente que requieres hacer?@@fluttetflowpro