🚀 How to Use
Editor Link:
https://bubble.io/page?id=realtimevoicedemo&tab=Design&name=indexDemo Link:
https://realtimevoicedemo.bubbleapps.io/version-testIn your app settings → Plugins tab, enter your OpenAI API key under OPENAI_API_KEY.
Drop the Realtime Call element on your page. Element Must be visible somewhere in the page. You can shrink it to 1px 1px.
Add a Start Call button with a workflow:
Step 1: Create Ephemeral Realtime Token (set model/voice/instructions).
Step 2: Realtime Call → start
token = Result of Step 1's token
Add a Stop Call button → Realtime Call → stop.
Get help here:
https://backseatux.com/api/1.1/wf/htmlreturn?version=1756436377092x301076933529043100You can capture live transcripts and save them to your Bubble database. Use the element states and events to write to your data types.
Note: The assistant_done event is triggered every time the Assistant finishes speaking. This ensures you capture complete assistant responses for your transcript.