📖 Instructions
1. Initial Setup
API Keys: In the Plugin tab, enter your Dyte API Key in both the live and dev fields. Use the format: Bearer YOUR_API_KEY.
Add Element: Drag the Dyte RealtimeKit (Testing) element onto your page.
2. Standard Workflow Implementation
To launch a video call, follow these steps in your Bubble workflows:
Create Meeting: Use the Create A Meeting action to generate a meeting_id.
Add Participant: Trigger Add A Participant using that meeting_id. This will return a unique Authentication Token.
Initialize Frontend: Run the Initialize A Dyte RealtimeKit action and pass the Authentication Token to the element on your page.
3. Post-Session Actions
Transcripts: To use the Fetch The Complete Transcript or Generate Summary features, ensure that recording or transcription is enabled in your Dyte dashboard preset settings.
History: Use Fetch All Chat Messages to archive and display conversation logs after a meeting has ended.
💡 Pro Tips:
Presets: Use Fetch All Presets to see UI configurations you’ve created in your Dyte dashboard. Assign these when adding participants to control which buttons (Mute, Share Screen, etc.) they can see.
Token Refresh: Use the Refresh Participant's Authentication Token action if a user's session expires and they need to rejoin the room immediately.
Demo Page:
https://hks-demos.bubbleapps.io/version-test/dyte_io_voice_and_video?debug_mode=trueDemo Editor:
https://bubble.io/page?id=hks-demos&version=test&name=dyte_io_voice_and_video&tab=Workflow&type=page&wf_item=cmNcJ