Tutorial: How to add transcripts to video calls in Bubble

Showcase
1

Hey all!

If you’ve ever wanted to enable live transcription for video calls in your Bubble app, this step-by-step guide will show you how to set it up using the Daily service and the plus version of the Daily Plugin.

Live Transcription Demo

Here’s how to set it up:

1. Install the Plugin

  1. Install the Daily Video & Audio PLUS Plugin from the Bubble Marketplace.
  2. Create a Daily Account: Sign up for an account on Daily.
  3. Get Your API Key: Visit the Daily Developer Dashboard to retrieve your API key.
  4. Add Your Credit Card: Since transcription is a pay-as-you-go feature, add your credit card to your Daily account to enable it.
  5. Configure the Plugin: In your Bubble plugin settings, enter the API key, starting with Bearer (e.g., Bearer 4ffad...).

2. Enable Transcription in Your Room

Create or update a room in Daily and set the auto transcription field to yes. For detailed transcription settings, refer to the documentation.

Enable Transcription

3. Create a Meeting Token for the Transcription Owner

Create a meeting token, set the is owner field to yes, and enable auto-start transcription. Only meeting owners can initiate transcription. You can also enable live captions if needed.

Meeting Token Setup

4. Join the Meeting

Join the room using the room URL from Step 2 and the meeting token from Step 3. This will activate live transcription for the meeting.

Join Meeting

And that’s it! You’ve now set up live transcription for video calls in your Bubble app. If you try this out, feel free to share your experience, and if you prefer a video walkthrough, here’s a video.

3 Likes