MARKETPLACE
PLUGINS
OPENAI - TEXT-TO-SPEECH STREAMING
OpenAI - Text-to-Speech Streaming logo

OpenAI - Text-to-Speech Streaming

Published January 2024
   •    Updated this month

Plugin details

Unleash the power of instantaneous communication with this state-of-the-art plugin, which stands at the forefront of OpenAI’s Text-to-Speech technology. This tool doesn’t just provide voice-generated audio streaming, it does so in real time, revolutionizing the way we interact with text-to-speech use cases.
Equipped with six unique built-in voices, the plugin offers a range of auditory experiences. Whether you’re looking to narrate a blog post with a voice that resonates with your readers, or aiming to cross language barriers by producing spoken audio in multiple languages, this plugin is your go-to solution.

This plugin is able to save the audio output in Bubble database, including as private files.

This plugin provides:
- OPENAI - TEXT-TO-SPEECH STREAMING ELEMENT (FRONT-END DESKTOP & NATIVE MOBILE) visual element

Demo Link: https://openaitexttospeechdemo.bubbleapps.io/version-test

Editor Link: https://bubble.io/page?type=page&name=index&id=openaitexttospeechdemo&tab=tabs-1

💡 𝗦𝘂𝗯𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝗼𝗻𝘀 𝗮𝗿𝗲 𝗽𝗿𝗼𝗿𝗮𝘁𝗲𝗱. 𝗜𝗳 𝘆𝗼𝘂 𝗶𝗻𝘀𝘁𝗮𝗹𝗹 𝗮𝗻𝗱 𝘂𝗻𝘀𝘂𝗯𝘀𝗰𝗿𝗶𝗯𝗲 𝘁𝗵𝗶𝘀 𝗽𝗹𝘂𝗴𝗶𝗻 𝗶𝗻 𝗼𝗻𝗲 𝗱𝗮𝘆 𝘁𝗼 𝘁𝗲𝘀𝘁 𝗶𝘁 𝗼𝘂𝘁, 𝘆𝗼𝘂'𝗹𝗹 𝗼𝗻𝗹𝘆 𝗯𝗲 𝗰𝗵𝗮𝗿𝗴𝗲𝗱 𝟭/𝟯𝟬𝘁𝗵 𝗼𝗳 𝘁𝗵𝗲 𝗺𝗼𝗻𝘁𝗵𝗹𝘆 𝘀𝘂𝗯𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝗼𝗻 𝗳𝗲𝗲.

📖 𝗦𝘁𝗲𝗽-𝗯𝘆-𝗦𝘁𝗲𝗽 𝗶𝗻𝘀𝘁𝗿𝘂𝗰𝘁𝗶𝗼𝗻𝘀 𝗮𝗿𝗲 𝘁𝗵𝗲 "𝗜𝗻𝘀𝘁𝗿𝘂𝗰𝘁𝗶𝗼𝗻𝘀" 𝘀𝗲𝗰𝘁𝗶𝗼𝗻 𝗮𝗻𝗱 𝗗𝗲𝗺𝗼 𝗘𝗱𝗶𝘁𝗼𝗿 𝗶𝘀 𝗶𝗻 𝘁𝗵𝗲 "𝗟𝗶𝗻𝗸𝘀" 𝘀𝗲𝗰𝘁𝗶𝗼𝗻 𝗼𝗳 𝘁𝗵𝗲 𝗣𝗹𝘂𝗴𝗶𝗻 𝗣𝗮𝗴𝗲.

Contact us at [email protected] for any additional feature you would require or support question.

$99

One time  •  Or  $7/mo

5.0 stars   •   1 ratings
88 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

wise:able logo
wise:able
Joined 2020   •   122 Plugins
View contributor profile

Instructions

OPENAI  - TEXT-TO-SPEECH STREAMING ELEMENT (FRONT-END DESKTOP & NATIVE MOBILE) ===========================================================

ELEMENT DESCRIPTION
----------------------------------
 OPENAI  - TEXT-TO-SPEECH STREAMING (FRONT-END DESKTOP & NATIVE MOBILE) provides voice-generated audio streaming directly, enabling real-time text-to-speech use cases.

STEP-BY-STEP SETUP
--------------------------------
 0) Register on OpenAI and get your OPEN AI API KEY.

 1) Register on plugins.wiseable.io. Create a new Credential which associates your BUBBLE APP URL and your OPENAI AI KEY.
  The registration service will generate your PUBLIC ACCESS KEY. This key serves as a secure proxy for your real API key. It allows your application to communicate with the service without exposing your real API key. Since this PUBLIC ACCESS KEY is explicitly tied to your registered BUBBLE APP URL, it can only be used from that domain, ensuring that even if the key is publicly visible, it remains safe and cannot be misused by unauthorized sources.

 2) In the Plugin Settings, enter your PUBLIC ACCESS KEY generated at the previous step.

 3) Add an element supporting input text.

 4) Add the OPENAI  - TEXT-TO-SPEECH STREAMING (FRONT-END DESKTOP & NATIVE MOBILE)
to the page on which Text-to-Speech must be performed and configure its properties.

 FIELDS :
 - DISPLAY AUDIO CONTROLS : Display or hide audio controls.

 5) Integrate the logic into your application using the following OPENAI  - TEXT-TO-SPEECH STREAMING (FRONT-END DESKTOP & NATIVE MOBILE) element's states and actions:

 EVENTS :
 - ERROR : Event triggered when an error occurs.
 - END OF STREAM : Event triggered when Stream has finished to download.
 - AUDIO FILE UPLOADED (FRONT-END DESKTOP ONLY) : Event triggers when the Audio File has been successfully uploaded, triggered using SAVE AUDIO action.

 EXPOSED STATES:
 Use any element able to show/process the data of interest (such as a Group with a Text field) stored within the result of the following states of the OPENAI  - TEXT-TO-SPEECH STREAMING (FRONT-END DESKTOP & NATIVE MOBILE)
:
 - SUPPORTED FORMATS : List of supported audio formats by the browser.
 - ERROR : Error message upon Error event trigger.
 - PLAYER STATUS : Return the player status. Valid values are ready | playing | paused | stopped | ended
 - CURRENT PLAYER SEEK TIME : Return the current player seek time in seconds.
 - TOTAL DURATION : Return the total duration of the audio in seconds.
 - AUDIO FILE URL (FRONT-END DESKTOP ONLY) : Return the Audio File URL upon AUDIO FILE UPLOADED event.



 ELEMENT ACTIONS - TRIGGERED IN WORKFLOW:
   - PAUSE AUDIO : Pause the audio stream.
   - RESUME AUDIO : Resume the audio stream.
   - SEEK AUDIO : Seek to a specific time in the audio stream.
  Inputs Fields :
       - SEEK TIME : Seek to a specific time in the audio stream.
   - GENERATE SPEECH : Generate Text-to-Speech streaming.
  Inputs Fields :
       - MODEL : One of the available TTS models: tts-1 or tts-1-hd
       - VOICE : The voice to use when generating the audio. Supported voices are alloy, echo, fable, onyx, nova, and shimmer.
       - LANGUAGE : 2-Letters language code.    
       - INPUT : The text to generate audio for. The maximum length is 4096 characters.
       - SPEECH : The speed of the generated audio. Select a value from 0.25 to 4.0. 1.0 is the default.
       - AUDIO FORMAT : The format to audio in. Supported formats are mp3, opus, aac, and flac.
       - TITLE : Title of the media.
       - ARTIST : Artist of the media.
       - ALBUM : Album of the media.
       - COVERT ART : Covert Art image of the media.
   - SAVE AUDIO FILE (FRONT-END DESKTOP ONLY) : Save the latest audio output.
the can_do_text_to_speech property.
       - FILE NAME : File Name, without extension, of the audio file to save.
       - PRIVATE : Set to yes to set this file to private. ATTACHED TO must be provided to specify the thing to attach this audio file to.
       - ATTACHED TO : Unique ID of the thing to attach the Audio File to.

IMPLEMENTATION EXAMPLE
======================
Feel free to browse the app editor in the Service URL for an implementation example.

TROUBLESHOOTING
================
Any plugin related error will be posted to the the Logs tab, "Server logs" section of your App Editor.
 Make sure that "Plugin server side output" and "Plugin server side output" is selected in "Show Advanced".

> Server Logs Details: https://manual.bubble.io/core-resources/bubbles-interface/logs-tab#server-logs

PERFORMANCE CONSIDERATIONS
===========================
 N/A

QUESTIONS ?
===========
Contact us at [email protected] for any additional feature you would require or support question.

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
AI   •   Media   •   Mobile   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

Great little plugin - Fast streaming and easy to use.
June 5th, 2024
Bubble