how to use livekit meeting as plugin in a frame in...
# ask-ai
n
how to use livekit meeting as plugin in a frame in websites ?
t
Thanks for reaching out, Mohamed. I'm an AI assistant and I'm here to help. Give me a moment while I research this topic.
I'd be happy to help you embed LiveKit Meeting as a plugin in a frame on your website! Here's a friendly guide to get you started: 1. Using the Web Embed Example: - LiveKit offers a handy example called agent-starter-embed that shows exactly how to embed LiveKit using an iframe. - This approach involves hosting an embed page (like
/embed
) which connects to a LiveKit room through the LiveKit JavaScript SDK. - You can create a distribution script (for example,
embed-popup.js
) that adds a popup button and handles the iframe’s lifecycle smoothly. - Just include this script on your website with a
<script>
tag, and you’ll have the embedded widget ready to go. 2. Jupyter Notebook Embedding (Adaptable for Web): - Another way is to use an iframe with the
srcdoc
attribute to embed LiveKit content directly. - This lets you inline the LiveKit client code, injecting the room URL and token right where you need them. If you want to dive deeper, the agent-starter-embed repository has detailed steps that can guide you through everything. And please feel free to reach out if you’d like help customizing your setup, securing tokens, or deploying the embed service—I’m here to support you every step of the way! Sources: Web Embed Example | livekit/livekit_composite | DeepWiki | livekit-rtc/livekit/rtc/jupyter.py | Web and mobile frontends | LiveKit Docs