1. Install the Plugin
2. Add the plugin element to your page
3. Configure the plugin
API Key - your Speechmatics Key that you get here
https://planbbackups.io/speechmaticsBubble App Domain - the domain of your Bubble app. This is the public URL of your Bubble app.
Token API endpoint name - the name of the API endpoint you will create in the next step. This is the name a a secured API endpoint you will. create in your Bubble app to produce temporary tokens.
4. Create an API End point in your app - see the sample app. This is used so the plugin in the browser can get a "temp token" from Speechmatics (using the API connector you set up in step 3).
This means you can use Speechmatics in a web browser without revealing your secret key.
For testing it is temporarily ok to allow this Bubble endpoint to be access with
"The API endpoint can be run with authentication" but only temporarily - you should
ENSURE THAT THIS END POINT IS ONLY ACCESSIBLE TO AUTHENTICATED USERS
5. Wire up some screen element (eg text, multi-line input field) to the Plugin's exposed state of the realtime transposed - speech to text.
Also contains API methods for file upload transcription.
See working example here
https://planbbackups.io/speechmatics and Editor example here
https://bubble.io/page?type=page&name=index&id=speechmatics-plugin&tab=tabs-1Purchase of this plugin comes with reasonable support to get you up and running.
Contact me in the forum for help.
@lindsay_knowcode
Built on Bubble
