12min

Tokbox - Video Chat Plugin

Link to plugin page: https://zeroqode.com/plugin/tokbox---video-chat-plugin-for-bubble--1624365370496x446077842708355140​

Introduction

Tokbox video chat plugin makes remote video communication simple. Very easy to use, no more complex settings and configurations. Just place the element on the page, indicate the Embed Code (iFrame HTML) of your project from Tokbox account, and off you go.

Prerequisites

You must have an account with Vonage (Tokbox) to interact with the API. Create your account at: https://tokbox.com/account/user/signup​

How to setup

  1. Go to your TokBox console
Document image



2. Create a new project

Document image



3. Select Create Embed Project

Document image



4. Complete fields

Document image



​Copy the URL of your page and remove all queries and paths. Example: https://zeroqode-demo-23.bubbleapps.io/version-test/tokbox?debug_mode=true -> https://zeroqode-demo-23.bubbleapps.io https://zeroqode-demo-23.bubbleapps.io using this cut URL embed will be working in all versions of the project

5. Copy iframe code

Document image



​6. Place Tokbox Embed element on the page and put copied iframe code in plugin field "Iframe Code"

Document image

Tokbox Embed element

Document image

Fields

  • Iframe Code - In this field is set iframe code from Tokbox console (Text)
  • Room Name - Default room name for embed (Text)

Actions

Change Room

This action change room for connection

Document image
  • Room Name - Room name where to connect (Text​)

Demo to preview the settings

Bubble Editor: https://bubble.io/page?version=live&name=tokbox&id=zeroqode-demo-23&tab=tabs-1​

Live Demo: https://zeroqode-demo-23.bubbleapps.io/tokbox​



Updated 20 Apr 2022
Did this page help?
Yes
No
UP NEXT
Agora Streaming & Video Conferencing (v4.5)
Documentation powered by archbee