/build-zoom-meeting-sdk-app

Zoom Meeting SDK

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 [blocked] 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!

2. Backend Required for Production

// 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

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

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

4. Client View Toolbar Cropping Fix

#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

// 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)

Key Concepts

Detailed References

Platform Guides

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

Features

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

Sample Repositories

Official (by Zoom)

Resources

• Official docs: https://developers.zoom.us/docs/meeting-sdk/
• Developer forum: https://devforum.zoom.us/

Environment Variables

• See references/environment-variables.md [blocked] for standardized .env keys and where to find each value.