Skip to main content

No Code Integration

You can easily integrate Dyte into your project without any SDK using an iFrame. An iFrame is a quick and easy way to embed a live video solution into your own website or application without modifying the underlying code.

You can use iFrame for a variety of reasons, including lack of resources, technical expertise, or simply a preference for a lighter integration method. You simply need to add a small piece of HTML code to your website or application.

Before Getting Started

Embed using an iFrame

Pass your options with meeting ID auth token in the URL query. Here's an example with all the available options:

<iframe
src="https://app.dyte.in/v2/meeting?id=<meetingId>&authToken=<authToken>&showSetupScreen=true&disableVideoBackground=true&orgId=<orgId>"
allow="camera;microphone;fullscreen;display-capture;picture-in-picture;clipboard-write;"
/>

Query Parameters

| Name | Required | Description | | :--------------- | :--------- | :----------------------------------------------------------------------------------------------------------- | --- | | authToken | required | The token string you receive when you add a Participant to a meeting. | | meetingID | required | The ID of the meeting you receive when you create a meeting. | | endRedirectURL | optional | The URL to which the meeting would be redirected on end of the meeting. | |

Events

window.addEventListener('message', receiveMessage, false);

function receiveMessage(evt) {
if (evt.origin === 'https://app.dyte.in') {
const data = evt.data;
if (data.type === 'meetingEnded') {
const reason = data.kicked;
// take action on meeting end
}
}
}