Setting the file. One moment.
Subchapter 114.26
use-cases/custom-meeting-ui-web.mdMarkdown3 KBView on GitHub
Build a custom video user interface around a real Zoom meeting in a web application.
References
App TypesDo not route this use case to Video SDK unless the user is building a non-meeting custom session product.
Use Meeting SDK Component View when:
Do not use Video SDK when:
Browser UI
-> fetch signature from backend
-> ZoomMtgEmbedded.createClient()
-> client.init({ zoomAppRoot })
-> client.join({ signature, sdkKey, meetingNumber, userName, password })ZoomMtgEmbedded client instance.import ZoomMtgEmbedded from '@zoom/meetingsdk/embedded';
const client = ZoomMtgEmbedded.createClient();
export async function joinEmbeddedMeeting({
meetingNumber,
userName,
password,
}) {
const res = await fetch('/api/signature', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ meetingNumber, role: 0 }),
});
if (!res.ok) {
throw new Error(`signature_fetch_failed:${res.status}`);
}
const { signature, sdkKey } = await res.json();
await client.init({
zoomAppRoot: document.getElementById('meetingSDKElement'),
language: 'en-US',
patchJsMedia: true,
leaveOnPageUnload: true,
});
await client.join({
signature,
sdkKey,
meetingNumber,
userName,
password,
});
}password here, not passWord)