How to Make a Live Streaming App with Mux
ฝัง
- เผยแพร่เมื่อ 4 ต.ค. 2024
- 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/
Thank you for the tutorial, We want more tutorials and more pre built templates
Great, robust voice of teacher! To listen with pleasure.
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.
me too, i was thinking for hours that flutterflow dosent work!
Your teaching is top tier, bro 🤝
This is a great video!!! I do not know why but I feel the same as watching a great football match!!! Keep going !!!
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
One word: AMAZING!
hello, my mux is not deploying on flutterflow after adding the keys. can someone help?
This is sick! could you technically create a facetime like app with this?
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.
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.
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
Hi, thank you for this video. Can I do this but instead of Mux upload to TH-cam?
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;).
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!
Do we need to encode all Secret key that we use for API call like in @20:29 ? Thanks
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.
did you ever figure out something like this?
@@ShadiEl-fares did you figure it out?
I have watched this video 5x I am still not sure where to find the playback ID for the API.
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 ?
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
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
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.
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
did you ever figure out something like this?
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.
Thanks for this video. Does flutter flow video player support hls m3u8 list?
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.
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
I can't get the Api to work, it fails on test reponse
ME AS WELL
The same thing happens to me, any idea how to fix it?
Need help to form json from text field
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?
i`m really liking this thanks for the tutorial. Can you use other stream services instead of mux? Like zoom or teams?
Not natively at this point. Zoom does have a Flutter SDK: marketplace.zoom.us/docs/sdk/video/flutter/?AI_Month&
Hi , Thank you , But I am geting 412 Failure , error , any help , please.
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?
I have , error , "type": "unauthorized", ?
having issues with the is_live field updating to false on broadcast stop, although action is setup correctly. Any ideas?
Voice and video calling possible in flutterflow ?
I follow the video but I want more advance live streaming.
mux token, not deployed in my project. Pls help me
you have to upgrade to basic plan to deploy !
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 ????
Are you exporting the code and then testing it?
@@FlutterFlow No, I have created the apk from flutterflow and then testing it.
@@PankajSharma-it1bz Have you tested your network speed?
@@FlutterFlow Yes, I have tested with my broadband internet and my mobile internet. It was working slowly.
@@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.
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.
Have you set up Firebase yet?
@@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
olá, eu queria criar um editor de vídeos simples, poderia mostrar um tutorial com as páginas com as funções básicas?
I'm looking for someone that can develop live sports streaming website can you?
Any integration with Protopie?
Tiktok pls?
is there easy way to set up mongodb as backend? thank you FF team
We have a robust API system that you could use to access your mongodb backend, but mongo is not natively supported.
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
You must upgrade
We want video how create app like Twitter
And we want How to connect directly to MySQL databases
Link to SQL DB would be a great tutorial
Do not connect directly to SQL, create secure api that connect to SQL
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
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í
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
status 400 (failure) me ajude