Zoom Plugin

Skill 121 of 200

Build Zoom Meeting SDK App

Reference skill for Zoom Meeting SDK.

3 minutes · 647 words · 19 sections

Install

$ npx skills add anthropics/knowledge-work-plugins --skill build-zoom-meeting-sdk-app

$ npx skills add anthropics/knowledge-work-plugins

» /plugin marketplace add anthropics/knowledge-work-plugins

The first command installs just this skill, by the name in its SKILL.md; the second installs the whole repository.

Background reference for embedded Zoom meetings across web, mobile, desktop, and Linux bot environments. Prefer build-zoom-meeting-app or build-zoom-bot first, then route here for platform detail.

Zoom Meeting SDK

Embed the full Zoom meeting experience into web, mobile, desktop, and headless integrations.

Hard Routing Guardrail (Read First)

If the user asks to embed/join meetings inside their app UI, route to Meeting SDK implementation.
Do not switch to REST-only meeting link flow unless the user explicitly asks for meeting resource management or browser join_url links.
Meeting SDK join path requires SDK signature + SDK join call; REST join_url is not a Meeting SDK join payload.

Prerequisites

Zoom app with Meeting SDK credentials
SDK Key and Secret from Marketplace
Platform-specific development environment (Web, Android, iOS, macOS, Unreal, Electron, Linux, or Windows)

Need help with OAuth or signatures? See the zoom-oauth skill for authentication flows.

Need pre-join diagnostics on web? Use probe-sdk before Meeting SDK init/join to gate low-readiness devices/networks.

Start troubleshooting fast: Use the 5-Minute Runbook (opens in a new tab) before deep debugging.

Quick Start (Web - Client View via CDN)

<script src="https://source.zoom.us/3.1.6/lib/vendor/react.min.js"></script>
<script src="https://source.zoom.us/3.1.6/lib/vendor/react-dom.min.js"></script>
<script src="https://source.zoom.us/3.1.6/lib/vendor/redux.min.js"></script>
<script src="https://source.zoom.us/3.1.6/lib/vendor/redux-thunk.min.js"></script>
<script src="https://source.zoom.us/3.1.6/lib/vendor/lodash.min.js"></script>
<script src="https://source.zoom.us/3.1.6/zoom-meeting-3.1.6.min.js"></script>

<script>
// CDN provides ZoomMtg (Client View - full page)
// For ZoomMtgEmbedded (Component View), use npm instead

ZoomMtg.preLoadWasm();
ZoomMtg.prepareWebSDK();

ZoomMtg.init({
  leaveUrl: window.location.href,
  patchJsMedia: true,
  disableCORP: !window.crossOriginIsolated,
  success: function() {
    ZoomMtg.join({
      sdkKey: 'YOUR_SDK_KEY',
      signature: 'YOUR_SIGNATURE',  // Generate server-side!
      meetingNumber: 'MEETING_NUMBER',
      userName: 'User Name',
      passWord: '',  // Note: camelCase with capital W
      success: function(res) { console.log('Joined'); },
      error: function(err) { console.error(err); }
    });
  },
  error: function(err) { console.error(err); }
});
</script>

Critical Notes (Web)

1. CDN vs npm - Different APIs!

Distribution	Global Object	View Type	API Style
CDN (`zoom-meeting-{ver}.min.js`)	`ZoomMtg`	Client View (full-page)	Callbacks
npm (`@zoom/meetingsdk`)	`ZoomMtgEmbedded`	Component View (embeddable)	Promises

2. Backend Required for Production

Never expose SDK Secret in client code. Generate signatures server-side:

// server.js (Node.js example)
const KJUR = require('jsrsasign');

app.post('/api/signature', (req, res) => {
  const { meetingNumber, role } = req.body;
  const iat = Math.floor(Date.now() / 1000) - 30;
  const exp = iat + 60 * 60 * 2;
  
  const header = { alg: 'HS256', typ: 'JWT' };
  const payload = {
    sdkKey: process.env.ZOOM_SDK_KEY,
    mn: String(meetingNumber).replace(/\D/g, ''),
    role: parseInt(role, 10),
    iat, exp, tokenExp: exp
  };
  
  const signature = KJUR.jws.JWS.sign('HS256',
    JSON.stringify(header),
    JSON.stringify(payload),
    process.env.ZOOM_SDK_SECRET
  );
  
  res.json({ signature, sdkKey: process.env.ZOOM_SDK_KEY });
});

3. CSS Conflicts - Avoid Global Resets

Global * { margin: 0; } breaks Zoom’s UI. Scope your styles:

/* BAD */
* { margin: 0; padding: 0; }

/* GOOD */
.your-app, .your-app * { box-sizing: border-box; }

If toolbar falls off screen, scale down the Zoom UI:

#zmmtg-root {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  /* Critical for SPAs (React/Next/etc): ensure Zoom UI isn't behind your app shell/overlays. */
  z-index: 9999 !important;
  transform: scale(0.95) !important;
  transform-origin: top center !important;
}

5. Hide Your App When Meeting Starts

Client View takes over full page. Hide your UI:

// In ZoomMtg.init success callback:
document.documentElement.classList.add('meeting-active');
document.body.classList.add('meeting-active');

body.meeting-active .your-app { display: none !important; }
body.meeting-active { background: #000 !important; }

UI Options (Web)

Meeting SDK provides Zoom’s UI with customization options:

View	Description
Component View	Extractable, customizable UI - embed meeting in a div
Client View	Full-page Zoom UI experience

Note: Unlike Video SDK where you build the UI from scratch, Meeting SDK uses Zoom’s UI as the base with customization on top.

Key Concepts

Concept	Description
SDK Key/Secret	Credentials from Marketplace
Signature	JWT signed with SDK Secret
Component View	Extractable, customizable UI (Web)
Client View	Full-page Zoom UI (Web)

Detailed References

Platform Guides

android/SKILL.md - Android SDK (default/custom UI, join/start/auth lifecycle, mobile integration)
android/references/android-reference-map.md (opens in a new tab) - Android API surface map and drift watchpoints
ios/SKILL.md - iOS SDK (default/custom UI, join/start/auth lifecycle, mobile integration)
ios/references/ios-reference-map.md (opens in a new tab) - iOS API surface map and drift watchpoints
macos/SKILL.md - macOS SDK (desktop default/custom UI, service controllers, host flows)
macos/references/macos-reference-map.md (opens in a new tab) - macOS API surface map and drift watchpoints
unreal/SKILL.md - Unreal Engine wrapper (C++/Blueprint wrapper behavior and SDK mapping)
unreal/references/unreal-reference-map.md (opens in a new tab) - Unreal wrapper reference map and version-lag notes
references/android.md (opens in a new tab) - Android pointer doc for fast routing from broad Meeting SDK queries
references/ios.md (opens in a new tab) - iOS pointer doc for fast routing from broad Meeting SDK queries
references/macos.md (opens in a new tab) - macOS pointer doc for fast routing from broad Meeting SDK queries
references/unreal.md (opens in a new tab) - Unreal pointer doc for fast routing from broad Meeting SDK queries
linux/SKILL.md - Linux SDK headless bot skill entrypoint
linux/linux.md (opens in a new tab) - Linux SDK (C++ headless bots, raw media access)
linux/references/linux-reference.md (opens in a new tab) - Linux dependencies, Docker, troubleshooting
react-native/SKILL.md - React Native SDK (iOS/Android wrapper, join/start flows, bridge setup)
react-native/SKILL.md - React Native complete navigation
electron/SKILL.md - Electron SDK (desktop wrapper, auth/join flows, module controllers, raw data)
electron/SKILL.md - Electron complete navigation
windows/SKILL.md - Windows SDK (C++ desktop applications, raw media access)
windows/references/windows-reference.md (opens in a new tab) - Windows dependencies, Visual Studio setup, troubleshooting
web/references/web.md (opens in a new tab) - Web SDK (Component + Client View)
web/references/web-tracking-id.md (opens in a new tab) - Tracking ID configuration

Features

references/authorization.md (opens in a new tab) - SDK JWT generation
references/bot-authentication.md (opens in a new tab) - ZAK vs OBF vs JWT tokens for bots
references/breakout-rooms.md (opens in a new tab) - Programmatic breakout room management
references/ai-companion.md (opens in a new tab) - AI Companion controls in meetings
references/webinars.md (opens in a new tab) - Webinar SDK features
references/forum-top-questions.md (opens in a new tab) - Common forum question patterns (what to cover)
references/triage-intake.md (opens in a new tab) - What to ask first (turn vague reports into answers)
references/signature-playbook.md (opens in a new tab) - Signature/root-cause playbook
references/multiple-meetings.md (opens in a new tab) - Joining multiple meetings / multiple instances
references/troubleshooting.md (opens in a new tab) - Common issues and solutions

Sample Repositories

Official (by Zoom)

Type	Repository	Stars
Linux Headless	meetingsdk-headless-linux-sample (opens in a new tab)	4
Linux Raw Data	meetingsdk-linux-raw-recording-sample (opens in a new tab)	0
Web	meetingsdk-web-sample (opens in a new tab)	643
Web NPM	meetingsdk-web (opens in a new tab)	324
React	meetingsdk-react-sample (opens in a new tab)	177
Auth	meetingsdk-auth-endpoint-sample (opens in a new tab)	124
Angular	meetingsdk-angular-sample (opens in a new tab)	60
Vue.js	meetingsdk-vuejs-sample (opens in a new tab)	42

Full list: See general/references/community-repos.md (opens in a new tab)

Resources

Official docs: https://developers.zoom.us/docs/meeting-sdk/ (opens in a new tab)
Developer forum: https://devforum.zoom.us/ (opens in a new tab)

Environment Variables

See references/environment-variables.md (opens in a new tab) for standardized .env keys and where to find each value.

About this skill

Trigger

Reference skill for Zoom Meeting SDK. Use after routing to a meeting-embed workflow when implementing real Zoom meeting joins, platform-specific SDK behavior, auth and join flows, waiting room issues, or meeting bot patterns.

The verbatim description from this skill’s front matter — the string an agent matches on to decide whether to load it.

Colophon for this issue

Colophon

How this issue was made

Source

github.com/anthropics/knowledge-work-plugins, branch main, last pushed 23 September 2026.

Licence

Apache-2.0 — the text of every skill is reproduced unmodified, frontmatter included, under the upstream licence.

Discovery

200 skills found by walking the repository tree for SKILL.md, not by matching a directory convention. 27 distinct layouts observed: bio-research/skills/*/SKILL.md, cowork-plugin-management/skills/*/SKILL.md, customer-support/skills/*/SKILL.md, data/skills/*/SKILL.md, design/skills/*/SKILL.md, engineering/skills/*/SKILL.md, enterprise-search/skills/*/SKILL.md, finance/skills/*/SKILL.md, human-resources/skills/*/SKILL.md, legal/skills/*/SKILL.md, marketing/skills/*/SKILL.md, operations/skills/*/SKILL.md, partner-built/apollo/skills/*/SKILL.md, partner-built/brand-voice/skills/*/SKILL.md, partner-built/common-room/skills/*/SKILL.md, partner-built/slack/skills/*/SKILL.md, partner-built/zoom-plugin/skills/*/SKILL.md, partner-built/zoom-plugin/skills/contact-center/*/SKILL.md, partner-built/zoom-plugin/skills/meeting-sdk/*/SKILL.md, partner-built/zoom-plugin/skills/meeting-sdk/web/*/SKILL.md, partner-built/zoom-plugin/skills/video-sdk/*/SKILL.md, partner-built/zoom-plugin/skills/virtual-agent/*/SKILL.md, partner-built/zoom-plugin/skills/zoom-mcp/*/SKILL.md, pdf-viewer/skills/*/SKILL.md, product-management/skills/*/SKILL.md, productivity/skills/*/SKILL.md, sales/skills/*/SKILL.md.

Issue colours

Resolved from the awesome-design-md registry — hue 39°, chroma 0.113. Two accent tones are generated per issue and each is proven against its own ground before it ships: a single accent that passes AA on both light and dark paper is arithmetically impossible.

Typefaces

Display: Copernicus is not available to us; set in Newsreader.

We never load a typeface at request time from a third-party origin, so a brand face we do not already self-host is substituted rather than fetched.

Heading repairs

2 repairs applied to this skill so the document has one h1 and no skipped levels:

Removed “/build-zoom-meeting-sdk-app”, a leading h1 that duplicated the skill title.
Shifted “19 headings” from h1 to h2 so the skill title is the only h1.

Spec compliance

53 editorial notes across 41 of 200 skills. They are printed in the margin of each skill rather than as errors here.

and 31 more.

Images

Images inside a skill come from the upstream repository. Where the author gave no alternative text we mark the image decorative rather than inventing a description — a plausible caption we made up is worse than none for the reader who depends on it.

Marketplace

A plugin manifest is published at .claude-plugin/marketplace.json by Anthropic, declaring 120 plugins. It is read for editorial metadata only — never as the skill index, which is always the repository tree.

Signal

Install counts come from skills.sh. They measure downloads, not quality, and an unranked repository is not an unread one.

Agent surfaces

The whole issue is available as one markdown document at /anthropics/knowledge-work-plugins.md, and each skill at its own .md URL.

Publication

Set by Skills Docs from the source repository. Body text is Literata at the reader’s chosen size and measure; code is Geist Mono. Nothing on this page was written by us except this paragraph.

Zoom Meeting SDK

Embed the full Zoom meeting experience into web, mobile, desktop, and headless integrations.

Hard Routing Guardrail (Read First)

If the user asks to embed/join meetings inside their app UI, route to Meeting SDK implementation.
Do not switch to REST-only meeting link flow unless the user explicitly asks for meeting resource management or browser join_url links.
Meeting SDK join path requires SDK signature + SDK join call; REST join_url is not a Meeting SDK join payload.

Prerequisites

Zoom app with Meeting SDK credentials
SDK Key and Secret from Marketplace
Platform-specific development environment (Web, Android, iOS, macOS, Unreal, Electron, Linux, or Windows)

Need help with OAuth or signatures? See the zoom-oauth skill for authentication flows.

Need pre-join diagnostics on web? Use probe-sdk before Meeting SDK init/join to gate low-readiness devices/networks.

Start troubleshooting fast: Use the 5-Minute Runbook (opens in a new tab) before deep debugging.

Quick Start (Web - Client View via CDN)

<script src="https://source.zoom.us/3.1.6/lib/vendor/react.min.js"></script>
<script src="https://source.zoom.us/3.1.6/lib/vendor/react-dom.min.js"></script>
<script src="https://source.zoom.us/3.1.6/lib/vendor/redux.min.js"></script>
<script src="https://source.zoom.us/3.1.6/lib/vendor/redux-thunk.min.js"></script>
<script src="https://source.zoom.us/3.1.6/lib/vendor/lodash.min.js"></script>
<script src="https://source.zoom.us/3.1.6/zoom-meeting-3.1.6.min.js"></script>

<script>
// CDN provides ZoomMtg (Client View - full page)
// For ZoomMtgEmbedded (Component View), use npm instead

ZoomMtg.preLoadWasm();
ZoomMtg.prepareWebSDK();

ZoomMtg.init({
  leaveUrl: window.location.href,
  patchJsMedia: true,
  disableCORP: !window.crossOriginIsolated,
  success: function() {
    ZoomMtg.join({
      sdkKey: 'YOUR_SDK_KEY',
      signature: 'YOUR_SIGNATURE',  // Generate server-side!
      meetingNumber: 'MEETING_NUMBER',
      userName: 'User Name',
      passWord: '',  // Note: camelCase with capital W
      success: function(res) { console.log('Joined'); },
      error: function(err) { console.error(err); }
    });
  },
  error: function(err) { console.error(err); }
});
</script>

Critical Notes (Web)

1. CDN vs npm - Different APIs!

Distribution	Global Object	View Type	API Style
CDN (`zoom-meeting-{ver}.min.js`)	`ZoomMtg`	Client View (full-page)	Callbacks
npm (`@zoom/meetingsdk`)	`ZoomMtgEmbedded`	Component View (embeddable)	Promises

2. Backend Required for Production

Never expose SDK Secret in client code. Generate signatures server-side:

// server.js (Node.js example)
const KJUR = require('jsrsasign');

app.post('/api/signature', (req, res) => {
  const { meetingNumber, role } = req.body;
  const iat = Math.floor(Date.now() / 1000) - 30;
  const exp = iat + 60 * 60 * 2;
  
  const header = { alg: 'HS256', typ: 'JWT' };
  const payload = {
    sdkKey: process.env.ZOOM_SDK_KEY,
    mn: String(meetingNumber).replace(/\D/g, ''),
    role: parseInt(role, 10),
    iat, exp, tokenExp: exp
  };
  
  const signature = KJUR.jws.JWS.sign('HS256',
    JSON.stringify(header),
    JSON.stringify(payload),
    process.env.ZOOM_SDK_SECRET
  );
  
  res.json({ signature, sdkKey: process.env.ZOOM_SDK_KEY });
});

3. CSS Conflicts - Avoid Global Resets

Global * { margin: 0; } breaks Zoom’s UI. Scope your styles:

/* BAD */
* { margin: 0; padding: 0; }

/* GOOD */
.your-app, .your-app * { box-sizing: border-box; }

If toolbar falls off screen, scale down the Zoom UI:

#zmmtg-root {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  /* Critical for SPAs (React/Next/etc): ensure Zoom UI isn't behind your app shell/overlays. */
  z-index: 9999 !important;
  transform: scale(0.95) !important;
  transform-origin: top center !important;
}

5. Hide Your App When Meeting Starts

Client View takes over full page. Hide your UI:

// In ZoomMtg.init success callback:
document.documentElement.classList.add('meeting-active');
document.body.classList.add('meeting-active');

body.meeting-active .your-app { display: none !important; }
body.meeting-active { background: #000 !important; }

UI Options (Web)

Meeting SDK provides Zoom’s UI with customization options:

View	Description
Component View	Extractable, customizable UI - embed meeting in a div
Client View	Full-page Zoom UI experience

Note: Unlike Video SDK where you build the UI from scratch, Meeting SDK uses Zoom’s UI as the base with customization on top.

Key Concepts

Concept	Description
SDK Key/Secret	Credentials from Marketplace
Signature	JWT signed with SDK Secret
Component View	Extractable, customizable UI (Web)
Client View	Full-page Zoom UI (Web)

Detailed References

Platform Guides

android/SKILL.md - Android SDK (default/custom UI, join/start/auth lifecycle, mobile integration)
android/references/android-reference-map.md (opens in a new tab) - Android API surface map and drift watchpoints
ios/SKILL.md - iOS SDK (default/custom UI, join/start/auth lifecycle, mobile integration)
ios/references/ios-reference-map.md (opens in a new tab) - iOS API surface map and drift watchpoints
macos/SKILL.md - macOS SDK (desktop default/custom UI, service controllers, host flows)
macos/references/macos-reference-map.md (opens in a new tab) - macOS API surface map and drift watchpoints
unreal/SKILL.md - Unreal Engine wrapper (C++/Blueprint wrapper behavior and SDK mapping)
unreal/references/unreal-reference-map.md (opens in a new tab) - Unreal wrapper reference map and version-lag notes
references/android.md (opens in a new tab) - Android pointer doc for fast routing from broad Meeting SDK queries
references/ios.md (opens in a new tab) - iOS pointer doc for fast routing from broad Meeting SDK queries
references/macos.md (opens in a new tab) - macOS pointer doc for fast routing from broad Meeting SDK queries
references/unreal.md (opens in a new tab) - Unreal pointer doc for fast routing from broad Meeting SDK queries
linux/SKILL.md - Linux SDK headless bot skill entrypoint
linux/linux.md (opens in a new tab) - Linux SDK (C++ headless bots, raw media access)
linux/references/linux-reference.md (opens in a new tab) - Linux dependencies, Docker, troubleshooting
react-native/SKILL.md - React Native SDK (iOS/Android wrapper, join/start flows, bridge setup)
react-native/SKILL.md - React Native complete navigation
electron/SKILL.md - Electron SDK (desktop wrapper, auth/join flows, module controllers, raw data)
electron/SKILL.md - Electron complete navigation
windows/SKILL.md - Windows SDK (C++ desktop applications, raw media access)
windows/references/windows-reference.md (opens in a new tab) - Windows dependencies, Visual Studio setup, troubleshooting
web/references/web.md (opens in a new tab) - Web SDK (Component + Client View)
web/references/web-tracking-id.md (opens in a new tab) - Tracking ID configuration

Features

references/authorization.md (opens in a new tab) - SDK JWT generation
references/bot-authentication.md (opens in a new tab) - ZAK vs OBF vs JWT tokens for bots
references/breakout-rooms.md (opens in a new tab) - Programmatic breakout room management
references/ai-companion.md (opens in a new tab) - AI Companion controls in meetings
references/webinars.md (opens in a new tab) - Webinar SDK features
references/forum-top-questions.md (opens in a new tab) - Common forum question patterns (what to cover)
references/triage-intake.md (opens in a new tab) - What to ask first (turn vague reports into answers)
references/signature-playbook.md (opens in a new tab) - Signature/root-cause playbook
references/multiple-meetings.md (opens in a new tab) - Joining multiple meetings / multiple instances
references/troubleshooting.md (opens in a new tab) - Common issues and solutions

Sample Repositories

Official (by Zoom)

Type	Repository	Stars
Linux Headless	meetingsdk-headless-linux-sample (opens in a new tab)	4
Linux Raw Data	meetingsdk-linux-raw-recording-sample (opens in a new tab)	0
Web	meetingsdk-web-sample (opens in a new tab)	643
Web NPM	meetingsdk-web (opens in a new tab)	324
React	meetingsdk-react-sample (opens in a new tab)	177
Auth	meetingsdk-auth-endpoint-sample (opens in a new tab)	124
Angular	meetingsdk-angular-sample (opens in a new tab)	60
Vue.js	meetingsdk-vuejs-sample (opens in a new tab)	42

Full list: See general/references/community-repos.md (opens in a new tab)

Resources

Official docs: https://developers.zoom.us/docs/meeting-sdk/ (opens in a new tab)
Developer forum: https://devforum.zoom.us/ (opens in a new tab)

Environment Variables

See references/environment-variables.md (opens in a new tab) for standardized .env keys and where to find each value.

About this skill

Trigger

Colophon

Appendix 121.1–121.16

ReferencesMarkdown · 15 files

Also bundledMarkdown · 1 file

About this skill

Trigger

Colophon

Appendix 121.1–121.16

ReferencesMarkdown · 15 files

Also bundledMarkdown · 1 file