Hey Leo! This is my first time coming across your channel. I just want to thank you very much for such a great tutorial! I've watched about 5-6 other tutorial videos on how to make the audio recording button and text to speech work, but all the other tutorials did not address what I was trying to do. However, your tutorial covered all the things I needed. I have liked the video and subscribed to you! You were amazing, thank you very much for such an amazing tutorial! Keep up the good work! Looking forward to more of your content! P.S. Do you know how to get FlutterFlow to display texts in other languages? The dialog box worked when I spoke English, but when I tried to speak in another language, FlutterFlow text box started to display weird symbols. I don't know if it was on the FlutterFlow end or on the OpenAI end. I'm trying to build a translation app at the moment, so my next step is to take that transcript and translate it into English to have it display on another box. Thank you very much in advance for your help and thank you for your time! Cheers!
Extremely great video! One thing though, the API call setup, once you set your API keys as a variable, whether you set the API call to Private or not, the variable "key" would be shown in the payload of you r browser when the API call is being sent to the cloud function. You can check it out in your browser and see what I am talking about
@@leomcmillion No problem please find a solution for us as many many people are struggling with how to secure api keys in flutterflow. The only solution now is using buildship since the api call will be I’m the backend but to pay to be making just api calls that can be done in flutterflow is just some way. A native way in flutterflow would be best😩🙏🏾
@@Dreysimmons How can I make it so that the key is not visible? I am a newbie looking for a solution to this problem. They say Buildship but it's not right to tie yourself to paid restrictions
@@PubgSpeed-wl8yo well flutterflow is a frontend application builder, so any code that is done there will be visible in the frontend(which is not safe) The only way you can go about this without being tied to a 3rd party will be to make you api calls in a cloud function and just trigger that api call from flutterflow.(NB: Thats gonna be a lot of code)…. So the easier “no code way” will be to use buildship. They have taken care of all the security measures to help you make secure api calls with your keys safely stored in secrets(Google secrets manager)
Hi Leo, great video! This was super helpful :D One question: Is it also possible to have the same process you use for mobile voice recording, also in Web? Would be really cool to have the same functionality on web. Also, would be extremely helpful if you could share a template for us! Thanks already!
Thanks, and glad you found the video helpful. The mobile voice recording flow is not possible on web using flutterflow. What do you mean with template? Andd what do you want a template for?
Sorry, i ment the templates you can share in the FlutterFlow template platform, so we're able to just clone the project. But nevermind, it only takes a minutes to copy it manually :D@@leomcmillion
Great video Leo! I do find it bizarre how FF doesn’t support basic functionalities outside of the box, I hope they’re going to add Mic support for web. I guess they’re still young.
@@leomcmillion I've just managed to get a video conferencing solution to work on web, which allows mic, so with a bit of trickery and a custom widget this could be possible!
Great video! Super easy to follow, and very well explained. ---> Quick Question: How do you upload M4a audio (e.g generally recorded from Apple devices)? It's only allowing MP3, but when I look at the API documentation, it says it support M4a format as well.
Thanks! I have never used M4a so don't know. What documentation are you referring to? Flutterflow's? Or OpenAI's? And to where in your app are you having troubles uploading the M4a files? to Flutterflow or to OpenAI? I can help you better with the above information. This problem should no be super hard to figure though so am sure you can come up with a solution yourself.
brother - technical glitch for begginers - for some reason i can't paste the API address into FlutterFlow - it's requiring me to type it in manually. I'm seeing on google that i need to 'allow clipboard' but no way to see how.
My file uploads but I do not get the generated text I think it might be with the api I think I entered the wring API, could you please tell me where to get the API key
You can check that out here: platform.openai.com/docs/guides/text-to-speech/supported-languages There you can see what languages they support. You can also see there that you get audio for the same language as the text you give to the API.
@@leomcmillion or a document. Make a video on how to use Vertex ai - there are a lot of interesting solutions there. For example, you can send him a lease agreement and he will tell you the pitfalls in the document. Basically, the api is the same, but I'm still new to figuring out how to upload a file and send it to an artificial intelligence.
@@PubgSpeed-wl8yo Thanks for the request. Have a couple a videos regarding cloud functions and security that I will release first before starting to record this video. But can definitely look into this in the mean time and try and get a vide out as soon as possible.
@@leomcmillion youtu. be/YGf6XvaLxnU?si=D_Ggp7KyPUBnPBvk&t=1114 This video shows how to connect the key in vertex ai everything else you know how to do. Just a lesson from you) Thanks in advance!
@@leomcmillion Put this topic in priority please. There are no video tutorials on linking vertex ai and fluterflow, and you can make a lot of commercial products on this bundle, especially related to documentation. Now I'm looking at this kind of thing where you give it a document with your data and give it a blank document and ask it to enter your data into the blank document and it fills it in, good for people who are writing resumes for jobs. You can write it in 5 seconds with this tool.
Can you please create some tutorial about cookie consent in FlutterFlow? In European Union all pages must have this and currently FlutterFlow is not supporting this feature. Basically none of the cookie can be saved on user's device until he gives explicit consent. Is it possible to achive this in FF? Please help...
Hey Hey could you please explain to me how to get the text to appear on the screen and not on a popup over the screen please as on timestamp: 12:07. Thanks in advance
Have a couple of videos I already planned to release in the near future. But can record a video about this in the future when I have learnt how to do it myself. Currently only using the stripe API. Thanks for the request!
Yea, is it possible to do IAP/subscriptions using stripe? Because I hear the app will get rejected since Stripe is for goods used outside of the app, apparently. Appreciate the response. Would def help.@@leomcmillion
HELLO LEO PLEASE RESPOND TO THIS MESSAGE I Have been requesting to make video on applying date filter on task so that user can see, on this particular date how many task are completed, I Have take filter values as (Today, Yesterday, Last 3day, Last Week , Last Month, All, and Custom-where user will select two dates from calendar ) PLEASE MAKE VIDEO ON IT I AM REQUESTING FOR SO MANY DAYS AND WILL BE GREAT HELP😢😢
Thank you, Leo I successfully tested the voice transcription by following your video - great job! Please keep sharing more. :)
Smoothly explained... thank you
Hey Leo! This is my first time coming across your channel. I just want to thank you very much for such a great tutorial! I've watched about 5-6 other tutorial videos on how to make the audio recording button and text to speech work, but all the other tutorials did not address what I was trying to do. However, your tutorial covered all the things I needed. I have liked the video and subscribed to you! You were amazing, thank you very much for such an amazing tutorial! Keep up the good work! Looking forward to more of your content!
P.S. Do you know how to get FlutterFlow to display texts in other languages? The dialog box worked when I spoke English, but when I tried to speak in another language, FlutterFlow text box started to display weird symbols. I don't know if it was on the FlutterFlow end or on the OpenAI end. I'm trying to build a translation app at the moment, so my next step is to take that transcript and translate it into English to have it display on another box. Thank you very much in advance for your help and thank you for your time! Cheers!
Extremely great video! One thing though, the API call setup, once you set your API keys as a variable, whether you set the API call to Private or not, the variable "key" would be shown in the payload of you r browser when the API call is being sent to the cloud function. You can check it out in your browser and see what I am talking about
Glad you liked the video, and big thanks for the information correction!
@@leomcmillion No problem please find a solution for us as many many people are struggling with how to secure api keys in flutterflow. The only solution now is using buildship since the api call will be I’m the backend but to pay to be making just api calls that can be done in flutterflow is just some way. A native way in flutterflow would be best😩🙏🏾
@@Dreysimmons How can I make it so that the key is not visible? I am a newbie looking for a solution to this problem. They say Buildship but it's not right to tie yourself to paid restrictions
@@PubgSpeed-wl8yo well flutterflow is a frontend application builder, so any code that is done there will be visible in the frontend(which is not safe)
The only way you can go about this without being tied to a 3rd party will be to make you api calls in a cloud function and just trigger that api call from flutterflow.(NB: Thats gonna be a lot of code)….
So the easier “no code way” will be to use buildship. They have taken care of all the security measures to help you make secure api calls with your keys safely stored in secrets(Google secrets manager)
Hey Leo tusen tak for your help. Quick and easy! Thank you
Varsågod! Glad you found it helpful.
Hi Leo, great video! This was super helpful :D
One question: Is it also possible to have the same process you use for mobile voice recording, also in Web? Would be really cool to have the same functionality on web.
Also, would be extremely helpful if you could share a template for us!
Thanks already!
Thanks, and glad you found the video helpful. The mobile voice recording flow is not possible on web using flutterflow.
What do you mean with template? Andd what do you want a template for?
Sorry, i ment the templates you can share in the FlutterFlow template platform, so we're able to just clone the project. But nevermind, it only takes a minutes to copy it manually :D@@leomcmillion
Great video Leo! I do find it bizarre how FF doesn’t support basic functionalities outside of the box, I hope they’re going to add Mic support for web. I guess they’re still young.
Yeah, they are really good in my opinion to come out with new features, but definitely a miss from them with the mic on web.
@@leomcmillion I've just managed to get a video conferencing solution to work on web, which allows mic, so with a bit of trickery and a custom widget this could be possible!
@@_nathanjmc awesome work! Do you mind sharing the code for the custom widget?
Great video! Super easy to follow, and very well explained. ---> Quick Question: How do you upload M4a audio (e.g generally recorded from Apple devices)? It's only allowing MP3, but when I look at the API documentation, it says it support M4a format as well.
Thanks! I have never used M4a so don't know. What documentation are you referring to? Flutterflow's? Or OpenAI's? And to where in your app are you having troubles uploading the M4a files? to Flutterflow or to OpenAI?
I can help you better with the above information. This problem should no be super hard to figure though so am sure you can come up with a solution yourself.
brother - technical glitch for begginers - for some reason i can't paste the API address into FlutterFlow - it's requiring me to type it in manually. I'm seeing on google that i need to 'allow clipboard' but no way to see how.
My file uploads but I do not get the generated text I think it might be with the api I think I entered the wring API, could you please tell me where to get the API key
Hi Leo, great tutorial thank you , please let me know if you have an example of text to Speach in different languages would be greatly appreciated ❤
You can check that out here: platform.openai.com/docs/guides/text-to-speech/supported-languages
There you can see what languages they support. You can also see there that you get audio for the same language as the text you give to the API.
Great. Could you make a video on how to send a picture to a chatbot?
Yeah, sure.
@@leomcmillion or a document. Make a video on how to use Vertex ai - there are a lot of interesting solutions there. For example, you can send him a lease agreement and he will tell you the pitfalls in the document. Basically, the api is the same, but I'm still new to figuring out how to upload a file and send it to an artificial intelligence.
@@PubgSpeed-wl8yo Thanks for the request. Have a couple a videos regarding cloud functions and security that I will release first before starting to record this video. But can definitely look into this in the mean time and try and get a vide out as soon as possible.
@@leomcmillion youtu. be/YGf6XvaLxnU?si=D_Ggp7KyPUBnPBvk&t=1114 This video shows how to connect the key in vertex ai everything else you know how to do. Just a lesson from you) Thanks in advance!
@@leomcmillion Put this topic in priority please. There are no video tutorials on linking vertex ai and fluterflow, and you can make a lot of commercial products on this bundle, especially related to documentation. Now I'm looking at this kind of thing where you give it a document with your data and give it a blank document and ask it to enter your data into the blank document and it fills it in, good for people who are writing resumes for jobs. You can write it in 5 seconds with this tool.
Can you please create some tutorial about cookie consent in FlutterFlow? In European Union all pages must have this and currently FlutterFlow is not supporting this feature. Basically none of the cookie can be saved on user's device until he gives explicit consent. Is it possible to achive this in FF? Please help...
sir, please add login auth and how to change the format of the app like changing transcription into blog, UA-cam script like using chatgpt prompt.
Hey Hey could you please explain to me how to get the text to appear on the screen and not on a popup over the screen please as on timestamp: 12:07. Thanks in advance
can you please make a revenuecat video in FF? its barely covered and the video on youtube is outdated.
Have a couple of videos I already planned to release in the near future. But can record a video about this in the future when I have learnt how to do it myself. Currently only using the stripe API.
Thanks for the request!
Yea, is it possible to do IAP/subscriptions using stripe? Because I hear the app will get rejected since Stripe is for goods used outside of the app, apparently. Appreciate the response. Would def help.@@leomcmillion
HELLO LEO PLEASE RESPOND TO THIS MESSAGE
I Have been requesting to make video on applying date filter on task so that user can see, on this particular date how many task are completed,
I Have take filter values as (Today, Yesterday, Last 3day, Last Week , Last Month, All, and Custom-where user will select two dates from calendar )
PLEASE MAKE VIDEO ON IT I AM REQUESTING FOR SO MANY DAYS AND WILL BE GREAT HELP😢😢