Тёмный

How To Add OpenAI Text To Speech To Your Bubble App (Complete Guide) 

Building With Bubble
Подписаться 22 тыс.
Просмотров 1,5 тыс.
50% 1

In this guide, you’ll learn everything there is to know about adding a text-to-speech (TTS) feature within your Bubble app. Using an integration with OpenAIs Audio API, you can allow your app users to turn written paragraphs of text into a playable MP3 file.
This tutorial doesn’t require you to have any coding experience. Regardless of your skill level, you’ll be able to easily build this feature in a matter of minutes.
This complete tutorial covers 👇
1. How to generate your own OpenAI API keys
2. How to easily review the OpenAI API documentation
3. How to create an API call from Bubble to OpenAI
4. How to design the UI of your Bubble app
5. How to build the workflows that power the feature
6. How to play an audio file in Bubble
7. How to allow users to select different styles of AI voices
---
🔥 Get access to the complete library of OpenAI x Bubble courses 🔥
Looking to connect any OpenAI API service with Bubble? My complete library of videos walks through the exact step-by-step instructions you need to follow: buildingwithbubble.com/comple...
---
✍️ Access the working Notion doc here: lachlan-kirkwood.notion.site/...
---
⏱ Timeline: ⏱
00:00 - Course overview
00:42 - App preview
02:12 - Connecting the OpenAI API
09:44 - Creating the API call
17:58 - Designing your Bubble app
20:19 - Creating an audio player
22:36 - Building the workflows
25:55 - Selecting different AI voices
30:36 - Additional insights

Наука

Опубликовано:

 

28 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 24   
@Gpgoogle001
@Gpgoogle001 4 месяца назад
Thank man. Really appreciate. Best and simplified API integration I have watched this year.
@BuildingWithBubble
@BuildingWithBubble 4 месяца назад
Awesome to hear it was helpful 🙏
@omarahmed44684
@omarahmed44684 4 месяца назад
You're the best my friend you adding a value ❤
@BuildingWithBubble
@BuildingWithBubble 4 месяца назад
This means the world to me. Thanks ❤
@vibehighest
@vibehighest 4 месяца назад
my boy! please help me or make a video showing us how to trigger sound effects when hovering or clicking buttons !! pretty please
@BuildingWithBubble
@BuildingWithBubble 4 месяца назад
Happy to add this one to my list ✌
@vtowncartelmusic
@vtowncartelmusic 4 месяца назад
This is absolutely fantastic! Thank you! More like this please!!!
@BuildingWithBubble
@BuildingWithBubble 4 месяца назад
Appreciate it 🙏 And be sure to keep an eye out. I've got a lot in the works!
@shashibhushankumar3804
@shashibhushankumar3804 4 месяца назад
thank you for the AI API tutorial i waiting for more AI tutorials
@BuildingWithBubble
@BuildingWithBubble 4 месяца назад
There's plenty more to come! Be sure to keep an eye out 👀
@ghvghvhbhjb1943
@ghvghvhbhjb1943 4 месяца назад
Please provide more of this videos 👊
@BuildingWithBubble
@BuildingWithBubble 4 месяца назад
I've got plenty more in the pipeline 😉
@choongching
@choongching 4 месяца назад
Wow, finally some AI tutorials! I hope there will be more ai related lessons from you. cheers!
@BuildingWithBubble
@BuildingWithBubble 4 месяца назад
There's plenty more to come 👌
@WilliePhilpotJr
@WilliePhilpotJr 4 месяца назад
Right on time!
@BuildingWithBubble
@BuildingWithBubble 4 месяца назад
I got you 😎
@TheCloumcloum
@TheCloumcloum 3 месяца назад
Hey, thank for the video ! Do you know how to optimize the time loading to play the audio ? I have a 2min text to play, and it takes around 20 seconds to load... Thanks 🙏
@BuildingWithBubble
@BuildingWithBubble 3 месяца назад
I'd recommend looking into a plugin for the audio player instead of the HTML element I referenced in the video. This might help change the load speed.
@jubriltoheeb1355
@jubriltoheeb1355 4 месяца назад
This is very greay
@BuildingWithBubble
@BuildingWithBubble 4 месяца назад
Appreciate it!
@opas6473
@opas6473 4 месяца назад
How to add download option to audio file?
@BuildingWithBubble
@BuildingWithBubble 4 месяца назад
Good question. On the repeating group that displays each audio file, just create a workflow that uses the 'open external website' event. This will then open the audio file and allow you to download it. Hope this helps!
@Feenixstud
@Feenixstud 4 месяца назад
Yes! Finally one on AI! Looking forward to more on AI!
@BuildingWithBubble
@BuildingWithBubble 4 месяца назад
Thanks 🙏
Далее
Угадай МОБА 1 🥵 | WICSUR #shorts
01:00
Java Is Better Than Rust
42:14
Просмотров 171 тыс.
How To Access Any Forked GitHub Repositories Data
9:31
How I Made $13.2M Starting From $0
20:39
Просмотров 7 тыс.
So... why did AI take off now?
4:01
Просмотров 527
Ноутбук за 20\40\60 тысяч рублей
42:36