Skip to main content

Dyte Embed

You can easily integrate Dyte to your project without any SDK!

Just use an iframe and pass your options and auth token in the URL query.

Example#

Here's an example with all the available options:

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

Query Parameters#

NameRequiredDescription
authTokenrequiredThe authToken string you receive when you Add a Participant to a meeting.
orgIdoptionalPass your organization if you want to use your custom presets.
showSetupScreenoptionalWhether to show the Setup Screen Defaults to true.
disableVideoBackgroundoptionalWhether to disable the video background changer button on the control bar. Defaults to false.
endRedirectURLoptionalThe URL to redirect to on end of 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    }  }}