How To Convert Text To Speech Via Eleven Labs API

Showcase Plugins
1

Hey guys, I just created a plugin which lets you convert your text into human speech.

This plugin uses an API from ElevenLabs. Here is the link to plugin: Text to Speech (ElevenLabs) Plugin | Bubble

INSTRUCTIONS:

  1. Go to ElevenLabs
  2. Generate an API key according to your plan
  3. Use the action “Convert Text to Speech” in your Bubble app.
  4. Pass it the text.
  5. Receive your speech as audio format.

Plugin Rights:
The plugin is owned by Chakor, a software development company based in Lahore, Pakistan.

2

Thanks. I’ve been trying this though not sure why it’s not working for me. Is there a guide or tutorial for this by any chance?

I put in my API key into the Eleven Labs Plugin settings in Bubble, then tested it with a simple workflow that says when you click a button, the Eleven Labs plugin will convert the text ‘the item has been sent’ into speech. But nothing happens.

3

Hi, the plugin is working as intended. It returns you an audio file which you have to play using some plugin like Howler.

YouTube Tutorial: https://youtu.be/drfhU6TNCpA
Editor Link: Speech Translator Chakor | Bubble Editor

4

Thank you very much for this tutorial. I’ll have a go and report back if I find any issues. Looks brilliant!

5

Is there voice cloning in this plugin:) ? I want my user to be able to clone their own voices! Would be so cool!

6

You can actually, but you’ll need to set it up inside the app itself and create your own. It requires a paid version.

7

Hi, Zaeem

I tested this plugin and it was susseful for free. But this plugin needs to upgrad the model from ‘monolingual V1.’ to ‘multilingual V2.’ So that many other multilingual can get the right speech voice.

Otherwise, it sounds like English native is reading Korean text when reading Korean.

My question is

Thanks, anyway
HJ

10

Would really appreciate some suggestions. I have built a simple app on bubble.io that generates short stories I want to turn these stories into short audio books for my kids. I used openai to generate the short stories and that part works great but I cant figure out how to get the generated text(stories) to be turned into audio flies using the eleven labs API. The API calls work but it only use the text i have in quotation marks as the value in theAPI configuration not the dynmaic text i am trying to reference. Any suggestions would be extremely welcome.

11

Firstly, you’ll need to drop a text input box on the page & give it a unique name.

After this, you just need to select that text between quotation marks in the plugin’s action (workflow) & Bubble would give you a blue button saying “Dynamic Text”. You can then search for that input’s name you setup-ed earlier & pass its value.

This question is more related to Bubble’s functionality.

12

thank you does the text box need to different from the one where the text is being displayed from the openai text generation or ac it be the same box ?

13

Yes you need to use the element named “Input”. Its different then “Text” element.