<aside> ✅

Link to the plugin page:

https://zeroqode.com/plugin/text-to-speech--speech-recognition-plugin-for-bubble-1695227406959x948751320629936500

</aside>

Demo to preview the plugin:

<aside> ✅

Live Demo:

https://plugindemos.bubbleapps.io/text_to_speech

</aside>

<aside> ✅

Bubble Editor:

https://bubble.io/page?version=live&id=plugindemos&name=text_to_speech&tab=Design&type=page

</aside>

Introduction

Add voice interaction to your Bubble app with ease using the Speech Capabilities Plugin. Powered by the Web Speech API, this plugin introduces Text-to-Speech (TTS) and Speech Recognition (SR) functionalities, enabling your app to speak to users and listen to them in real time. With extensive customization options and real-time transcription, you can build immersive, accessible, and interactive user experiences.

• Key Features

Prerequisites

• Ensure your users are on modern browsers (Chrome, Edge, Safari) for best support.
• Have a basic understanding of how to use workflows and elements in Bubble.
• No API key is needed as this relies on native browser functionality.

<aside> ⚠️

Note: These features are experimental and browser-dependent. Check compatibility on caniuse.com.

</aside>

How to setup

Step 1: Installation

Step 2: Place the Element (Text to Speech)

Step 3: Place the Element (Speech Recognition)

Step 4: Text to Speech Required Page Elements

Step 5: Text to Speech Workflow Setup