How to Build a Multilingual AI Voice Assistant in FlutterFlow (OpenAI Text-To-Speech App Tutorial)
20 هزار بار بازدید -
8 ماه پیش
-
In this video we walk
In this video we walk through how to build a multilingual AI voice assistant app in under 35 minutes with FlutterFlow.
Cloneable Project Link
https://app.flutterflow.io/project/sp...
Open API/Swagger File
https://github.com/openai/openai-open...
OpenAI Documentation
https://platform.openai.com/docs/intr...
Timestamps:
0:00 - Introduction
0:13 - Demo
0:52 - Creating FlutterFlow Project
2:37 - Setting Up Theme Settings
3:32 - Designing App Page
5:34 - Recording Buttons
8:44 - Waveform
11:14 - Widget Animations
12:55 - Reviewing Cloneable Project
12:09 - Voice-To-Text Custom Actions
16:27 - Chat Completion API Call
19:40 - Stop Recording Actions
20:18 - Adding Multiple Languages
22:34 - Text-To-Voice Custom Action
27:35 - Adding Remaining Actions
28:47 - Timer Widget
31:37 - Final Demo of Working App
Ready to try FlutterFlow for yourself? Start building your app today with a free trial 👉 https://www.flutterflow.com
Follow us on Twitter 👉 Twitter: flutterflow
--------------
FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. With drag-and-drop functionality, you can build pixel-perfect UIs and easily connect your app to live data via Firebase or APIs. Plus, you can add advanced features like push notifications, payments, animations, and more. Whether you build your own custom widgets or write custom code, FlutterFlow makes it easy to bring your app ideas to life.
Cloneable Project Link
https://app.flutterflow.io/project/sp...
Open API/Swagger File
https://github.com/openai/openai-open...
OpenAI Documentation
https://platform.openai.com/docs/intr...
Timestamps:
0:00 - Introduction
0:13 - Demo
0:52 - Creating FlutterFlow Project
2:37 - Setting Up Theme Settings
3:32 - Designing App Page
5:34 - Recording Buttons
8:44 - Waveform
11:14 - Widget Animations
12:55 - Reviewing Cloneable Project
12:09 - Voice-To-Text Custom Actions
16:27 - Chat Completion API Call
19:40 - Stop Recording Actions
20:18 - Adding Multiple Languages
22:34 - Text-To-Voice Custom Action
27:35 - Adding Remaining Actions
28:47 - Timer Widget
31:37 - Final Demo of Working App
Ready to try FlutterFlow for yourself? Start building your app today with a free trial 👉 https://www.flutterflow.com
Follow us on Twitter 👉 Twitter: flutterflow
--------------
FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. With drag-and-drop functionality, you can build pixel-perfect UIs and easily connect your app to live data via Firebase or APIs. Plus, you can add advanced features like push notifications, payments, animations, and more. Whether you build your own custom widgets or write custom code, FlutterFlow makes it easy to bring your app ideas to life.
8 ماه پیش
در تاریخ 1402/08/17 منتشر شده
است.
20,020
بـار بازدید شده