[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-openai-zoom-video-sdk-web":3,"mdc--enmpom-key":36,"related-org-openai-zoom-video-sdk-web":9725,"related-repo-openai-zoom-video-sdk-web":9932},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":25,"repoUrl":26,"updatedAt":27,"license":28,"forks":29,"topics":30,"repo":31,"sourceUrl":34,"mdContent":35},"zoom-video-sdk-web","integrate Zoom Video SDK for Web","Zoom Video SDK for Web - JavaScript\u002FTypeScript integration for browser-based video sessions, real-time communication, screen sharing, recording, and live transcription",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"openai","OpenAI","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fopenai.png",[12,16,19,22],{"name":13,"slug":14,"type":15},"TypeScript","typescript","tag",{"name":17,"slug":18,"type":15},"JavaScript","javascript",{"name":20,"slug":21,"type":15},"Zoom","zoom",{"name":23,"slug":24,"type":15},"Communications","communications",3992,"https:\u002F\u002Fgithub.com\u002Fopenai\u002Fplugins","2026-06-30T19:00:57.102",null,465,[],{"repoUrl":26,"stars":25,"forks":29,"topics":32,"description":33},[],"OpenAI Plugins","https:\u002F\u002Fgithub.com\u002Fopenai\u002Fplugins\u002Ftree\u002FHEAD\u002Fplugins\u002Fzoom\u002Fskills\u002Fvideo-sdk\u002Fweb","---\nname: zoom-video-sdk-web\ndescription: \"Zoom Video SDK for Web - JavaScript\u002FTypeScript integration for browser-based video sessions, real-time communication, screen sharing, recording, and live transcription\"\n---\n\n# Zoom Video SDK - Web Development\n\nExpert guidance for developing with the Zoom Video SDK on Web. This SDK enables custom video applications in the browser with real-time video\u002Faudio, screen sharing, cloud recording, live streaming, chat, and live transcription.\n\nThis skill is for **custom video sessions**, not embedded Zoom meetings.\nIf the user wants a custom UI for a real Zoom meeting, route to\n[..\u002F..\u002Fmeeting-sdk\u002Fweb\u002Fcomponent-view\u002FSKILL.md](..\u002F..\u002Fmeeting-sdk\u002Fweb\u002Fcomponent-view\u002FSKILL.md).\n\n**Official Documentation**: https:\u002F\u002Fdevelopers.zoom.us\u002Fdocs\u002Fvideo-sdk\u002Fweb\u002F\n**API Reference**: https:\u002F\u002Fmarketplacefront.zoom.us\u002Fsdk\u002Fcustom\u002Fweb\u002Fmodules.html\n**Sample Repository**: https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-web-sample\n\n## Quick Links\n\n**New to Video SDK? Follow this path:**\n\n1. **[SDK Architecture Pattern](concepts\u002Fsdk-architecture-pattern.md)** - Universal 3-step pattern for ANY feature\n2. **[Session Join Pattern](examples\u002Fsession-join-pattern.md)** - Complete working code to join a session\n3. **[Video Rendering](examples\u002Fvideo-rendering.md)** - Display video with attachVideo()\n4. **[Event Handling](examples\u002Fevent-handling.md)** - Required events for video\u002Faudio\n\n**Reference:**\n- **[Singleton Hierarchy](concepts\u002Fsingleton-hierarchy.md)** - 4-level SDK navigation map\n- **[API Reference](references\u002Fweb-reference.md)** - Methods, events, error codes\n- **[SKILL.md](SKILL.md)** - Complete documentation navigation\n- **[..\u002F..\u002Fprobe-sdk\u002FSKILL.md](..\u002F..\u002Fprobe-sdk\u002FSKILL.md)** - Optional browser\u002Fdevice\u002Fnetwork readiness diagnostics before join\n\n**Having issues?**\n- Video not showing → [Video Rendering](examples\u002Fvideo-rendering.md) (use attachVideo, not renderVideo)\n- getMediaStream() returns undefined → Call AFTER join() completes\n- Quick diagnostics → [Common Issues](troubleshooting\u002Fcommon-issues.md)\n\n## SDK Overview\n\nThe Zoom Video SDK for Web is a JavaScript library that provides:\n- **Session Management**: Join\u002Fleave video SDK sessions\n- **Video\u002FAudio**: Start\u002Fstop camera and microphone\n- **Screen Sharing**: Share screens or browser tabs\n- **Cloud Recording**: Record sessions to Zoom cloud\n- **Live Streaming**: Stream to RTMP endpoints\n- **Chat**: In-session messaging\n- **Command Channel**: Custom command messaging\n- **Live Transcription**: Real-time speech-to-text\n- **Subsessions**: Breakout room support\n- **Whiteboard**: Collaborative whiteboard features\n- **Virtual Background**: Blur or custom image backgrounds\n\n## Prerequisites\n\n### System Requirements\n\n- **Modern Browser**: Chrome 80+, Firefox 75+, Safari 14+, Edge 80+\n- **Video SDK Credentials**: SDK Key and Secret from [Marketplace](https:\u002F\u002Fmarketplace.zoom.us\u002F)\n- **JWT Token**: Server-side generated signature\n\n### Browser Feature Requirements\n\n```javascript\n\u002F\u002F Check browser compatibility before init\nconst compatibility = ZoomVideo.checkSystemRequirements();\nconsole.log('Audio:', compatibility.audio);\nconsole.log('Video:', compatibility.video);\nconsole.log('Screen:', compatibility.screen);\n\n\u002F\u002F Check feature support\nconst features = ZoomVideo.checkFeatureRequirements();\nconsole.log('Supported:', features.supportFeatures);\nconsole.log('Unsupported:', features.unSupportFeatures);\n```\n\n### Optional Pre-Join Diagnostics (Recommended for Reliability)\n\nUse Probe SDK as a readiness gate before `client.join(...)` when you need to reduce failed starts:\n\n1. Run diagnostics with [..\u002F..\u002Fprobe-sdk\u002FSKILL.md](..\u002F..\u002Fprobe-sdk\u002FSKILL.md).\n2. Evaluate policy (`allow`, `warn`, `block`).\n3. Start Video SDK join only when policy allows.\n\nCross-skill flow: [..\u002F..\u002Fgeneral\u002Fuse-cases\u002Fprobe-sdk-preflight-readiness-gate.md](..\u002F..\u002Fgeneral\u002Fuse-cases\u002Fprobe-sdk-preflight-readiness-gate.md)\n\n## Installation\n\n### NPM (Recommended)\n\n```bash\nnpm install @zoom\u002Fvideosdk\n```\n\n```javascript\nimport ZoomVideo from '@zoom\u002Fvideosdk';\n```\n\n### CDN (Fallback Strategy Recommended)\n\n> **Note**: Some networks\u002Fad blockers can block `source.zoom.us`. If you see flaky loads, first try allowlisting the domain in your environment. If needed, consider a fallback (mirror\u002Fself-host) only if it's permitted for your use case and you can keep versions in sync.\n\n```bash\n# Download SDK locally\ncurl \"https:\u002F\u002Fsource.zoom.us\u002Fvideosdk\u002Fzoom-video-2.3.12.min.js\" -o public\u002Fjs\u002Fzoom-video-sdk.min.js\n```\n\n```html\n\u003C!-- Use local copy instead of CDN -->\n\u003Cscript src=\"js\u002Fzoom-video-sdk.min.js\">\u003C\u002Fscript>\n```\n\n```javascript\n\u002F\u002F CDN exports as WebVideoSDK, NOT ZoomVideo\nconst ZoomVideo = WebVideoSDK.default;\n```\n\n## Quick Start\n\n```javascript\nimport ZoomVideo from '@zoom\u002Fvideosdk';\n\n\u002F\u002F 1. Create client (singleton - returns same instance)\nconst client = ZoomVideo.createClient();\n\n\u002F\u002F 2. Initialize SDK\nawait client.init('en-US', 'Global', { patchJsMedia: true });\n\n\u002F\u002F 3. Join session\nawait client.join(topic, signature, userName, password);\n\n\u002F\u002F 4. CRITICAL: Get stream AFTER join\nconst stream = client.getMediaStream();\n\n\u002F\u002F 5. Start media\nawait stream.startVideo();\nawait stream.startAudio();\n\n\u002F\u002F 6. Attach video to DOM\nconst videoElement = await stream.attachVideo(userId, VideoQuality.Video_360P);\ndocument.getElementById('video-container').appendChild(videoElement);\n```\n\n## SDK Lifecycle (CRITICAL ORDER)\n\nThe SDK has a strict lifecycle. Violating it causes **silent failures**.\n\n```\n1. Create client:     client = ZoomVideo.createClient()\n2. Initialize:        await client.init('en-US', 'Global', options)\n3. Join session:      await client.join(topic, signature, userName, password)\n4. Get stream:        stream = client.getMediaStream()  ← ONLY AFTER JOIN\n5. Start media:       await stream.startVideo() \u002F await stream.startAudio()\n```\n\n**Common Mistake:**\n\n```javascript\n\u002F\u002F WRONG: Getting stream before joining\nconst stream = client.getMediaStream();  \u002F\u002F Returns undefined!\nawait client.join(...);\n\n\u002F\u002F CORRECT: Get stream after joining\nawait client.join(...);\nconst stream = client.getMediaStream();  \u002F\u002F Works!\n```\n\n## Critical Gotchas and Best Practices\n\n### getMediaStream() ONLY Works After join()\n\nThe #1 issue that causes video\u002Faudio to fail:\n\n```javascript\n\u002F\u002F WRONG\nconst stream = client.getMediaStream();  \u002F\u002F undefined!\nawait client.join(...);\n\n\u002F\u002F CORRECT\nawait client.join(...);\nconst stream = client.getMediaStream();  \u002F\u002F Works\n```\n\n### Use attachVideo() NOT renderVideo()\n\n`renderVideo()` is **deprecated**. Use `attachVideo()` which returns a VideoPlayer element:\n\n```javascript\nimport { VideoQuality } from '@zoom\u002Fvideosdk';\n\n\u002F\u002F CORRECT: attachVideo returns element to append\nconst videoElement = await stream.attachVideo(userId, VideoQuality.Video_360P);\ndocument.getElementById('video-container').appendChild(videoElement);\n\n\u002F\u002F WRONG: renderVideo is deprecated\nawait stream.renderVideo(canvas, userId, ...);  \u002F\u002F Don't use!\n```\n\n### Video Rendering is Event-Driven (CRITICAL)\n\nYou MUST listen for events to properly render participant videos:\n\n```javascript\n\u002F\u002F When another participant's video state changes\nclient.on('peer-video-state-change', async (payload) => {\n  const { action, userId } = payload;\n\n  if (action === 'Start') {\n    \u002F\u002F Participant turned on video - attach it\n    const element = await stream.attachVideo(userId, VideoQuality.Video_360P);\n    container.appendChild(element);\n  } else if (action === 'Stop') {\n    \u002F\u002F Participant turned off video - detach it\n    await stream.detachVideo(userId);\n  }\n});\n\n\u002F\u002F When participants join\u002Fleave\nclient.on('user-added', (payload) => {\n  \u002F\u002F New participant joined - check if their video is on\n  const users = client.getAllUser();\n  \u002F\u002F Render videos for users with bVideoOn === true\n});\n\nclient.on('user-removed', (payload) => {\n  \u002F\u002F Participant left - clean up their video element\n  stream.detachVideo(payload[0].userId);\n});\n```\n\n### Peer Video on Mid-Session Join\n\n**Existing participants' videos won't auto-render when you join mid-session.**\n\n```javascript\n\u002F\u002F After joining, render existing participants' videos\nconst renderExistingVideos = async () => {\n  await new Promise(resolve => setTimeout(resolve, 500));\n\n  const users = client.getAllUser();\n  const currentUserId = client.getCurrentUserInfo().userId;\n\n  for (const user of users) {\n    if (user.bVideoOn && user.userId !== currentUserId) {\n      const element = await stream.attachVideo(user.userId, VideoQuality.Video_360P);\n      document.getElementById(`video-${user.userId}`).appendChild(element);\n    }\n  }\n};\n```\n\n### CDN Race Condition with ES Modules\n\nWhen using `\u003Cscript type=\"module\">` with CDN, the SDK may not be loaded yet:\n\n```javascript\nfunction waitForSDK(timeout = 10000) {\n  return new Promise((resolve, reject) => {\n    if (typeof WebVideoSDK !== 'undefined') {\n      resolve();\n      return;\n    }\n    const start = Date.now();\n    const check = setInterval(() => {\n      if (typeof WebVideoSDK !== 'undefined') {\n        clearInterval(check);\n        resolve();\n      } else if (Date.now() - start > timeout) {\n        clearInterval(check);\n        reject(new Error('SDK failed to load'));\n      }\n    }, 100);\n  });\n}\n\nawait waitForSDK();\nconst ZoomVideo = WebVideoSDK.default;\n```\n\n### SharedArrayBuffer for HD Video\n\nFor optimal performance and HD video, configure these headers on your server:\n\n```\nCross-Origin-Opener-Policy: same-origin\nCross-Origin-Embedder-Policy: require-corp\n```\n\n**Note:** As of v1.11.2, SharedArrayBuffer is elective (not strictly required).\n\n### Check HD Capability Before Enabling\n\n```javascript\nconst stream = client.getMediaStream();\n\n\u002F\u002F Check if 720p is supported\nconst hdSupported = stream.isSupportHDVideo();\n\n\u002F\u002F Get maximum video quality\nconst maxQuality = stream.getVideoMaxQuality();\n\u002F\u002F 0=90P, 1=180P, 2=360P, 3=720P, 4=1080P\n\n\u002F\u002F Start video with HD\nif (hdSupported) {\n  await stream.startVideo({ hd: true });\n}\n```\n\n### Screen Share Rendering Mode Check\n\n```javascript\nconst stream = client.getMediaStream();\n\n\u002F\u002F Check which element type to use\nif (stream.isStartShareScreenWithVideoElement()) {\n  \u002F\u002F Use video element\n  const video = document.getElementById('share-video');\n  await stream.startShareScreen(video as unknown as HTMLCanvasElement);\n} else {\n  \u002F\u002F Use canvas element\n  const canvas = document.getElementById('share-canvas');\n  await stream.startShareScreen(canvas);\n}\n```\n\n## Key Features\n\n### Video Quality Enum\n\n```javascript\nimport { VideoQuality } from '@zoom\u002Fvideosdk';\n\nVideoQuality.Video_90P   \u002F\u002F 0\nVideoQuality.Video_180P  \u002F\u002F 1\nVideoQuality.Video_360P  \u002F\u002F 2 (recommended for most cases)\nVideoQuality.Video_720P  \u002F\u002F 3\nVideoQuality.Video_1080P \u002F\u002F 4\n```\n\n### Virtual Backgrounds\n\n```javascript\nconst stream = client.getMediaStream();\n\n\u002F\u002F Always check support first\nif (stream.isSupportVirtualBackground()) {\n  \u002F\u002F Blur background\n  await stream.updateVirtualBackgroundImage('blur');\n\n  \u002F\u002F Custom image background\n  await stream.updateVirtualBackgroundImage('https:\u002F\u002Fexample.com\u002Fbg.jpg');\n\n  \u002F\u002F Remove virtual background\n  await stream.updateVirtualBackgroundImage(undefined);\n}\n```\n\n### Video Processor (Custom Effects)\n\nThe `VideoProcessor` class allows you to intercept and modify video frames:\n\n```javascript\n\u002F\u002F video-processor-worker.js\nclass MyVideoProcessor extends VideoProcessor {\n  processFrame(input, output) {\n    const ctx = output.getContext('2d');\n    ctx.drawImage(input, 0, 0);\n\n    \u002F\u002F Add overlay\n    ctx.fillStyle = 'white';\n    ctx.font = '24px Arial';\n    ctx.fillText('Live', 20, 40);\n\n    return true;\n  }\n}\n```\n\n### WebRTC Mode\n\nEnable WebRTC mode for direct peer-to-peer streaming with HD video support:\n\n```javascript\nawait client.init('en-US', 'Global', {\n  patchJsMedia: true,\n  webrtc: true  \u002F\u002F Enable WebRTC mode\n});\n```\n\n## Feature Clients\n\nAccess specialized clients from the VideoClient:\n\n| Client | Access Method | Purpose |\n|--------|---------------|---------|\n| **Stream** | `client.getMediaStream()` | Video, audio, screen share, devices |\n| **Chat** | `client.getChatClient()` | Send\u002Freceive messages |\n| **Command** | `client.getCommandClient()` | Custom commands (reactions, etc.) |\n| **Recording** | `client.getRecordingClient()` | Cloud recording control |\n| **Transcription** | `client.getLiveTranscriptionClient()` | Live captions |\n| **LiveStream** | `client.getLiveStreamClient()` | RTMP streaming |\n| **Subsession** | `client.getSubsessionClient()` | Breakout rooms |\n| **Whiteboard** | `client.getWhiteboardClient()` | Collaborative whiteboard |\n\n## Common Tasks\n\n### Start\u002FStop Video\n\n```javascript\nawait stream.startVideo();\nawait stream.stopVideo();\n```\n\n### Start\u002FStop Audio\n\n```javascript\nawait stream.startAudio();\nawait stream.muteAudio();\nawait stream.unmuteAudio();\nawait stream.stopAudio();\n```\n\n### Switch Devices\n\n```javascript\n\u002F\u002F Get available devices\nconst cameras = stream.getCameraList();\nconst mics = stream.getMicList();\nconst speakers = stream.getSpeakerList();\n\n\u002F\u002F Switch devices\nawait stream.switchCamera(cameraId);\nawait stream.switchMicrophone(micId);\nawait stream.switchSpeaker(speakerId);\n```\n\n### Screen Sharing\n\n```javascript\n\u002F\u002F Start sharing\nawait stream.startShareScreen(canvas);\n\n\u002F\u002F Stop sharing\nawait stream.stopShareScreen();\n\n\u002F\u002F Receive share\nclient.on('active-share-change', async (payload) => {\n  if (payload.state === 'Active') {\n    await stream.startShareView(canvas, payload.userId);\n  } else {\n    await stream.stopShareView();\n  }\n});\n```\n\n### Chat\n\n```javascript\nconst chatClient = client.getChatClient();\n\n\u002F\u002F Send to everyone\nawait chatClient.send('Hello, everyone!');\n\n\u002F\u002F Send to specific user\nawait chatClient.sendToUser(userId, 'Private message');\n\n\u002F\u002F Receive messages\nclient.on('chat-on-message', (payload) => {\n  console.log(`${payload.sender.name}: ${payload.message}`);\n});\n```\n\n### Recording (Host Only)\n\n```javascript\nconst recordingClient = client.getRecordingClient();\n\nawait recordingClient.startCloudRecording();\nawait recordingClient.stopCloudRecording();\n\nclient.on('recording-change', (payload) => {\n  console.log('Recording status:', payload.state);\n});\n```\n\n### Leave\u002FEnd Session\n\n```javascript\n\u002F\u002F Leave session (others stay)\nawait client.leave();\n\n\u002F\u002F End session for ALL participants (host only)\nawait client.leave(true);\n```\n\n## Error Handling\n\n### Common Join Errors\n\n| Error | Cause | Solution |\n|-------|-------|----------|\n| `Invalid signature` | JWT expired or malformed | Generate new signature |\n| `Session does not exist` | Host hasn't started yet | Show \"waiting\" message, retry |\n| `Permission denied` | User denied camera\u002Fmic | Request permission again |\n\n### Example Error Handler\n\n```javascript\ntry {\n  await client.join(topic, signature, userName, password);\n} catch (error) {\n  if (error.reason?.includes('signature')) {\n    \u002F\u002F Regenerate signature and retry\n  } else if (error.reason?.includes('Session')) {\n    \u002F\u002F Show \"Waiting for host...\" and poll\n  } else if (error.reason?.includes('Permission')) {\n    \u002F\u002F Guide user to enable permissions\n  }\n  console.error('Join failed:', error);\n}\n```\n\n## Browser Compatibility\n\n| Feature | Chrome | Firefox | Safari | Edge |\n|---------|--------|---------|--------|------|\n| Video | 80+ | 75+ | 14+ | 80+ |\n| Audio | 80+ | 75+ | 14+ | 80+ |\n| Screen Share | 80+ | 75+ | 15+ | 80+ |\n| Virtual BG | 80+ | 90+ | - | 80+ |\n\n**Safari Notes:**\n- Virtual background not supported\n- Screen sharing requires macOS 15+\n\n## CORS Errors (Telemetry)\n\n**CORS errors to `log-external-gateway.zoom.us` are harmless.**\n\nThese are caused by COOP\u002FCOEP headers blocking telemetry requests. They don't affect SDK functionality.\n\n## Complete Documentation Library\n\n### Core Concepts\n- **[SDK Architecture Pattern](concepts\u002Fsdk-architecture-pattern.md)** - Universal 3-step pattern for ANY feature\n- **[Singleton Hierarchy](concepts\u002Fsingleton-hierarchy.md)** - 4-level navigation guide\n\n### Complete Examples\n- **[Session Join Pattern](examples\u002Fsession-join-pattern.md)** - JWT auth + session join with full code\n- **[Video Rendering](examples\u002Fvideo-rendering.md)** - attachVideo() patterns\n- **[Screen Share](examples\u002Fscreen-share.md)** - Send and receive screen shares\n- **[Event Handling](examples\u002Fevent-handling.md)** - Required events\n- **[Chat](examples\u002Fchat.md)** - In-session messaging\n- **[Recording](examples\u002Frecording.md)** - Cloud recording control\n- **[Transcription](examples\u002Ftranscription.md)** - Live captions\n\n### Framework Integrations\n- **[React Hooks](examples\u002Freact-hooks.md)** - Official @zoom\u002Fvideosdk-react library\n- **[Framework Integrations](examples\u002Fframework-integrations.md)** - Next.js, Vue\u002FNuxt patterns\n\n### Troubleshooting\n- **[Common Issues](troubleshooting\u002Fcommon-issues.md)** - Quick diagnostics & error codes\n\n### References\n- **[API Reference](references\u002Fweb-reference.md)** - Complete method signatures\n- **[Events Reference](references\u002Fevents-reference.md)** - All event types\n- **[SKILL.md](SKILL.md)** - Complete navigation guide\n\n## Official Sample Repositories\n\n| Type | Repository |\n|------|------------|\n| Web Sample | [videosdk-web-sample](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-web-sample) |\n| React SDK | [videosdk-react](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-react) |\n| Next.js | [videosdk-nextjs-quickstart](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-nextjs-quickstart) |\n| Vue\u002FNuxt | [videosdk-vue-nuxt-quickstart](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-vue-nuxt-quickstart) |\n| Auth Endpoint | [videosdk-auth-endpoint-sample](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-auth-endpoint-sample) |\n| UI Toolkit | [videosdk-zoom-ui-toolkit-react-sample](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-zoom-ui-toolkit-react-sample) |\n\n## Resources\n\n- **Official Docs**: https:\u002F\u002Fdevelopers.zoom.us\u002Fdocs\u002Fvideo-sdk\u002Fweb\u002F\n- **API Reference**: https:\u002F\u002Fmarketplacefront.zoom.us\u002Fsdk\u002Fcustom\u002Fweb\u002Fmodules.html\n- **Dev Forum**: https:\u002F\u002Fdevforum.zoom.us\u002F\n- **GitHub Samples**: https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-web-sample\n\n---\n\n**Need help?** Start with [SKILL.md](SKILL.md) for complete navigation.\n\n\n## Merged from video-sdk\u002Fweb\u002FSKILL.md\n\n# Zoom Video SDK Web - Complete Documentation Index\n\n## Quick Start Path\n\n**If you're new to the SDK, follow this order:**\n\n1. **Read the architecture pattern** → [concepts\u002Fsdk-architecture-pattern.md](concepts\u002Fsdk-architecture-pattern.md)\n   - Universal formula: Create Client → Init → Join → Get Stream → Use\n   - Once you understand this, you can implement any feature\n\n2. **Implement session join** → [examples\u002Fsession-join-pattern.md](examples\u002Fsession-join-pattern.md)\n   - Complete working JWT + session join code\n\n3. **Listen to events** → [examples\u002Fevent-handling.md](examples\u002Fevent-handling.md)\n   - **CRITICAL**: The SDK is event-driven, you must listen for events\n\n4. **Implement video** → [examples\u002Fvideo-rendering.md](examples\u002Fvideo-rendering.md)\n   - Use attachVideo(), NOT renderVideo()\n\n5. **Troubleshoot any issues** → [troubleshooting\u002Fcommon-issues.md](troubleshooting\u002Fcommon-issues.md)\n   - Quick diagnostic checklist\n   - Error code tables\n\n---\n\n## Documentation Structure\n\n```\nvideo-sdk\u002Fweb\u002F\n├── SKILL.md                           # Main skill overview\n├── SKILL.md                           # This file - navigation guide\n│\n├── concepts\u002F                          # Core architectural patterns\n│   ├── sdk-architecture-pattern.md   # Universal formula for ANY feature\n│   └── singleton-hierarchy.md        # 4-level navigation guide\n│\n├── examples\u002F                          # Complete working code\n│   ├── session-join-pattern.md       # JWT auth + session join\n│   ├── video-rendering.md            # attachVideo() patterns\n│   ├── screen-share.md               # Send and receive screen shares\n│   ├── event-handling.md             # Required events\n│   ├── chat.md                       # Chat implementation\n│   ├── command-channel.md            # Command channel messaging\n│   ├── recording.md                  # Cloud recording control\n│   ├── transcription.md              # Live transcription\u002Fcaptions\n│   ├── react-hooks.md                # Official @zoom\u002Fvideosdk-react library\n│   └── framework-integrations.md     # Next.js, Vue\u002FNuxt, ZFG patterns\n│\n├── troubleshooting\u002F                   # Problem solving guides\n│   └── common-issues.md              # Quick diagnostic workflow\n│\n└── references\u002F                        # Reference documentation\n    ├── web-reference.md              # API hierarchy, methods, error codes\n    └── events-reference.md           # All event types\n```\n\n---\n\n## By Use Case\n\n### I want to build a video app\n1. [SDK Architecture Pattern](concepts\u002Fsdk-architecture-pattern.md) - Understand the pattern\n2. [Session Join Pattern](examples\u002Fsession-join-pattern.md) - Join sessions\n3. [Video Rendering](examples\u002Fvideo-rendering.md) - Display video\n4. [Event Handling](examples\u002Fevent-handling.md) - Listen for video events\n\n### I'm getting runtime errors\n1. [Common Issues](troubleshooting\u002Fcommon-issues.md) - Error code tables\n2. \"getMediaStream() is undefined\" → Call AFTER join() completes\n\n### I want to receive screen shares\n1. [Screen Share](examples\u002Fscreen-share.md) - startShareView() patterns\n2. [Event Handling](examples\u002Fevent-handling.md) - active-share-change event\n\n### I want to send screen shares\n1. [Screen Share](examples\u002Fscreen-share.md) - startShareScreen() patterns\n2. Check isStartShareScreenWithVideoElement() for element type\n\n### I want to use chat\n1. [Chat](examples\u002Fchat.md) - Send\u002Freceive messages\n2. getChatClient() for ChatClient access\n\n### I want to record sessions\n1. [Recording](examples\u002Frecording.md) - Cloud recording (host only)\n2. getRecordingClient() for RecordingClient access\n\n### I want to use live transcription\n1. [Transcription](examples\u002Ftranscription.md) - Enable live captions\n2. getLiveTranscriptionClient() for LiveTranscriptionClient access\n\n### I want to use command channel\n1. [Command Channel](examples\u002Fcommand-channel.md) - Custom signaling between participants\n2. Must call getCommandClient() AFTER join()\n\n### I want to implement a specific feature\n1. [SDK Architecture Pattern](concepts\u002Fsdk-architecture-pattern.md) - **START HERE!**\n2. [Singleton Hierarchy](concepts\u002Fsingleton-hierarchy.md) - Navigate to the feature\n3. [API Reference](references\u002Fweb-reference.md) - Method signatures\n\n### I'm using React\n1. [React Hooks](examples\u002Freact-hooks.md) - Official @zoom\u002Fvideosdk-react library\n2. Provides hooks: useSession, useSessionUsers, useVideoState, useAudioState\n3. Pre-built components: VideoPlayerComponent, ScreenSharePlayerComponent\n\n### I'm using Next.js or Vue\u002FNuxt\n1. [Framework Integrations](examples\u002Fframework-integrations.md) - SSR considerations\n2. Server-side JWT generation patterns\n3. Client-side only SDK usage\n\n---\n\n## Most Critical Documents\n\n### 1. SDK Architecture Pattern (MASTER DOCUMENT)\n**[concepts\u002Fsdk-architecture-pattern.md](concepts\u002Fsdk-architecture-pattern.md)**\n\nThe universal 5-step pattern:\n1. Create client\n2. Initialize SDK\n3. Join session\n4. Get stream\n5. Use features + listen to events\n\n### 2. Common Issues (MOST COMMON PROBLEMS)\n**[troubleshooting\u002Fcommon-issues.md](troubleshooting\u002Fcommon-issues.md)**\n\nCommon issues:\n- getMediaStream() returns undefined\n- Video not displaying\n- renderVideo() deprecated\n\n### 3. Singleton Hierarchy (NAVIGATION MAP)\n**[concepts\u002Fsingleton-hierarchy.md](concepts\u002Fsingleton-hierarchy.md)**\n\n4-level deep navigation showing how to reach every feature.\n\n---\n\n## Key Learnings\n\n### Critical Discoveries:\n\n1. **getMediaStream() ONLY works after join()**\n   - The stream object is not available until session is joined\n   - See: [SDK Architecture Pattern](concepts\u002Fsdk-architecture-pattern.md)\n\n2. **Use attachVideo() NOT renderVideo()**\n   - renderVideo() is deprecated\n   - attachVideo() returns a VideoPlayer element to append to DOM\n   - See: [Video Rendering](examples\u002Fvideo-rendering.md)\n\n3. **The SDK is Event-Driven**\n   - You MUST listen for events to render participant videos\n   - key events: peer-video-state-change, user-added, user-removed\n   - See: [Event Handling](examples\u002Fevent-handling.md)\n\n4. **Peer Videos on Mid-Session Join**\n   - Existing participants' videos won't auto-render\n   - Must manually iterate getAllUser() and attachVideo()\n   - See: [Video Rendering](examples\u002Fvideo-rendering.md)\n\n5. **CDN vs NPM**\n   - CDN exports as `WebVideoSDK.default`, not `ZoomVideo`\n   - Some networks\u002Fad blockers may block `source.zoom.us` - allowlist or use a permitted fallback strategy\n   - See: [Session Join Pattern](examples\u002Fsession-join-pattern.md)\n\n6. **SharedArrayBuffer for HD**\n   - Required for 720p\u002F1080p video\n   - Need COOP\u002FCOEP headers on server\n   - Check with `stream.isSupportHDVideo()`\n\n7. **Screen Share Element Type**\n   - Check `isStartShareScreenWithVideoElement()` for correct element type\n   - See: [Screen Share](examples\u002Fscreen-share.md)\n\n8. **Command Channel Setup Order**\n   - Must call getCommandClient() AFTER client.join()\n   - Register listeners AFTER join, not before\n   - Web uses getCommandClient() not getCmdChannel()\n   - See: [Command Channel](examples\u002Fcommand-channel.md)\n\n9. **Command Channel is Session-Scoped**\n   - Does NOT span across different sessions\n   - Both sender and receiver must be in the same session\n\n---\n\n## Quick Reference\n\n### \"getMediaStream() returns undefined\"\n→ Call AFTER join() completes\n\n### \"Video not showing\"\n→ [Video Rendering](examples\u002Fvideo-rendering.md) - Use attachVideo(), check events\n\n### \"renderVideo() doesn't work\"\n→ [Video Rendering](examples\u002Fvideo-rendering.md) - Use attachVideo() instead\n\n### \"How do I implement [feature]?\"\n→ [SDK Architecture Pattern](concepts\u002Fsdk-architecture-pattern.md)\n\n### \"How do I navigate to [client]?\"\n→ [Singleton Hierarchy](concepts\u002Fsingleton-hierarchy.md)\n\n### \"What error code means what?\"\n→ [Common Issues](troubleshooting\u002Fcommon-issues.md)\n\n---\n\n## Document Version\n\nBased on **Zoom Video SDK for Web v2.3.x**\n\n---\n\n**Happy coding!**\n\nRemember: The [SDK Architecture Pattern](concepts\u002Fsdk-architecture-pattern.md) is your key to unlocking the entire SDK. Read it first!\n\n## Operations\n\n- [RUNBOOK.md](RUNBOOK.md) - 5-minute preflight and debugging checklist.\n",{"data":37,"body":38},{"name":4,"description":6},{"type":39,"children":40},"root",[41,50,56,77,118,125,133,194,202,259,267,297,303,308,421,427,434,474,480,885,891,904,950,960,966,972,1000,1044,1050,1072,1120,1187,1235,1241,1779,1785,1796,1806,1814,1996,2002,2008,2013,2193,2199,2225,2464,2470,2475,3165,3171,3179,3656,3662,3675,4254,4260,4265,4274,4284,4290,4536,4542,4866,4872,4878,5037,5043,5297,5303,5316,5681,5687,5692,5815,5821,5826,6057,6063,6069,6131,6137,6255,6261,6489,6494,6821,6826,7165,7171,7413,7419,7513,7519,7525,7618,7624,8001,8007,8145,8153,8166,8172,8188,8193,8199,8205,8231,8237,8328,8334,8364,8370,8385,8391,8432,8438,8567,8573,8632,8636,8652,8658,8664,8670,8678,8802,8805,8811,8820,8823,8829,8835,8874,8880,8897,8903,8924,8930,8947,8953,8970,8976,8993,8999,9016,9022,9040,9046,9081,9087,9108,9114,9136,9139,9145,9151,9161,9166,9194,9200,9210,9215,9233,9239,9249,9254,9257,9263,9269,9552,9555,9561,9567,9572,9578,9589,9595,9605,9618,9626,9637,9645,9651,9659,9662,9668,9678,9681,9689,9700,9706,9719],{"type":42,"tag":43,"props":44,"children":46},"element","h1",{"id":45},"zoom-video-sdk-web-development",[47],{"type":48,"value":49},"text","Zoom Video SDK - Web Development",{"type":42,"tag":51,"props":52,"children":53},"p",{},[54],{"type":48,"value":55},"Expert guidance for developing with the Zoom Video SDK on Web. This SDK enables custom video applications in the browser with real-time video\u002Faudio, screen sharing, cloud recording, live streaming, chat, and live transcription.",{"type":42,"tag":51,"props":57,"children":58},{},[59,61,67,69,75],{"type":48,"value":60},"This skill is for ",{"type":42,"tag":62,"props":63,"children":64},"strong",{},[65],{"type":48,"value":66},"custom video sessions",{"type":48,"value":68},", not embedded Zoom meetings.\nIf the user wants a custom UI for a real Zoom meeting, route to\n",{"type":42,"tag":70,"props":71,"children":73},"a",{"href":72},"..\u002F..\u002Fmeeting-sdk\u002Fweb\u002Fcomponent-view\u002FSKILL.md",[74],{"type":48,"value":72},{"type":48,"value":76},".",{"type":42,"tag":51,"props":78,"children":79},{},[80,85,87,94,99,100,106,111,112],{"type":42,"tag":62,"props":81,"children":82},{},[83],{"type":48,"value":84},"Official Documentation",{"type":48,"value":86},": ",{"type":42,"tag":70,"props":88,"children":92},{"href":89,"rel":90},"https:\u002F\u002Fdevelopers.zoom.us\u002Fdocs\u002Fvideo-sdk\u002Fweb\u002F",[91],"nofollow",[93],{"type":48,"value":89},{"type":42,"tag":62,"props":95,"children":96},{},[97],{"type":48,"value":98},"API Reference",{"type":48,"value":86},{"type":42,"tag":70,"props":101,"children":104},{"href":102,"rel":103},"https:\u002F\u002Fmarketplacefront.zoom.us\u002Fsdk\u002Fcustom\u002Fweb\u002Fmodules.html",[91],[105],{"type":48,"value":102},{"type":42,"tag":62,"props":107,"children":108},{},[109],{"type":48,"value":110},"Sample Repository",{"type":48,"value":86},{"type":42,"tag":70,"props":113,"children":116},{"href":114,"rel":115},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-web-sample",[91],[117],{"type":48,"value":114},{"type":42,"tag":119,"props":120,"children":122},"h2",{"id":121},"quick-links",[123],{"type":48,"value":124},"Quick Links",{"type":42,"tag":51,"props":126,"children":127},{},[128],{"type":42,"tag":62,"props":129,"children":130},{},[131],{"type":48,"value":132},"New to Video SDK? Follow this path:",{"type":42,"tag":134,"props":135,"children":136},"ol",{},[137,152,166,180],{"type":42,"tag":138,"props":139,"children":140},"li",{},[141,150],{"type":42,"tag":62,"props":142,"children":143},{},[144],{"type":42,"tag":70,"props":145,"children":147},{"href":146},"concepts\u002Fsdk-architecture-pattern.md",[148],{"type":48,"value":149},"SDK Architecture Pattern",{"type":48,"value":151}," - Universal 3-step pattern for ANY feature",{"type":42,"tag":138,"props":153,"children":154},{},[155,164],{"type":42,"tag":62,"props":156,"children":157},{},[158],{"type":42,"tag":70,"props":159,"children":161},{"href":160},"examples\u002Fsession-join-pattern.md",[162],{"type":48,"value":163},"Session Join Pattern",{"type":48,"value":165}," - Complete working code to join a session",{"type":42,"tag":138,"props":167,"children":168},{},[169,178],{"type":42,"tag":62,"props":170,"children":171},{},[172],{"type":42,"tag":70,"props":173,"children":175},{"href":174},"examples\u002Fvideo-rendering.md",[176],{"type":48,"value":177},"Video Rendering",{"type":48,"value":179}," - Display video with attachVideo()",{"type":42,"tag":138,"props":181,"children":182},{},[183,192],{"type":42,"tag":62,"props":184,"children":185},{},[186],{"type":42,"tag":70,"props":187,"children":189},{"href":188},"examples\u002Fevent-handling.md",[190],{"type":48,"value":191},"Event Handling",{"type":48,"value":193}," - Required events for video\u002Faudio",{"type":42,"tag":51,"props":195,"children":196},{},[197],{"type":42,"tag":62,"props":198,"children":199},{},[200],{"type":48,"value":201},"Reference:",{"type":42,"tag":203,"props":204,"children":205},"ul",{},[206,220,233,246],{"type":42,"tag":138,"props":207,"children":208},{},[209,218],{"type":42,"tag":62,"props":210,"children":211},{},[212],{"type":42,"tag":70,"props":213,"children":215},{"href":214},"concepts\u002Fsingleton-hierarchy.md",[216],{"type":48,"value":217},"Singleton Hierarchy",{"type":48,"value":219}," - 4-level SDK navigation map",{"type":42,"tag":138,"props":221,"children":222},{},[223,231],{"type":42,"tag":62,"props":224,"children":225},{},[226],{"type":42,"tag":70,"props":227,"children":229},{"href":228},"references\u002Fweb-reference.md",[230],{"type":48,"value":98},{"type":48,"value":232}," - Methods, events, error codes",{"type":42,"tag":138,"props":234,"children":235},{},[236,244],{"type":42,"tag":62,"props":237,"children":238},{},[239],{"type":42,"tag":70,"props":240,"children":242},{"href":241},"SKILL.md",[243],{"type":48,"value":241},{"type":48,"value":245}," - Complete documentation navigation",{"type":42,"tag":138,"props":247,"children":248},{},[249,257],{"type":42,"tag":62,"props":250,"children":251},{},[252],{"type":42,"tag":70,"props":253,"children":255},{"href":254},"..\u002F..\u002Fprobe-sdk\u002FSKILL.md",[256],{"type":48,"value":254},{"type":48,"value":258}," - Optional browser\u002Fdevice\u002Fnetwork readiness diagnostics before join",{"type":42,"tag":51,"props":260,"children":261},{},[262],{"type":42,"tag":62,"props":263,"children":264},{},[265],{"type":48,"value":266},"Having issues?",{"type":42,"tag":203,"props":268,"children":269},{},[270,281,286],{"type":42,"tag":138,"props":271,"children":272},{},[273,275,279],{"type":48,"value":274},"Video not showing → ",{"type":42,"tag":70,"props":276,"children":277},{"href":174},[278],{"type":48,"value":177},{"type":48,"value":280}," (use attachVideo, not renderVideo)",{"type":42,"tag":138,"props":282,"children":283},{},[284],{"type":48,"value":285},"getMediaStream() returns undefined → Call AFTER join() completes",{"type":42,"tag":138,"props":287,"children":288},{},[289,291],{"type":48,"value":290},"Quick diagnostics → ",{"type":42,"tag":70,"props":292,"children":294},{"href":293},"troubleshooting\u002Fcommon-issues.md",[295],{"type":48,"value":296},"Common Issues",{"type":42,"tag":119,"props":298,"children":300},{"id":299},"sdk-overview",[301],{"type":48,"value":302},"SDK Overview",{"type":42,"tag":51,"props":304,"children":305},{},[306],{"type":48,"value":307},"The Zoom Video SDK for Web is a JavaScript library that provides:",{"type":42,"tag":203,"props":309,"children":310},{},[311,321,331,341,351,361,371,381,391,401,411],{"type":42,"tag":138,"props":312,"children":313},{},[314,319],{"type":42,"tag":62,"props":315,"children":316},{},[317],{"type":48,"value":318},"Session Management",{"type":48,"value":320},": Join\u002Fleave video SDK sessions",{"type":42,"tag":138,"props":322,"children":323},{},[324,329],{"type":42,"tag":62,"props":325,"children":326},{},[327],{"type":48,"value":328},"Video\u002FAudio",{"type":48,"value":330},": Start\u002Fstop camera and microphone",{"type":42,"tag":138,"props":332,"children":333},{},[334,339],{"type":42,"tag":62,"props":335,"children":336},{},[337],{"type":48,"value":338},"Screen Sharing",{"type":48,"value":340},": Share screens or browser tabs",{"type":42,"tag":138,"props":342,"children":343},{},[344,349],{"type":42,"tag":62,"props":345,"children":346},{},[347],{"type":48,"value":348},"Cloud Recording",{"type":48,"value":350},": Record sessions to Zoom cloud",{"type":42,"tag":138,"props":352,"children":353},{},[354,359],{"type":42,"tag":62,"props":355,"children":356},{},[357],{"type":48,"value":358},"Live Streaming",{"type":48,"value":360},": Stream to RTMP endpoints",{"type":42,"tag":138,"props":362,"children":363},{},[364,369],{"type":42,"tag":62,"props":365,"children":366},{},[367],{"type":48,"value":368},"Chat",{"type":48,"value":370},": In-session messaging",{"type":42,"tag":138,"props":372,"children":373},{},[374,379],{"type":42,"tag":62,"props":375,"children":376},{},[377],{"type":48,"value":378},"Command Channel",{"type":48,"value":380},": Custom command messaging",{"type":42,"tag":138,"props":382,"children":383},{},[384,389],{"type":42,"tag":62,"props":385,"children":386},{},[387],{"type":48,"value":388},"Live Transcription",{"type":48,"value":390},": Real-time speech-to-text",{"type":42,"tag":138,"props":392,"children":393},{},[394,399],{"type":42,"tag":62,"props":395,"children":396},{},[397],{"type":48,"value":398},"Subsessions",{"type":48,"value":400},": Breakout room support",{"type":42,"tag":138,"props":402,"children":403},{},[404,409],{"type":42,"tag":62,"props":405,"children":406},{},[407],{"type":48,"value":408},"Whiteboard",{"type":48,"value":410},": Collaborative whiteboard features",{"type":42,"tag":138,"props":412,"children":413},{},[414,419],{"type":42,"tag":62,"props":415,"children":416},{},[417],{"type":48,"value":418},"Virtual Background",{"type":48,"value":420},": Blur or custom image backgrounds",{"type":42,"tag":119,"props":422,"children":424},{"id":423},"prerequisites",[425],{"type":48,"value":426},"Prerequisites",{"type":42,"tag":428,"props":429,"children":431},"h3",{"id":430},"system-requirements",[432],{"type":48,"value":433},"System Requirements",{"type":42,"tag":203,"props":435,"children":436},{},[437,447,464],{"type":42,"tag":138,"props":438,"children":439},{},[440,445],{"type":42,"tag":62,"props":441,"children":442},{},[443],{"type":48,"value":444},"Modern Browser",{"type":48,"value":446},": Chrome 80+, Firefox 75+, Safari 14+, Edge 80+",{"type":42,"tag":138,"props":448,"children":449},{},[450,455,457],{"type":42,"tag":62,"props":451,"children":452},{},[453],{"type":48,"value":454},"Video SDK Credentials",{"type":48,"value":456},": SDK Key and Secret from ",{"type":42,"tag":70,"props":458,"children":461},{"href":459,"rel":460},"https:\u002F\u002Fmarketplace.zoom.us\u002F",[91],[462],{"type":48,"value":463},"Marketplace",{"type":42,"tag":138,"props":465,"children":466},{},[467,472],{"type":42,"tag":62,"props":468,"children":469},{},[470],{"type":48,"value":471},"JWT Token",{"type":48,"value":473},": Server-side generated signature",{"type":42,"tag":428,"props":475,"children":477},{"id":476},"browser-feature-requirements",[478],{"type":48,"value":479},"Browser Feature Requirements",{"type":42,"tag":481,"props":482,"children":486},"pre",{"className":483,"code":484,"language":18,"meta":485,"style":485},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F Check browser compatibility before init\nconst compatibility = ZoomVideo.checkSystemRequirements();\nconsole.log('Audio:', compatibility.audio);\nconsole.log('Video:', compatibility.video);\nconsole.log('Screen:', compatibility.screen);\n\n\u002F\u002F Check feature support\nconst features = ZoomVideo.checkFeatureRequirements();\nconsole.log('Supported:', features.supportFeatures);\nconsole.log('Unsupported:', features.unSupportFeatures);\n","",[487],{"type":42,"tag":488,"props":489,"children":490},"code",{"__ignoreMap":485},[491,503,550,611,665,719,729,738,776,831],{"type":42,"tag":492,"props":493,"children":496},"span",{"class":494,"line":495},"line",1,[497],{"type":42,"tag":492,"props":498,"children":500},{"style":499},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[501],{"type":48,"value":502},"\u002F\u002F Check browser compatibility before init\n",{"type":42,"tag":492,"props":504,"children":506},{"class":494,"line":505},2,[507,513,519,525,530,534,540,545],{"type":42,"tag":492,"props":508,"children":510},{"style":509},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[511],{"type":48,"value":512},"const",{"type":42,"tag":492,"props":514,"children":516},{"style":515},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[517],{"type":48,"value":518}," compatibility ",{"type":42,"tag":492,"props":520,"children":522},{"style":521},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[523],{"type":48,"value":524},"=",{"type":42,"tag":492,"props":526,"children":527},{"style":515},[528],{"type":48,"value":529}," ZoomVideo",{"type":42,"tag":492,"props":531,"children":532},{"style":521},[533],{"type":48,"value":76},{"type":42,"tag":492,"props":535,"children":537},{"style":536},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[538],{"type":48,"value":539},"checkSystemRequirements",{"type":42,"tag":492,"props":541,"children":542},{"style":515},[543],{"type":48,"value":544},"()",{"type":42,"tag":492,"props":546,"children":547},{"style":521},[548],{"type":48,"value":549},";\n",{"type":42,"tag":492,"props":551,"children":553},{"class":494,"line":552},3,[554,559,563,568,573,578,584,588,593,598,602,607],{"type":42,"tag":492,"props":555,"children":556},{"style":515},[557],{"type":48,"value":558},"console",{"type":42,"tag":492,"props":560,"children":561},{"style":521},[562],{"type":48,"value":76},{"type":42,"tag":492,"props":564,"children":565},{"style":536},[566],{"type":48,"value":567},"log",{"type":42,"tag":492,"props":569,"children":570},{"style":515},[571],{"type":48,"value":572},"(",{"type":42,"tag":492,"props":574,"children":575},{"style":521},[576],{"type":48,"value":577},"'",{"type":42,"tag":492,"props":579,"children":581},{"style":580},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[582],{"type":48,"value":583},"Audio:",{"type":42,"tag":492,"props":585,"children":586},{"style":521},[587],{"type":48,"value":577},{"type":42,"tag":492,"props":589,"children":590},{"style":521},[591],{"type":48,"value":592},",",{"type":42,"tag":492,"props":594,"children":595},{"style":515},[596],{"type":48,"value":597}," compatibility",{"type":42,"tag":492,"props":599,"children":600},{"style":521},[601],{"type":48,"value":76},{"type":42,"tag":492,"props":603,"children":604},{"style":515},[605],{"type":48,"value":606},"audio)",{"type":42,"tag":492,"props":608,"children":609},{"style":521},[610],{"type":48,"value":549},{"type":42,"tag":492,"props":612,"children":614},{"class":494,"line":613},4,[615,619,623,627,631,635,640,644,648,652,656,661],{"type":42,"tag":492,"props":616,"children":617},{"style":515},[618],{"type":48,"value":558},{"type":42,"tag":492,"props":620,"children":621},{"style":521},[622],{"type":48,"value":76},{"type":42,"tag":492,"props":624,"children":625},{"style":536},[626],{"type":48,"value":567},{"type":42,"tag":492,"props":628,"children":629},{"style":515},[630],{"type":48,"value":572},{"type":42,"tag":492,"props":632,"children":633},{"style":521},[634],{"type":48,"value":577},{"type":42,"tag":492,"props":636,"children":637},{"style":580},[638],{"type":48,"value":639},"Video:",{"type":42,"tag":492,"props":641,"children":642},{"style":521},[643],{"type":48,"value":577},{"type":42,"tag":492,"props":645,"children":646},{"style":521},[647],{"type":48,"value":592},{"type":42,"tag":492,"props":649,"children":650},{"style":515},[651],{"type":48,"value":597},{"type":42,"tag":492,"props":653,"children":654},{"style":521},[655],{"type":48,"value":76},{"type":42,"tag":492,"props":657,"children":658},{"style":515},[659],{"type":48,"value":660},"video)",{"type":42,"tag":492,"props":662,"children":663},{"style":521},[664],{"type":48,"value":549},{"type":42,"tag":492,"props":666,"children":668},{"class":494,"line":667},5,[669,673,677,681,685,689,694,698,702,706,710,715],{"type":42,"tag":492,"props":670,"children":671},{"style":515},[672],{"type":48,"value":558},{"type":42,"tag":492,"props":674,"children":675},{"style":521},[676],{"type":48,"value":76},{"type":42,"tag":492,"props":678,"children":679},{"style":536},[680],{"type":48,"value":567},{"type":42,"tag":492,"props":682,"children":683},{"style":515},[684],{"type":48,"value":572},{"type":42,"tag":492,"props":686,"children":687},{"style":521},[688],{"type":48,"value":577},{"type":42,"tag":492,"props":690,"children":691},{"style":580},[692],{"type":48,"value":693},"Screen:",{"type":42,"tag":492,"props":695,"children":696},{"style":521},[697],{"type":48,"value":577},{"type":42,"tag":492,"props":699,"children":700},{"style":521},[701],{"type":48,"value":592},{"type":42,"tag":492,"props":703,"children":704},{"style":515},[705],{"type":48,"value":597},{"type":42,"tag":492,"props":707,"children":708},{"style":521},[709],{"type":48,"value":76},{"type":42,"tag":492,"props":711,"children":712},{"style":515},[713],{"type":48,"value":714},"screen)",{"type":42,"tag":492,"props":716,"children":717},{"style":521},[718],{"type":48,"value":549},{"type":42,"tag":492,"props":720,"children":722},{"class":494,"line":721},6,[723],{"type":42,"tag":492,"props":724,"children":726},{"emptyLinePlaceholder":725},true,[727],{"type":48,"value":728},"\n",{"type":42,"tag":492,"props":730,"children":732},{"class":494,"line":731},7,[733],{"type":42,"tag":492,"props":734,"children":735},{"style":499},[736],{"type":48,"value":737},"\u002F\u002F Check feature support\n",{"type":42,"tag":492,"props":739,"children":741},{"class":494,"line":740},8,[742,746,751,755,759,763,768,772],{"type":42,"tag":492,"props":743,"children":744},{"style":509},[745],{"type":48,"value":512},{"type":42,"tag":492,"props":747,"children":748},{"style":515},[749],{"type":48,"value":750}," features ",{"type":42,"tag":492,"props":752,"children":753},{"style":521},[754],{"type":48,"value":524},{"type":42,"tag":492,"props":756,"children":757},{"style":515},[758],{"type":48,"value":529},{"type":42,"tag":492,"props":760,"children":761},{"style":521},[762],{"type":48,"value":76},{"type":42,"tag":492,"props":764,"children":765},{"style":536},[766],{"type":48,"value":767},"checkFeatureRequirements",{"type":42,"tag":492,"props":769,"children":770},{"style":515},[771],{"type":48,"value":544},{"type":42,"tag":492,"props":773,"children":774},{"style":521},[775],{"type":48,"value":549},{"type":42,"tag":492,"props":777,"children":779},{"class":494,"line":778},9,[780,784,788,792,796,800,805,809,813,818,822,827],{"type":42,"tag":492,"props":781,"children":782},{"style":515},[783],{"type":48,"value":558},{"type":42,"tag":492,"props":785,"children":786},{"style":521},[787],{"type":48,"value":76},{"type":42,"tag":492,"props":789,"children":790},{"style":536},[791],{"type":48,"value":567},{"type":42,"tag":492,"props":793,"children":794},{"style":515},[795],{"type":48,"value":572},{"type":42,"tag":492,"props":797,"children":798},{"style":521},[799],{"type":48,"value":577},{"type":42,"tag":492,"props":801,"children":802},{"style":580},[803],{"type":48,"value":804},"Supported:",{"type":42,"tag":492,"props":806,"children":807},{"style":521},[808],{"type":48,"value":577},{"type":42,"tag":492,"props":810,"children":811},{"style":521},[812],{"type":48,"value":592},{"type":42,"tag":492,"props":814,"children":815},{"style":515},[816],{"type":48,"value":817}," features",{"type":42,"tag":492,"props":819,"children":820},{"style":521},[821],{"type":48,"value":76},{"type":42,"tag":492,"props":823,"children":824},{"style":515},[825],{"type":48,"value":826},"supportFeatures)",{"type":42,"tag":492,"props":828,"children":829},{"style":521},[830],{"type":48,"value":549},{"type":42,"tag":492,"props":832,"children":834},{"class":494,"line":833},10,[835,839,843,847,851,855,860,864,868,872,876,881],{"type":42,"tag":492,"props":836,"children":837},{"style":515},[838],{"type":48,"value":558},{"type":42,"tag":492,"props":840,"children":841},{"style":521},[842],{"type":48,"value":76},{"type":42,"tag":492,"props":844,"children":845},{"style":536},[846],{"type":48,"value":567},{"type":42,"tag":492,"props":848,"children":849},{"style":515},[850],{"type":48,"value":572},{"type":42,"tag":492,"props":852,"children":853},{"style":521},[854],{"type":48,"value":577},{"type":42,"tag":492,"props":856,"children":857},{"style":580},[858],{"type":48,"value":859},"Unsupported:",{"type":42,"tag":492,"props":861,"children":862},{"style":521},[863],{"type":48,"value":577},{"type":42,"tag":492,"props":865,"children":866},{"style":521},[867],{"type":48,"value":592},{"type":42,"tag":492,"props":869,"children":870},{"style":515},[871],{"type":48,"value":817},{"type":42,"tag":492,"props":873,"children":874},{"style":521},[875],{"type":48,"value":76},{"type":42,"tag":492,"props":877,"children":878},{"style":515},[879],{"type":48,"value":880},"unSupportFeatures)",{"type":42,"tag":492,"props":882,"children":883},{"style":521},[884],{"type":48,"value":549},{"type":42,"tag":428,"props":886,"children":888},{"id":887},"optional-pre-join-diagnostics-recommended-for-reliability",[889],{"type":48,"value":890},"Optional Pre-Join Diagnostics (Recommended for Reliability)",{"type":42,"tag":51,"props":892,"children":893},{},[894,896,902],{"type":48,"value":895},"Use Probe SDK as a readiness gate before ",{"type":42,"tag":488,"props":897,"children":899},{"className":898},[],[900],{"type":48,"value":901},"client.join(...)",{"type":48,"value":903}," when you need to reduce failed starts:",{"type":42,"tag":134,"props":905,"children":906},{},[907,917,945],{"type":42,"tag":138,"props":908,"children":909},{},[910,912,916],{"type":48,"value":911},"Run diagnostics with ",{"type":42,"tag":70,"props":913,"children":914},{"href":254},[915],{"type":48,"value":254},{"type":48,"value":76},{"type":42,"tag":138,"props":918,"children":919},{},[920,922,928,930,936,937,943],{"type":48,"value":921},"Evaluate policy (",{"type":42,"tag":488,"props":923,"children":925},{"className":924},[],[926],{"type":48,"value":927},"allow",{"type":48,"value":929},", ",{"type":42,"tag":488,"props":931,"children":933},{"className":932},[],[934],{"type":48,"value":935},"warn",{"type":48,"value":929},{"type":42,"tag":488,"props":938,"children":940},{"className":939},[],[941],{"type":48,"value":942},"block",{"type":48,"value":944},").",{"type":42,"tag":138,"props":946,"children":947},{},[948],{"type":48,"value":949},"Start Video SDK join only when policy allows.",{"type":42,"tag":51,"props":951,"children":952},{},[953,955],{"type":48,"value":954},"Cross-skill flow: ",{"type":42,"tag":70,"props":956,"children":958},{"href":957},"..\u002F..\u002Fgeneral\u002Fuse-cases\u002Fprobe-sdk-preflight-readiness-gate.md",[959],{"type":48,"value":957},{"type":42,"tag":119,"props":961,"children":963},{"id":962},"installation",[964],{"type":48,"value":965},"Installation",{"type":42,"tag":428,"props":967,"children":969},{"id":968},"npm-recommended",[970],{"type":48,"value":971},"NPM (Recommended)",{"type":42,"tag":481,"props":973,"children":977},{"className":974,"code":975,"language":976,"meta":485,"style":485},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm install @zoom\u002Fvideosdk\n","bash",[978],{"type":42,"tag":488,"props":979,"children":980},{"__ignoreMap":485},[981],{"type":42,"tag":492,"props":982,"children":983},{"class":494,"line":495},[984,990,995],{"type":42,"tag":492,"props":985,"children":987},{"style":986},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[988],{"type":48,"value":989},"npm",{"type":42,"tag":492,"props":991,"children":992},{"style":580},[993],{"type":48,"value":994}," install",{"type":42,"tag":492,"props":996,"children":997},{"style":580},[998],{"type":48,"value":999}," @zoom\u002Fvideosdk\n",{"type":42,"tag":481,"props":1001,"children":1003},{"className":483,"code":1002,"language":18,"meta":485,"style":485},"import ZoomVideo from '@zoom\u002Fvideosdk';\n",[1004],{"type":42,"tag":488,"props":1005,"children":1006},{"__ignoreMap":485},[1007],{"type":42,"tag":492,"props":1008,"children":1009},{"class":494,"line":495},[1010,1016,1021,1026,1031,1036,1040],{"type":42,"tag":492,"props":1011,"children":1013},{"style":1012},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[1014],{"type":48,"value":1015},"import",{"type":42,"tag":492,"props":1017,"children":1018},{"style":515},[1019],{"type":48,"value":1020}," ZoomVideo ",{"type":42,"tag":492,"props":1022,"children":1023},{"style":1012},[1024],{"type":48,"value":1025},"from",{"type":42,"tag":492,"props":1027,"children":1028},{"style":521},[1029],{"type":48,"value":1030}," '",{"type":42,"tag":492,"props":1032,"children":1033},{"style":580},[1034],{"type":48,"value":1035},"@zoom\u002Fvideosdk",{"type":42,"tag":492,"props":1037,"children":1038},{"style":521},[1039],{"type":48,"value":577},{"type":42,"tag":492,"props":1041,"children":1042},{"style":521},[1043],{"type":48,"value":549},{"type":42,"tag":428,"props":1045,"children":1047},{"id":1046},"cdn-fallback-strategy-recommended",[1048],{"type":48,"value":1049},"CDN (Fallback Strategy Recommended)",{"type":42,"tag":1051,"props":1052,"children":1053},"blockquote",{},[1054],{"type":42,"tag":51,"props":1055,"children":1056},{},[1057,1062,1064,1070],{"type":42,"tag":62,"props":1058,"children":1059},{},[1060],{"type":48,"value":1061},"Note",{"type":48,"value":1063},": Some networks\u002Fad blockers can block ",{"type":42,"tag":488,"props":1065,"children":1067},{"className":1066},[],[1068],{"type":48,"value":1069},"source.zoom.us",{"type":48,"value":1071},". If you see flaky loads, first try allowlisting the domain in your environment. If needed, consider a fallback (mirror\u002Fself-host) only if it's permitted for your use case and you can keep versions in sync.",{"type":42,"tag":481,"props":1073,"children":1075},{"className":974,"code":1074,"language":976,"meta":485,"style":485},"# Download SDK locally\ncurl \"https:\u002F\u002Fsource.zoom.us\u002Fvideosdk\u002Fzoom-video-2.3.12.min.js\" -o public\u002Fjs\u002Fzoom-video-sdk.min.js\n",[1076],{"type":42,"tag":488,"props":1077,"children":1078},{"__ignoreMap":485},[1079,1087],{"type":42,"tag":492,"props":1080,"children":1081},{"class":494,"line":495},[1082],{"type":42,"tag":492,"props":1083,"children":1084},{"style":499},[1085],{"type":48,"value":1086},"# Download SDK locally\n",{"type":42,"tag":492,"props":1088,"children":1089},{"class":494,"line":505},[1090,1095,1100,1105,1110,1115],{"type":42,"tag":492,"props":1091,"children":1092},{"style":986},[1093],{"type":48,"value":1094},"curl",{"type":42,"tag":492,"props":1096,"children":1097},{"style":521},[1098],{"type":48,"value":1099}," \"",{"type":42,"tag":492,"props":1101,"children":1102},{"style":580},[1103],{"type":48,"value":1104},"https:\u002F\u002Fsource.zoom.us\u002Fvideosdk\u002Fzoom-video-2.3.12.min.js",{"type":42,"tag":492,"props":1106,"children":1107},{"style":521},[1108],{"type":48,"value":1109},"\"",{"type":42,"tag":492,"props":1111,"children":1112},{"style":580},[1113],{"type":48,"value":1114}," -o",{"type":42,"tag":492,"props":1116,"children":1117},{"style":580},[1118],{"type":48,"value":1119}," public\u002Fjs\u002Fzoom-video-sdk.min.js\n",{"type":42,"tag":481,"props":1121,"children":1125},{"className":1122,"code":1123,"language":1124,"meta":485,"style":485},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!-- Use local copy instead of CDN -->\n\u003Cscript src=\"js\u002Fzoom-video-sdk.min.js\">\u003C\u002Fscript>\n","html",[1126],{"type":42,"tag":488,"props":1127,"children":1128},{"__ignoreMap":485},[1129,1137],{"type":42,"tag":492,"props":1130,"children":1131},{"class":494,"line":495},[1132],{"type":42,"tag":492,"props":1133,"children":1134},{"style":499},[1135],{"type":48,"value":1136},"\u003C!-- Use local copy instead of CDN -->\n",{"type":42,"tag":492,"props":1138,"children":1139},{"class":494,"line":505},[1140,1145,1151,1156,1160,1164,1169,1173,1178,1182],{"type":42,"tag":492,"props":1141,"children":1142},{"style":521},[1143],{"type":48,"value":1144},"\u003C",{"type":42,"tag":492,"props":1146,"children":1148},{"style":1147},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[1149],{"type":48,"value":1150},"script",{"type":42,"tag":492,"props":1152,"children":1153},{"style":509},[1154],{"type":48,"value":1155}," src",{"type":42,"tag":492,"props":1157,"children":1158},{"style":521},[1159],{"type":48,"value":524},{"type":42,"tag":492,"props":1161,"children":1162},{"style":521},[1163],{"type":48,"value":1109},{"type":42,"tag":492,"props":1165,"children":1166},{"style":580},[1167],{"type":48,"value":1168},"js\u002Fzoom-video-sdk.min.js",{"type":42,"tag":492,"props":1170,"children":1171},{"style":521},[1172],{"type":48,"value":1109},{"type":42,"tag":492,"props":1174,"children":1175},{"style":521},[1176],{"type":48,"value":1177},">\u003C\u002F",{"type":42,"tag":492,"props":1179,"children":1180},{"style":1147},[1181],{"type":48,"value":1150},{"type":42,"tag":492,"props":1183,"children":1184},{"style":521},[1185],{"type":48,"value":1186},">\n",{"type":42,"tag":481,"props":1188,"children":1190},{"className":483,"code":1189,"language":18,"meta":485,"style":485},"\u002F\u002F CDN exports as WebVideoSDK, NOT ZoomVideo\nconst ZoomVideo = WebVideoSDK.default;\n",[1191],{"type":42,"tag":488,"props":1192,"children":1193},{"__ignoreMap":485},[1194,1202],{"type":42,"tag":492,"props":1195,"children":1196},{"class":494,"line":495},[1197],{"type":42,"tag":492,"props":1198,"children":1199},{"style":499},[1200],{"type":48,"value":1201},"\u002F\u002F CDN exports as WebVideoSDK, NOT ZoomVideo\n",{"type":42,"tag":492,"props":1203,"children":1204},{"class":494,"line":505},[1205,1209,1213,1217,1222,1226,1231],{"type":42,"tag":492,"props":1206,"children":1207},{"style":509},[1208],{"type":48,"value":512},{"type":42,"tag":492,"props":1210,"children":1211},{"style":515},[1212],{"type":48,"value":1020},{"type":42,"tag":492,"props":1214,"children":1215},{"style":521},[1216],{"type":48,"value":524},{"type":42,"tag":492,"props":1218,"children":1219},{"style":515},[1220],{"type":48,"value":1221}," WebVideoSDK",{"type":42,"tag":492,"props":1223,"children":1224},{"style":521},[1225],{"type":48,"value":76},{"type":42,"tag":492,"props":1227,"children":1228},{"style":515},[1229],{"type":48,"value":1230},"default",{"type":42,"tag":492,"props":1232,"children":1233},{"style":521},[1234],{"type":48,"value":549},{"type":42,"tag":119,"props":1236,"children":1238},{"id":1237},"quick-start",[1239],{"type":48,"value":1240},"Quick Start",{"type":42,"tag":481,"props":1242,"children":1244},{"className":483,"code":1243,"language":18,"meta":485,"style":485},"import ZoomVideo from '@zoom\u002Fvideosdk';\n\n\u002F\u002F 1. Create client (singleton - returns same instance)\nconst client = ZoomVideo.createClient();\n\n\u002F\u002F 2. Initialize SDK\nawait client.init('en-US', 'Global', { patchJsMedia: true });\n\n\u002F\u002F 3. Join session\nawait client.join(topic, signature, userName, password);\n\n\u002F\u002F 4. CRITICAL: Get stream AFTER join\nconst stream = client.getMediaStream();\n\n\u002F\u002F 5. Start media\nawait stream.startVideo();\nawait stream.startAudio();\n\n\u002F\u002F 6. Attach video to DOM\nconst videoElement = await stream.attachVideo(userId, VideoQuality.Video_360P);\ndocument.getElementById('video-container').appendChild(videoElement);\n",[1245],{"type":42,"tag":488,"props":1246,"children":1247},{"__ignoreMap":485},[1248,1279,1286,1294,1331,1338,1346,1441,1448,1456,1512,1520,1529,1567,1575,1584,1614,1643,1651,1660,1722],{"type":42,"tag":492,"props":1249,"children":1250},{"class":494,"line":495},[1251,1255,1259,1263,1267,1271,1275],{"type":42,"tag":492,"props":1252,"children":1253},{"style":1012},[1254],{"type":48,"value":1015},{"type":42,"tag":492,"props":1256,"children":1257},{"style":515},[1258],{"type":48,"value":1020},{"type":42,"tag":492,"props":1260,"children":1261},{"style":1012},[1262],{"type":48,"value":1025},{"type":42,"tag":492,"props":1264,"children":1265},{"style":521},[1266],{"type":48,"value":1030},{"type":42,"tag":492,"props":1268,"children":1269},{"style":580},[1270],{"type":48,"value":1035},{"type":42,"tag":492,"props":1272,"children":1273},{"style":521},[1274],{"type":48,"value":577},{"type":42,"tag":492,"props":1276,"children":1277},{"style":521},[1278],{"type":48,"value":549},{"type":42,"tag":492,"props":1280,"children":1281},{"class":494,"line":505},[1282],{"type":42,"tag":492,"props":1283,"children":1284},{"emptyLinePlaceholder":725},[1285],{"type":48,"value":728},{"type":42,"tag":492,"props":1287,"children":1288},{"class":494,"line":552},[1289],{"type":42,"tag":492,"props":1290,"children":1291},{"style":499},[1292],{"type":48,"value":1293},"\u002F\u002F 1. Create client (singleton - returns same instance)\n",{"type":42,"tag":492,"props":1295,"children":1296},{"class":494,"line":613},[1297,1301,1306,1310,1314,1318,1323,1327],{"type":42,"tag":492,"props":1298,"children":1299},{"style":509},[1300],{"type":48,"value":512},{"type":42,"tag":492,"props":1302,"children":1303},{"style":515},[1304],{"type":48,"value":1305}," client ",{"type":42,"tag":492,"props":1307,"children":1308},{"style":521},[1309],{"type":48,"value":524},{"type":42,"tag":492,"props":1311,"children":1312},{"style":515},[1313],{"type":48,"value":529},{"type":42,"tag":492,"props":1315,"children":1316},{"style":521},[1317],{"type":48,"value":76},{"type":42,"tag":492,"props":1319,"children":1320},{"style":536},[1321],{"type":48,"value":1322},"createClient",{"type":42,"tag":492,"props":1324,"children":1325},{"style":515},[1326],{"type":48,"value":544},{"type":42,"tag":492,"props":1328,"children":1329},{"style":521},[1330],{"type":48,"value":549},{"type":42,"tag":492,"props":1332,"children":1333},{"class":494,"line":667},[1334],{"type":42,"tag":492,"props":1335,"children":1336},{"emptyLinePlaceholder":725},[1337],{"type":48,"value":728},{"type":42,"tag":492,"props":1339,"children":1340},{"class":494,"line":721},[1341],{"type":42,"tag":492,"props":1342,"children":1343},{"style":499},[1344],{"type":48,"value":1345},"\u002F\u002F 2. Initialize SDK\n",{"type":42,"tag":492,"props":1347,"children":1348},{"class":494,"line":731},[1349,1354,1359,1363,1368,1372,1376,1381,1385,1389,1393,1398,1402,1406,1411,1416,1421,1427,1432,1437],{"type":42,"tag":492,"props":1350,"children":1351},{"style":1012},[1352],{"type":48,"value":1353},"await",{"type":42,"tag":492,"props":1355,"children":1356},{"style":515},[1357],{"type":48,"value":1358}," client",{"type":42,"tag":492,"props":1360,"children":1361},{"style":521},[1362],{"type":48,"value":76},{"type":42,"tag":492,"props":1364,"children":1365},{"style":536},[1366],{"type":48,"value":1367},"init",{"type":42,"tag":492,"props":1369,"children":1370},{"style":515},[1371],{"type":48,"value":572},{"type":42,"tag":492,"props":1373,"children":1374},{"style":521},[1375],{"type":48,"value":577},{"type":42,"tag":492,"props":1377,"children":1378},{"style":580},[1379],{"type":48,"value":1380},"en-US",{"type":42,"tag":492,"props":1382,"children":1383},{"style":521},[1384],{"type":48,"value":577},{"type":42,"tag":492,"props":1386,"children":1387},{"style":521},[1388],{"type":48,"value":592},{"type":42,"tag":492,"props":1390,"children":1391},{"style":521},[1392],{"type":48,"value":1030},{"type":42,"tag":492,"props":1394,"children":1395},{"style":580},[1396],{"type":48,"value":1397},"Global",{"type":42,"tag":492,"props":1399,"children":1400},{"style":521},[1401],{"type":48,"value":577},{"type":42,"tag":492,"props":1403,"children":1404},{"style":521},[1405],{"type":48,"value":592},{"type":42,"tag":492,"props":1407,"children":1408},{"style":521},[1409],{"type":48,"value":1410}," {",{"type":42,"tag":492,"props":1412,"children":1413},{"style":1147},[1414],{"type":48,"value":1415}," patchJsMedia",{"type":42,"tag":492,"props":1417,"children":1418},{"style":521},[1419],{"type":48,"value":1420},":",{"type":42,"tag":492,"props":1422,"children":1424},{"style":1423},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[1425],{"type":48,"value":1426}," true",{"type":42,"tag":492,"props":1428,"children":1429},{"style":521},[1430],{"type":48,"value":1431}," }",{"type":42,"tag":492,"props":1433,"children":1434},{"style":515},[1435],{"type":48,"value":1436},")",{"type":42,"tag":492,"props":1438,"children":1439},{"style":521},[1440],{"type":48,"value":549},{"type":42,"tag":492,"props":1442,"children":1443},{"class":494,"line":740},[1444],{"type":42,"tag":492,"props":1445,"children":1446},{"emptyLinePlaceholder":725},[1447],{"type":48,"value":728},{"type":42,"tag":492,"props":1449,"children":1450},{"class":494,"line":778},[1451],{"type":42,"tag":492,"props":1452,"children":1453},{"style":499},[1454],{"type":48,"value":1455},"\u002F\u002F 3. Join session\n",{"type":42,"tag":492,"props":1457,"children":1458},{"class":494,"line":833},[1459,1463,1467,1471,1476,1481,1485,1490,1494,1499,1503,1508],{"type":42,"tag":492,"props":1460,"children":1461},{"style":1012},[1462],{"type":48,"value":1353},{"type":42,"tag":492,"props":1464,"children":1465},{"style":515},[1466],{"type":48,"value":1358},{"type":42,"tag":492,"props":1468,"children":1469},{"style":521},[1470],{"type":48,"value":76},{"type":42,"tag":492,"props":1472,"children":1473},{"style":536},[1474],{"type":48,"value":1475},"join",{"type":42,"tag":492,"props":1477,"children":1478},{"style":515},[1479],{"type":48,"value":1480},"(topic",{"type":42,"tag":492,"props":1482,"children":1483},{"style":521},[1484],{"type":48,"value":592},{"type":42,"tag":492,"props":1486,"children":1487},{"style":515},[1488],{"type":48,"value":1489}," signature",{"type":42,"tag":492,"props":1491,"children":1492},{"style":521},[1493],{"type":48,"value":592},{"type":42,"tag":492,"props":1495,"children":1496},{"style":515},[1497],{"type":48,"value":1498}," userName",{"type":42,"tag":492,"props":1500,"children":1501},{"style":521},[1502],{"type":48,"value":592},{"type":42,"tag":492,"props":1504,"children":1505},{"style":515},[1506],{"type":48,"value":1507}," password)",{"type":42,"tag":492,"props":1509,"children":1510},{"style":521},[1511],{"type":48,"value":549},{"type":42,"tag":492,"props":1513,"children":1515},{"class":494,"line":1514},11,[1516],{"type":42,"tag":492,"props":1517,"children":1518},{"emptyLinePlaceholder":725},[1519],{"type":48,"value":728},{"type":42,"tag":492,"props":1521,"children":1523},{"class":494,"line":1522},12,[1524],{"type":42,"tag":492,"props":1525,"children":1526},{"style":499},[1527],{"type":48,"value":1528},"\u002F\u002F 4. CRITICAL: Get stream AFTER join\n",{"type":42,"tag":492,"props":1530,"children":1532},{"class":494,"line":1531},13,[1533,1537,1542,1546,1550,1554,1559,1563],{"type":42,"tag":492,"props":1534,"children":1535},{"style":509},[1536],{"type":48,"value":512},{"type":42,"tag":492,"props":1538,"children":1539},{"style":515},[1540],{"type":48,"value":1541}," stream ",{"type":42,"tag":492,"props":1543,"children":1544},{"style":521},[1545],{"type":48,"value":524},{"type":42,"tag":492,"props":1547,"children":1548},{"style":515},[1549],{"type":48,"value":1358},{"type":42,"tag":492,"props":1551,"children":1552},{"style":521},[1553],{"type":48,"value":76},{"type":42,"tag":492,"props":1555,"children":1556},{"style":536},[1557],{"type":48,"value":1558},"getMediaStream",{"type":42,"tag":492,"props":1560,"children":1561},{"style":515},[1562],{"type":48,"value":544},{"type":42,"tag":492,"props":1564,"children":1565},{"style":521},[1566],{"type":48,"value":549},{"type":42,"tag":492,"props":1568,"children":1570},{"class":494,"line":1569},14,[1571],{"type":42,"tag":492,"props":1572,"children":1573},{"emptyLinePlaceholder":725},[1574],{"type":48,"value":728},{"type":42,"tag":492,"props":1576,"children":1578},{"class":494,"line":1577},15,[1579],{"type":42,"tag":492,"props":1580,"children":1581},{"style":499},[1582],{"type":48,"value":1583},"\u002F\u002F 5. Start media\n",{"type":42,"tag":492,"props":1585,"children":1587},{"class":494,"line":1586},16,[1588,1592,1597,1601,1606,1610],{"type":42,"tag":492,"props":1589,"children":1590},{"style":1012},[1591],{"type":48,"value":1353},{"type":42,"tag":492,"props":1593,"children":1594},{"style":515},[1595],{"type":48,"value":1596}," stream",{"type":42,"tag":492,"props":1598,"children":1599},{"style":521},[1600],{"type":48,"value":76},{"type":42,"tag":492,"props":1602,"children":1603},{"style":536},[1604],{"type":48,"value":1605},"startVideo",{"type":42,"tag":492,"props":1607,"children":1608},{"style":515},[1609],{"type":48,"value":544},{"type":42,"tag":492,"props":1611,"children":1612},{"style":521},[1613],{"type":48,"value":549},{"type":42,"tag":492,"props":1615,"children":1617},{"class":494,"line":1616},17,[1618,1622,1626,1630,1635,1639],{"type":42,"tag":492,"props":1619,"children":1620},{"style":1012},[1621],{"type":48,"value":1353},{"type":42,"tag":492,"props":1623,"children":1624},{"style":515},[1625],{"type":48,"value":1596},{"type":42,"tag":492,"props":1627,"children":1628},{"style":521},[1629],{"type":48,"value":76},{"type":42,"tag":492,"props":1631,"children":1632},{"style":536},[1633],{"type":48,"value":1634},"startAudio",{"type":42,"tag":492,"props":1636,"children":1637},{"style":515},[1638],{"type":48,"value":544},{"type":42,"tag":492,"props":1640,"children":1641},{"style":521},[1642],{"type":48,"value":549},{"type":42,"tag":492,"props":1644,"children":1646},{"class":494,"line":1645},18,[1647],{"type":42,"tag":492,"props":1648,"children":1649},{"emptyLinePlaceholder":725},[1650],{"type":48,"value":728},{"type":42,"tag":492,"props":1652,"children":1654},{"class":494,"line":1653},19,[1655],{"type":42,"tag":492,"props":1656,"children":1657},{"style":499},[1658],{"type":48,"value":1659},"\u002F\u002F 6. Attach video to DOM\n",{"type":42,"tag":492,"props":1661,"children":1663},{"class":494,"line":1662},20,[1664,1668,1673,1677,1682,1686,1690,1695,1700,1704,1709,1713,1718],{"type":42,"tag":492,"props":1665,"children":1666},{"style":509},[1667],{"type":48,"value":512},{"type":42,"tag":492,"props":1669,"children":1670},{"style":515},[1671],{"type":48,"value":1672}," videoElement ",{"type":42,"tag":492,"props":1674,"children":1675},{"style":521},[1676],{"type":48,"value":524},{"type":42,"tag":492,"props":1678,"children":1679},{"style":1012},[1680],{"type":48,"value":1681}," await",{"type":42,"tag":492,"props":1683,"children":1684},{"style":515},[1685],{"type":48,"value":1596},{"type":42,"tag":492,"props":1687,"children":1688},{"style":521},[1689],{"type":48,"value":76},{"type":42,"tag":492,"props":1691,"children":1692},{"style":536},[1693],{"type":48,"value":1694},"attachVideo",{"type":42,"tag":492,"props":1696,"children":1697},{"style":515},[1698],{"type":48,"value":1699},"(userId",{"type":42,"tag":492,"props":1701,"children":1702},{"style":521},[1703],{"type":48,"value":592},{"type":42,"tag":492,"props":1705,"children":1706},{"style":515},[1707],{"type":48,"value":1708}," VideoQuality",{"type":42,"tag":492,"props":1710,"children":1711},{"style":521},[1712],{"type":48,"value":76},{"type":42,"tag":492,"props":1714,"children":1715},{"style":515},[1716],{"type":48,"value":1717},"Video_360P)",{"type":42,"tag":492,"props":1719,"children":1720},{"style":521},[1721],{"type":48,"value":549},{"type":42,"tag":492,"props":1723,"children":1725},{"class":494,"line":1724},21,[1726,1731,1735,1740,1744,1748,1753,1757,1761,1765,1770,1775],{"type":42,"tag":492,"props":1727,"children":1728},{"style":515},[1729],{"type":48,"value":1730},"document",{"type":42,"tag":492,"props":1732,"children":1733},{"style":521},[1734],{"type":48,"value":76},{"type":42,"tag":492,"props":1736,"children":1737},{"style":536},[1738],{"type":48,"value":1739},"getElementById",{"type":42,"tag":492,"props":1741,"children":1742},{"style":515},[1743],{"type":48,"value":572},{"type":42,"tag":492,"props":1745,"children":1746},{"style":521},[1747],{"type":48,"value":577},{"type":42,"tag":492,"props":1749,"children":1750},{"style":580},[1751],{"type":48,"value":1752},"video-container",{"type":42,"tag":492,"props":1754,"children":1755},{"style":521},[1756],{"type":48,"value":577},{"type":42,"tag":492,"props":1758,"children":1759},{"style":515},[1760],{"type":48,"value":1436},{"type":42,"tag":492,"props":1762,"children":1763},{"style":521},[1764],{"type":48,"value":76},{"type":42,"tag":492,"props":1766,"children":1767},{"style":536},[1768],{"type":48,"value":1769},"appendChild",{"type":42,"tag":492,"props":1771,"children":1772},{"style":515},[1773],{"type":48,"value":1774},"(videoElement)",{"type":42,"tag":492,"props":1776,"children":1777},{"style":521},[1778],{"type":48,"value":549},{"type":42,"tag":119,"props":1780,"children":1782},{"id":1781},"sdk-lifecycle-critical-order",[1783],{"type":48,"value":1784},"SDK Lifecycle (CRITICAL ORDER)",{"type":42,"tag":51,"props":1786,"children":1787},{},[1788,1790,1795],{"type":48,"value":1789},"The SDK has a strict lifecycle. Violating it causes ",{"type":42,"tag":62,"props":1791,"children":1792},{},[1793],{"type":48,"value":1794},"silent failures",{"type":48,"value":76},{"type":42,"tag":481,"props":1797,"children":1801},{"className":1798,"code":1800,"language":48},[1799],"language-text","1. Create client:     client = ZoomVideo.createClient()\n2. Initialize:        await client.init('en-US', 'Global', options)\n3. Join session:      await client.join(topic, signature, userName, password)\n4. Get stream:        stream = client.getMediaStream()  ← ONLY AFTER JOIN\n5. Start media:       await stream.startVideo() \u002F await stream.startAudio()\n",[1802],{"type":42,"tag":488,"props":1803,"children":1804},{"__ignoreMap":485},[1805],{"type":48,"value":1800},{"type":42,"tag":51,"props":1807,"children":1808},{},[1809],{"type":42,"tag":62,"props":1810,"children":1811},{},[1812],{"type":48,"value":1813},"Common Mistake:",{"type":42,"tag":481,"props":1815,"children":1817},{"className":483,"code":1816,"language":18,"meta":485,"style":485},"\u002F\u002F WRONG: Getting stream before joining\nconst stream = client.getMediaStream();  \u002F\u002F Returns undefined!\nawait client.join(...);\n\n\u002F\u002F CORRECT: Get stream after joining\nawait client.join(...);\nconst stream = client.getMediaStream();  \u002F\u002F Works!\n",[1818],{"type":42,"tag":488,"props":1819,"children":1820},{"__ignoreMap":485},[1821,1829,1870,1906,1913,1921,1956],{"type":42,"tag":492,"props":1822,"children":1823},{"class":494,"line":495},[1824],{"type":42,"tag":492,"props":1825,"children":1826},{"style":499},[1827],{"type":48,"value":1828},"\u002F\u002F WRONG: Getting stream before joining\n",{"type":42,"tag":492,"props":1830,"children":1831},{"class":494,"line":505},[1832,1836,1840,1844,1848,1852,1856,1860,1865],{"type":42,"tag":492,"props":1833,"children":1834},{"style":509},[1835],{"type":48,"value":512},{"type":42,"tag":492,"props":1837,"children":1838},{"style":515},[1839],{"type":48,"value":1541},{"type":42,"tag":492,"props":1841,"children":1842},{"style":521},[1843],{"type":48,"value":524},{"type":42,"tag":492,"props":1845,"children":1846},{"style":515},[1847],{"type":48,"value":1358},{"type":42,"tag":492,"props":1849,"children":1850},{"style":521},[1851],{"type":48,"value":76},{"type":42,"tag":492,"props":1853,"children":1854},{"style":536},[1855],{"type":48,"value":1558},{"type":42,"tag":492,"props":1857,"children":1858},{"style":515},[1859],{"type":48,"value":544},{"type":42,"tag":492,"props":1861,"children":1862},{"style":521},[1863],{"type":48,"value":1864},";",{"type":42,"tag":492,"props":1866,"children":1867},{"style":499},[1868],{"type":48,"value":1869},"  \u002F\u002F Returns undefined!\n",{"type":42,"tag":492,"props":1871,"children":1872},{"class":494,"line":552},[1873,1877,1881,1885,1889,1893,1898,1902],{"type":42,"tag":492,"props":1874,"children":1875},{"style":1012},[1876],{"type":48,"value":1353},{"type":42,"tag":492,"props":1878,"children":1879},{"style":515},[1880],{"type":48,"value":1358},{"type":42,"tag":492,"props":1882,"children":1883},{"style":521},[1884],{"type":48,"value":76},{"type":42,"tag":492,"props":1886,"children":1887},{"style":536},[1888],{"type":48,"value":1475},{"type":42,"tag":492,"props":1890,"children":1891},{"style":515},[1892],{"type":48,"value":572},{"type":42,"tag":492,"props":1894,"children":1895},{"style":521},[1896],{"type":48,"value":1897},"...",{"type":42,"tag":492,"props":1899,"children":1900},{"style":515},[1901],{"type":48,"value":1436},{"type":42,"tag":492,"props":1903,"children":1904},{"style":521},[1905],{"type":48,"value":549},{"type":42,"tag":492,"props":1907,"children":1908},{"class":494,"line":613},[1909],{"type":42,"tag":492,"props":1910,"children":1911},{"emptyLinePlaceholder":725},[1912],{"type":48,"value":728},{"type":42,"tag":492,"props":1914,"children":1915},{"class":494,"line":667},[1916],{"type":42,"tag":492,"props":1917,"children":1918},{"style":499},[1919],{"type":48,"value":1920},"\u002F\u002F CORRECT: Get stream after joining\n",{"type":42,"tag":492,"props":1922,"children":1923},{"class":494,"line":721},[1924,1928,1932,1936,1940,1944,1948,1952],{"type":42,"tag":492,"props":1925,"children":1926},{"style":1012},[1927],{"type":48,"value":1353},{"type":42,"tag":492,"props":1929,"children":1930},{"style":515},[1931],{"type":48,"value":1358},{"type":42,"tag":492,"props":1933,"children":1934},{"style":521},[1935],{"type":48,"value":76},{"type":42,"tag":492,"props":1937,"children":1938},{"style":536},[1939],{"type":48,"value":1475},{"type":42,"tag":492,"props":1941,"children":1942},{"style":515},[1943],{"type":48,"value":572},{"type":42,"tag":492,"props":1945,"children":1946},{"style":521},[1947],{"type":48,"value":1897},{"type":42,"tag":492,"props":1949,"children":1950},{"style":515},[1951],{"type":48,"value":1436},{"type":42,"tag":492,"props":1953,"children":1954},{"style":521},[1955],{"type":48,"value":549},{"type":42,"tag":492,"props":1957,"children":1958},{"class":494,"line":731},[1959,1963,1967,1971,1975,1979,1983,1987,1991],{"type":42,"tag":492,"props":1960,"children":1961},{"style":509},[1962],{"type":48,"value":512},{"type":42,"tag":492,"props":1964,"children":1965},{"style":515},[1966],{"type":48,"value":1541},{"type":42,"tag":492,"props":1968,"children":1969},{"style":521},[1970],{"type":48,"value":524},{"type":42,"tag":492,"props":1972,"children":1973},{"style":515},[1974],{"type":48,"value":1358},{"type":42,"tag":492,"props":1976,"children":1977},{"style":521},[1978],{"type":48,"value":76},{"type":42,"tag":492,"props":1980,"children":1981},{"style":536},[1982],{"type":48,"value":1558},{"type":42,"tag":492,"props":1984,"children":1985},{"style":515},[1986],{"type":48,"value":544},{"type":42,"tag":492,"props":1988,"children":1989},{"style":521},[1990],{"type":48,"value":1864},{"type":42,"tag":492,"props":1992,"children":1993},{"style":499},[1994],{"type":48,"value":1995},"  \u002F\u002F Works!\n",{"type":42,"tag":119,"props":1997,"children":1999},{"id":1998},"critical-gotchas-and-best-practices",[2000],{"type":48,"value":2001},"Critical Gotchas and Best Practices",{"type":42,"tag":428,"props":2003,"children":2005},{"id":2004},"getmediastream-only-works-after-join",[2006],{"type":48,"value":2007},"getMediaStream() ONLY Works After join()",{"type":42,"tag":51,"props":2009,"children":2010},{},[2011],{"type":48,"value":2012},"The #1 issue that causes video\u002Faudio to fail:",{"type":42,"tag":481,"props":2014,"children":2016},{"className":483,"code":2015,"language":18,"meta":485,"style":485},"\u002F\u002F WRONG\nconst stream = client.getMediaStream();  \u002F\u002F undefined!\nawait client.join(...);\n\n\u002F\u002F CORRECT\nawait client.join(...);\nconst stream = client.getMediaStream();  \u002F\u002F Works\n",[2017],{"type":42,"tag":488,"props":2018,"children":2019},{"__ignoreMap":485},[2020,2028,2068,2103,2110,2118,2153],{"type":42,"tag":492,"props":2021,"children":2022},{"class":494,"line":495},[2023],{"type":42,"tag":492,"props":2024,"children":2025},{"style":499},[2026],{"type":48,"value":2027},"\u002F\u002F WRONG\n",{"type":42,"tag":492,"props":2029,"children":2030},{"class":494,"line":505},[2031,2035,2039,2043,2047,2051,2055,2059,2063],{"type":42,"tag":492,"props":2032,"children":2033},{"style":509},[2034],{"type":48,"value":512},{"type":42,"tag":492,"props":2036,"children":2037},{"style":515},[2038],{"type":48,"value":1541},{"type":42,"tag":492,"props":2040,"children":2041},{"style":521},[2042],{"type":48,"value":524},{"type":42,"tag":492,"props":2044,"children":2045},{"style":515},[2046],{"type":48,"value":1358},{"type":42,"tag":492,"props":2048,"children":2049},{"style":521},[2050],{"type":48,"value":76},{"type":42,"tag":492,"props":2052,"children":2053},{"style":536},[2054],{"type":48,"value":1558},{"type":42,"tag":492,"props":2056,"children":2057},{"style":515},[2058],{"type":48,"value":544},{"type":42,"tag":492,"props":2060,"children":2061},{"style":521},[2062],{"type":48,"value":1864},{"type":42,"tag":492,"props":2064,"children":2065},{"style":499},[2066],{"type":48,"value":2067},"  \u002F\u002F undefined!\n",{"type":42,"tag":492,"props":2069,"children":2070},{"class":494,"line":552},[2071,2075,2079,2083,2087,2091,2095,2099],{"type":42,"tag":492,"props":2072,"children":2073},{"style":1012},[2074],{"type":48,"value":1353},{"type":42,"tag":492,"props":2076,"children":2077},{"style":515},[2078],{"type":48,"value":1358},{"type":42,"tag":492,"props":2080,"children":2081},{"style":521},[2082],{"type":48,"value":76},{"type":42,"tag":492,"props":2084,"children":2085},{"style":536},[2086],{"type":48,"value":1475},{"type":42,"tag":492,"props":2088,"children":2089},{"style":515},[2090],{"type":48,"value":572},{"type":42,"tag":492,"props":2092,"children":2093},{"style":521},[2094],{"type":48,"value":1897},{"type":42,"tag":492,"props":2096,"children":2097},{"style":515},[2098],{"type":48,"value":1436},{"type":42,"tag":492,"props":2100,"children":2101},{"style":521},[2102],{"type":48,"value":549},{"type":42,"tag":492,"props":2104,"children":2105},{"class":494,"line":613},[2106],{"type":42,"tag":492,"props":2107,"children":2108},{"emptyLinePlaceholder":725},[2109],{"type":48,"value":728},{"type":42,"tag":492,"props":2111,"children":2112},{"class":494,"line":667},[2113],{"type":42,"tag":492,"props":2114,"children":2115},{"style":499},[2116],{"type":48,"value":2117},"\u002F\u002F CORRECT\n",{"type":42,"tag":492,"props":2119,"children":2120},{"class":494,"line":721},[2121,2125,2129,2133,2137,2141,2145,2149],{"type":42,"tag":492,"props":2122,"children":2123},{"style":1012},[2124],{"type":48,"value":1353},{"type":42,"tag":492,"props":2126,"children":2127},{"style":515},[2128],{"type":48,"value":1358},{"type":42,"tag":492,"props":2130,"children":2131},{"style":521},[2132],{"type":48,"value":76},{"type":42,"tag":492,"props":2134,"children":2135},{"style":536},[2136],{"type":48,"value":1475},{"type":42,"tag":492,"props":2138,"children":2139},{"style":515},[2140],{"type":48,"value":572},{"type":42,"tag":492,"props":2142,"children":2143},{"style":521},[2144],{"type":48,"value":1897},{"type":42,"tag":492,"props":2146,"children":2147},{"style":515},[2148],{"type":48,"value":1436},{"type":42,"tag":492,"props":2150,"children":2151},{"style":521},[2152],{"type":48,"value":549},{"type":42,"tag":492,"props":2154,"children":2155},{"class":494,"line":731},[2156,2160,2164,2168,2172,2176,2180,2184,2188],{"type":42,"tag":492,"props":2157,"children":2158},{"style":509},[2159],{"type":48,"value":512},{"type":42,"tag":492,"props":2161,"children":2162},{"style":515},[2163],{"type":48,"value":1541},{"type":42,"tag":492,"props":2165,"children":2166},{"style":521},[2167],{"type":48,"value":524},{"type":42,"tag":492,"props":2169,"children":2170},{"style":515},[2171],{"type":48,"value":1358},{"type":42,"tag":492,"props":2173,"children":2174},{"style":521},[2175],{"type":48,"value":76},{"type":42,"tag":492,"props":2177,"children":2178},{"style":536},[2179],{"type":48,"value":1558},{"type":42,"tag":492,"props":2181,"children":2182},{"style":515},[2183],{"type":48,"value":544},{"type":42,"tag":492,"props":2185,"children":2186},{"style":521},[2187],{"type":48,"value":1864},{"type":42,"tag":492,"props":2189,"children":2190},{"style":499},[2191],{"type":48,"value":2192},"  \u002F\u002F Works\n",{"type":42,"tag":428,"props":2194,"children":2196},{"id":2195},"use-attachvideo-not-rendervideo",[2197],{"type":48,"value":2198},"Use attachVideo() NOT renderVideo()",{"type":42,"tag":51,"props":2200,"children":2201},{},[2202,2208,2210,2215,2217,2223],{"type":42,"tag":488,"props":2203,"children":2205},{"className":2204},[],[2206],{"type":48,"value":2207},"renderVideo()",{"type":48,"value":2209}," is ",{"type":42,"tag":62,"props":2211,"children":2212},{},[2213],{"type":48,"value":2214},"deprecated",{"type":48,"value":2216},". Use ",{"type":42,"tag":488,"props":2218,"children":2220},{"className":2219},[],[2221],{"type":48,"value":2222},"attachVideo()",{"type":48,"value":2224}," which returns a VideoPlayer element:",{"type":42,"tag":481,"props":2226,"children":2228},{"className":483,"code":2227,"language":18,"meta":485,"style":485},"import { VideoQuality } from '@zoom\u002Fvideosdk';\n\n\u002F\u002F CORRECT: attachVideo returns element to append\nconst videoElement = await stream.attachVideo(userId, VideoQuality.Video_360P);\ndocument.getElementById('video-container').appendChild(videoElement);\n\n\u002F\u002F WRONG: renderVideo is deprecated\nawait stream.renderVideo(canvas, userId, ...);  \u002F\u002F Don't use!\n",[2229],{"type":42,"tag":488,"props":2230,"children":2231},{"__ignoreMap":485},[2232,2272,2279,2287,2342,2393,2400,2408],{"type":42,"tag":492,"props":2233,"children":2234},{"class":494,"line":495},[2235,2239,2243,2247,2251,2256,2260,2264,2268],{"type":42,"tag":492,"props":2236,"children":2237},{"style":1012},[2238],{"type":48,"value":1015},{"type":42,"tag":492,"props":2240,"children":2241},{"style":521},[2242],{"type":48,"value":1410},{"type":42,"tag":492,"props":2244,"children":2245},{"style":515},[2246],{"type":48,"value":1708},{"type":42,"tag":492,"props":2248,"children":2249},{"style":521},[2250],{"type":48,"value":1431},{"type":42,"tag":492,"props":2252,"children":2253},{"style":1012},[2254],{"type":48,"value":2255}," from",{"type":42,"tag":492,"props":2257,"children":2258},{"style":521},[2259],{"type":48,"value":1030},{"type":42,"tag":492,"props":2261,"children":2262},{"style":580},[2263],{"type":48,"value":1035},{"type":42,"tag":492,"props":2265,"children":2266},{"style":521},[2267],{"type":48,"value":577},{"type":42,"tag":492,"props":2269,"children":2270},{"style":521},[2271],{"type":48,"value":549},{"type":42,"tag":492,"props":2273,"children":2274},{"class":494,"line":505},[2275],{"type":42,"tag":492,"props":2276,"children":2277},{"emptyLinePlaceholder":725},[2278],{"type":48,"value":728},{"type":42,"tag":492,"props":2280,"children":2281},{"class":494,"line":552},[2282],{"type":42,"tag":492,"props":2283,"children":2284},{"style":499},[2285],{"type":48,"value":2286},"\u002F\u002F CORRECT: attachVideo returns element to append\n",{"type":42,"tag":492,"props":2288,"children":2289},{"class":494,"line":613},[2290,2294,2298,2302,2306,2310,2314,2318,2322,2326,2330,2334,2338],{"type":42,"tag":492,"props":2291,"children":2292},{"style":509},[2293],{"type":48,"value":512},{"type":42,"tag":492,"props":2295,"children":2296},{"style":515},[2297],{"type":48,"value":1672},{"type":42,"tag":492,"props":2299,"children":2300},{"style":521},[2301],{"type":48,"value":524},{"type":42,"tag":492,"props":2303,"children":2304},{"style":1012},[2305],{"type":48,"value":1681},{"type":42,"tag":492,"props":2307,"children":2308},{"style":515},[2309],{"type":48,"value":1596},{"type":42,"tag":492,"props":2311,"children":2312},{"style":521},[2313],{"type":48,"value":76},{"type":42,"tag":492,"props":2315,"children":2316},{"style":536},[2317],{"type":48,"value":1694},{"type":42,"tag":492,"props":2319,"children":2320},{"style":515},[2321],{"type":48,"value":1699},{"type":42,"tag":492,"props":2323,"children":2324},{"style":521},[2325],{"type":48,"value":592},{"type":42,"tag":492,"props":2327,"children":2328},{"style":515},[2329],{"type":48,"value":1708},{"type":42,"tag":492,"props":2331,"children":2332},{"style":521},[2333],{"type":48,"value":76},{"type":42,"tag":492,"props":2335,"children":2336},{"style":515},[2337],{"type":48,"value":1717},{"type":42,"tag":492,"props":2339,"children":2340},{"style":521},[2341],{"type":48,"value":549},{"type":42,"tag":492,"props":2343,"children":2344},{"class":494,"line":667},[2345,2349,2353,2357,2361,2365,2369,2373,2377,2381,2385,2389],{"type":42,"tag":492,"props":2346,"children":2347},{"style":515},[2348],{"type":48,"value":1730},{"type":42,"tag":492,"props":2350,"children":2351},{"style":521},[2352],{"type":48,"value":76},{"type":42,"tag":492,"props":2354,"children":2355},{"style":536},[2356],{"type":48,"value":1739},{"type":42,"tag":492,"props":2358,"children":2359},{"style":515},[2360],{"type":48,"value":572},{"type":42,"tag":492,"props":2362,"children":2363},{"style":521},[2364],{"type":48,"value":577},{"type":42,"tag":492,"props":2366,"children":2367},{"style":580},[2368],{"type":48,"value":1752},{"type":42,"tag":492,"props":2370,"children":2371},{"style":521},[2372],{"type":48,"value":577},{"type":42,"tag":492,"props":2374,"children":2375},{"style":515},[2376],{"type":48,"value":1436},{"type":42,"tag":492,"props":2378,"children":2379},{"style":521},[2380],{"type":48,"value":76},{"type":42,"tag":492,"props":2382,"children":2383},{"style":536},[2384],{"type":48,"value":1769},{"type":42,"tag":492,"props":2386,"children":2387},{"style":515},[2388],{"type":48,"value":1774},{"type":42,"tag":492,"props":2390,"children":2391},{"style":521},[2392],{"type":48,"value":549},{"type":42,"tag":492,"props":2394,"children":2395},{"class":494,"line":721},[2396],{"type":42,"tag":492,"props":2397,"children":2398},{"emptyLinePlaceholder":725},[2399],{"type":48,"value":728},{"type":42,"tag":492,"props":2401,"children":2402},{"class":494,"line":731},[2403],{"type":42,"tag":492,"props":2404,"children":2405},{"style":499},[2406],{"type":48,"value":2407},"\u002F\u002F WRONG: renderVideo is deprecated\n",{"type":42,"tag":492,"props":2409,"children":2410},{"class":494,"line":740},[2411,2415,2419,2423,2428,2433,2437,2442,2446,2451,2455,2459],{"type":42,"tag":492,"props":2412,"children":2413},{"style":1012},[2414],{"type":48,"value":1353},{"type":42,"tag":492,"props":2416,"children":2417},{"style":515},[2418],{"type":48,"value":1596},{"type":42,"tag":492,"props":2420,"children":2421},{"style":521},[2422],{"type":48,"value":76},{"type":42,"tag":492,"props":2424,"children":2425},{"style":536},[2426],{"type":48,"value":2427},"renderVideo",{"type":42,"tag":492,"props":2429,"children":2430},{"style":515},[2431],{"type":48,"value":2432},"(canvas",{"type":42,"tag":492,"props":2434,"children":2435},{"style":521},[2436],{"type":48,"value":592},{"type":42,"tag":492,"props":2438,"children":2439},{"style":515},[2440],{"type":48,"value":2441}," userId",{"type":42,"tag":492,"props":2443,"children":2444},{"style":521},[2445],{"type":48,"value":592},{"type":42,"tag":492,"props":2447,"children":2448},{"style":521},[2449],{"type":48,"value":2450}," ...",{"type":42,"tag":492,"props":2452,"children":2453},{"style":515},[2454],{"type":48,"value":1436},{"type":42,"tag":492,"props":2456,"children":2457},{"style":521},[2458],{"type":48,"value":1864},{"type":42,"tag":492,"props":2460,"children":2461},{"style":499},[2462],{"type":48,"value":2463},"  \u002F\u002F Don't use!\n",{"type":42,"tag":428,"props":2465,"children":2467},{"id":2466},"video-rendering-is-event-driven-critical",[2468],{"type":48,"value":2469},"Video Rendering is Event-Driven (CRITICAL)",{"type":42,"tag":51,"props":2471,"children":2472},{},[2473],{"type":48,"value":2474},"You MUST listen for events to properly render participant videos:",{"type":42,"tag":481,"props":2476,"children":2478},{"className":483,"code":2477,"language":18,"meta":485,"style":485},"\u002F\u002F When another participant's video state changes\nclient.on('peer-video-state-change', async (payload) => {\n  const { action, userId } = payload;\n\n  if (action === 'Start') {\n    \u002F\u002F Participant turned on video - attach it\n    const element = await stream.attachVideo(userId, VideoQuality.Video_360P);\n    container.appendChild(element);\n  } else if (action === 'Stop') {\n    \u002F\u002F Participant turned off video - detach it\n    await stream.detachVideo(userId);\n  }\n});\n\n\u002F\u002F When participants join\u002Fleave\nclient.on('user-added', (payload) => {\n  \u002F\u002F New participant joined - check if their video is on\n  const users = client.getAllUser();\n  \u002F\u002F Render videos for users with bVideoOn === true\n});\n\nclient.on('user-removed', (payload) => {\n  \u002F\u002F Participant left - clean up their video element\n  stream.detachVideo(payload[0].userId);\n});\n",[2479],{"type":42,"tag":488,"props":2480,"children":2481},{"__ignoreMap":485},[2482,2490,2558,2601,2608,2653,2661,2728,2760,2811,2819,2856,2864,2880,2887,2895,2951,2959,2996,3004,3019,3026,3083,3092,3149],{"type":42,"tag":492,"props":2483,"children":2484},{"class":494,"line":495},[2485],{"type":42,"tag":492,"props":2486,"children":2487},{"style":499},[2488],{"type":48,"value":2489},"\u002F\u002F When another participant's video state changes\n",{"type":42,"tag":492,"props":2491,"children":2492},{"class":494,"line":505},[2493,2498,2502,2507,2511,2515,2520,2524,2528,2533,2538,2544,2548,2553],{"type":42,"tag":492,"props":2494,"children":2495},{"style":515},[2496],{"type":48,"value":2497},"client",{"type":42,"tag":492,"props":2499,"children":2500},{"style":521},[2501],{"type":48,"value":76},{"type":42,"tag":492,"props":2503,"children":2504},{"style":536},[2505],{"type":48,"value":2506},"on",{"type":42,"tag":492,"props":2508,"children":2509},{"style":515},[2510],{"type":48,"value":572},{"type":42,"tag":492,"props":2512,"children":2513},{"style":521},[2514],{"type":48,"value":577},{"type":42,"tag":492,"props":2516,"children":2517},{"style":580},[2518],{"type":48,"value":2519},"peer-video-state-change",{"type":42,"tag":492,"props":2521,"children":2522},{"style":521},[2523],{"type":48,"value":577},{"type":42,"tag":492,"props":2525,"children":2526},{"style":521},[2527],{"type":48,"value":592},{"type":42,"tag":492,"props":2529,"children":2530},{"style":509},[2531],{"type":48,"value":2532}," async",{"type":42,"tag":492,"props":2534,"children":2535},{"style":521},[2536],{"type":48,"value":2537}," (",{"type":42,"tag":492,"props":2539,"children":2541},{"style":2540},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[2542],{"type":48,"value":2543},"payload",{"type":42,"tag":492,"props":2545,"children":2546},{"style":521},[2547],{"type":48,"value":1436},{"type":42,"tag":492,"props":2549,"children":2550},{"style":509},[2551],{"type":48,"value":2552}," =>",{"type":42,"tag":492,"props":2554,"children":2555},{"style":521},[2556],{"type":48,"value":2557}," {\n",{"type":42,"tag":492,"props":2559,"children":2560},{"class":494,"line":552},[2561,2566,2570,2575,2579,2583,2587,2592,2597],{"type":42,"tag":492,"props":2562,"children":2563},{"style":509},[2564],{"type":48,"value":2565},"  const",{"type":42,"tag":492,"props":2567,"children":2568},{"style":521},[2569],{"type":48,"value":1410},{"type":42,"tag":492,"props":2571,"children":2572},{"style":515},[2573],{"type":48,"value":2574}," action",{"type":42,"tag":492,"props":2576,"children":2577},{"style":521},[2578],{"type":48,"value":592},{"type":42,"tag":492,"props":2580,"children":2581},{"style":515},[2582],{"type":48,"value":2441},{"type":42,"tag":492,"props":2584,"children":2585},{"style":521},[2586],{"type":48,"value":1431},{"type":42,"tag":492,"props":2588,"children":2589},{"style":521},[2590],{"type":48,"value":2591}," =",{"type":42,"tag":492,"props":2593,"children":2594},{"style":515},[2595],{"type":48,"value":2596}," payload",{"type":42,"tag":492,"props":2598,"children":2599},{"style":521},[2600],{"type":48,"value":549},{"type":42,"tag":492,"props":2602,"children":2603},{"class":494,"line":613},[2604],{"type":42,"tag":492,"props":2605,"children":2606},{"emptyLinePlaceholder":725},[2607],{"type":48,"value":728},{"type":42,"tag":492,"props":2609,"children":2610},{"class":494,"line":667},[2611,2616,2620,2625,2630,2634,2639,2643,2648],{"type":42,"tag":492,"props":2612,"children":2613},{"style":1012},[2614],{"type":48,"value":2615},"  if",{"type":42,"tag":492,"props":2617,"children":2618},{"style":1147},[2619],{"type":48,"value":2537},{"type":42,"tag":492,"props":2621,"children":2622},{"style":515},[2623],{"type":48,"value":2624},"action",{"type":42,"tag":492,"props":2626,"children":2627},{"style":521},[2628],{"type":48,"value":2629}," ===",{"type":42,"tag":492,"props":2631,"children":2632},{"style":521},[2633],{"type":48,"value":1030},{"type":42,"tag":492,"props":2635,"children":2636},{"style":580},[2637],{"type":48,"value":2638},"Start",{"type":42,"tag":492,"props":2640,"children":2641},{"style":521},[2642],{"type":48,"value":577},{"type":42,"tag":492,"props":2644,"children":2645},{"style":1147},[2646],{"type":48,"value":2647},") ",{"type":42,"tag":492,"props":2649,"children":2650},{"style":521},[2651],{"type":48,"value":2652},"{\n",{"type":42,"tag":492,"props":2654,"children":2655},{"class":494,"line":721},[2656],{"type":42,"tag":492,"props":2657,"children":2658},{"style":499},[2659],{"type":48,"value":2660},"    \u002F\u002F Participant turned on video - attach it\n",{"type":42,"tag":492,"props":2662,"children":2663},{"class":494,"line":731},[2664,2669,2674,2678,2682,2686,2690,2694,2698,2703,2707,2711,2715,2720,2724],{"type":42,"tag":492,"props":2665,"children":2666},{"style":509},[2667],{"type":48,"value":2668},"    const",{"type":42,"tag":492,"props":2670,"children":2671},{"style":515},[2672],{"type":48,"value":2673}," element",{"type":42,"tag":492,"props":2675,"children":2676},{"style":521},[2677],{"type":48,"value":2591},{"type":42,"tag":492,"props":2679,"children":2680},{"style":1012},[2681],{"type":48,"value":1681},{"type":42,"tag":492,"props":2683,"children":2684},{"style":515},[2685],{"type":48,"value":1596},{"type":42,"tag":492,"props":2687,"children":2688},{"style":521},[2689],{"type":48,"value":76},{"type":42,"tag":492,"props":2691,"children":2692},{"style":536},[2693],{"type":48,"value":1694},{"type":42,"tag":492,"props":2695,"children":2696},{"style":1147},[2697],{"type":48,"value":572},{"type":42,"tag":492,"props":2699,"children":2700},{"style":515},[2701],{"type":48,"value":2702},"userId",{"type":42,"tag":492,"props":2704,"children":2705},{"style":521},[2706],{"type":48,"value":592},{"type":42,"tag":492,"props":2708,"children":2709},{"style":515},[2710],{"type":48,"value":1708},{"type":42,"tag":492,"props":2712,"children":2713},{"style":521},[2714],{"type":48,"value":76},{"type":42,"tag":492,"props":2716,"children":2717},{"style":515},[2718],{"type":48,"value":2719},"Video_360P",{"type":42,"tag":492,"props":2721,"children":2722},{"style":1147},[2723],{"type":48,"value":1436},{"type":42,"tag":492,"props":2725,"children":2726},{"style":521},[2727],{"type":48,"value":549},{"type":42,"tag":492,"props":2729,"children":2730},{"class":494,"line":740},[2731,2736,2740,2744,2748,2752,2756],{"type":42,"tag":492,"props":2732,"children":2733},{"style":515},[2734],{"type":48,"value":2735},"    container",{"type":42,"tag":492,"props":2737,"children":2738},{"style":521},[2739],{"type":48,"value":76},{"type":42,"tag":492,"props":2741,"children":2742},{"style":536},[2743],{"type":48,"value":1769},{"type":42,"tag":492,"props":2745,"children":2746},{"style":1147},[2747],{"type":48,"value":572},{"type":42,"tag":492,"props":2749,"children":2750},{"style":515},[2751],{"type":48,"value":42},{"type":42,"tag":492,"props":2753,"children":2754},{"style":1147},[2755],{"type":48,"value":1436},{"type":42,"tag":492,"props":2757,"children":2758},{"style":521},[2759],{"type":48,"value":549},{"type":42,"tag":492,"props":2761,"children":2762},{"class":494,"line":778},[2763,2768,2773,2778,2782,2786,2790,2794,2799,2803,2807],{"type":42,"tag":492,"props":2764,"children":2765},{"style":521},[2766],{"type":48,"value":2767},"  }",{"type":42,"tag":492,"props":2769,"children":2770},{"style":1012},[2771],{"type":48,"value":2772}," else",{"type":42,"tag":492,"props":2774,"children":2775},{"style":1012},[2776],{"type":48,"value":2777}," if",{"type":42,"tag":492,"props":2779,"children":2780},{"style":1147},[2781],{"type":48,"value":2537},{"type":42,"tag":492,"props":2783,"children":2784},{"style":515},[2785],{"type":48,"value":2624},{"type":42,"tag":492,"props":2787,"children":2788},{"style":521},[2789],{"type":48,"value":2629},{"type":42,"tag":492,"props":2791,"children":2792},{"style":521},[2793],{"type":48,"value":1030},{"type":42,"tag":492,"props":2795,"children":2796},{"style":580},[2797],{"type":48,"value":2798},"Stop",{"type":42,"tag":492,"props":2800,"children":2801},{"style":521},[2802],{"type":48,"value":577},{"type":42,"tag":492,"props":2804,"children":2805},{"style":1147},[2806],{"type":48,"value":2647},{"type":42,"tag":492,"props":2808,"children":2809},{"style":521},[2810],{"type":48,"value":2652},{"type":42,"tag":492,"props":2812,"children":2813},{"class":494,"line":833},[2814],{"type":42,"tag":492,"props":2815,"children":2816},{"style":499},[2817],{"type":48,"value":2818},"    \u002F\u002F Participant turned off video - detach it\n",{"type":42,"tag":492,"props":2820,"children":2821},{"class":494,"line":1514},[2822,2827,2831,2835,2840,2844,2848,2852],{"type":42,"tag":492,"props":2823,"children":2824},{"style":1012},[2825],{"type":48,"value":2826},"    await",{"type":42,"tag":492,"props":2828,"children":2829},{"style":515},[2830],{"type":48,"value":1596},{"type":42,"tag":492,"props":2832,"children":2833},{"style":521},[2834],{"type":48,"value":76},{"type":42,"tag":492,"props":2836,"children":2837},{"style":536},[2838],{"type":48,"value":2839},"detachVideo",{"type":42,"tag":492,"props":2841,"children":2842},{"style":1147},[2843],{"type":48,"value":572},{"type":42,"tag":492,"props":2845,"children":2846},{"style":515},[2847],{"type":48,"value":2702},{"type":42,"tag":492,"props":2849,"children":2850},{"style":1147},[2851],{"type":48,"value":1436},{"type":42,"tag":492,"props":2853,"children":2854},{"style":521},[2855],{"type":48,"value":549},{"type":42,"tag":492,"props":2857,"children":2858},{"class":494,"line":1522},[2859],{"type":42,"tag":492,"props":2860,"children":2861},{"style":521},[2862],{"type":48,"value":2863},"  }\n",{"type":42,"tag":492,"props":2865,"children":2866},{"class":494,"line":1531},[2867,2872,2876],{"type":42,"tag":492,"props":2868,"children":2869},{"style":521},[2870],{"type":48,"value":2871},"}",{"type":42,"tag":492,"props":2873,"children":2874},{"style":515},[2875],{"type":48,"value":1436},{"type":42,"tag":492,"props":2877,"children":2878},{"style":521},[2879],{"type":48,"value":549},{"type":42,"tag":492,"props":2881,"children":2882},{"class":494,"line":1569},[2883],{"type":42,"tag":492,"props":2884,"children":2885},{"emptyLinePlaceholder":725},[2886],{"type":48,"value":728},{"type":42,"tag":492,"props":2888,"children":2889},{"class":494,"line":1577},[2890],{"type":42,"tag":492,"props":2891,"children":2892},{"style":499},[2893],{"type":48,"value":2894},"\u002F\u002F When participants join\u002Fleave\n",{"type":42,"tag":492,"props":2896,"children":2897},{"class":494,"line":1586},[2898,2902,2906,2910,2914,2918,2923,2927,2931,2935,2939,2943,2947],{"type":42,"tag":492,"props":2899,"children":2900},{"style":515},[2901],{"type":48,"value":2497},{"type":42,"tag":492,"props":2903,"children":2904},{"style":521},[2905],{"type":48,"value":76},{"type":42,"tag":492,"props":2907,"children":2908},{"style":536},[2909],{"type":48,"value":2506},{"type":42,"tag":492,"props":2911,"children":2912},{"style":515},[2913],{"type":48,"value":572},{"type":42,"tag":492,"props":2915,"children":2916},{"style":521},[2917],{"type":48,"value":577},{"type":42,"tag":492,"props":2919,"children":2920},{"style":580},[2921],{"type":48,"value":2922},"user-added",{"type":42,"tag":492,"props":2924,"children":2925},{"style":521},[2926],{"type":48,"value":577},{"type":42,"tag":492,"props":2928,"children":2929},{"style":521},[2930],{"type":48,"value":592},{"type":42,"tag":492,"props":2932,"children":2933},{"style":521},[2934],{"type":48,"value":2537},{"type":42,"tag":492,"props":2936,"children":2937},{"style":2540},[2938],{"type":48,"value":2543},{"type":42,"tag":492,"props":2940,"children":2941},{"style":521},[2942],{"type":48,"value":1436},{"type":42,"tag":492,"props":2944,"children":2945},{"style":509},[2946],{"type":48,"value":2552},{"type":42,"tag":492,"props":2948,"children":2949},{"style":521},[2950],{"type":48,"value":2557},{"type":42,"tag":492,"props":2952,"children":2953},{"class":494,"line":1616},[2954],{"type":42,"tag":492,"props":2955,"children":2956},{"style":499},[2957],{"type":48,"value":2958},"  \u002F\u002F New participant joined - check if their video is on\n",{"type":42,"tag":492,"props":2960,"children":2961},{"class":494,"line":1645},[2962,2966,2971,2975,2979,2983,2988,2992],{"type":42,"tag":492,"props":2963,"children":2964},{"style":509},[2965],{"type":48,"value":2565},{"type":42,"tag":492,"props":2967,"children":2968},{"style":515},[2969],{"type":48,"value":2970}," users",{"type":42,"tag":492,"props":2972,"children":2973},{"style":521},[2974],{"type":48,"value":2591},{"type":42,"tag":492,"props":2976,"children":2977},{"style":515},[2978],{"type":48,"value":1358},{"type":42,"tag":492,"props":2980,"children":2981},{"style":521},[2982],{"type":48,"value":76},{"type":42,"tag":492,"props":2984,"children":2985},{"style":536},[2986],{"type":48,"value":2987},"getAllUser",{"type":42,"tag":492,"props":2989,"children":2990},{"style":1147},[2991],{"type":48,"value":544},{"type":42,"tag":492,"props":2993,"children":2994},{"style":521},[2995],{"type":48,"value":549},{"type":42,"tag":492,"props":2997,"children":2998},{"class":494,"line":1653},[2999],{"type":42,"tag":492,"props":3000,"children":3001},{"style":499},[3002],{"type":48,"value":3003},"  \u002F\u002F Render videos for users with bVideoOn === true\n",{"type":42,"tag":492,"props":3005,"children":3006},{"class":494,"line":1662},[3007,3011,3015],{"type":42,"tag":492,"props":3008,"children":3009},{"style":521},[3010],{"type":48,"value":2871},{"type":42,"tag":492,"props":3012,"children":3013},{"style":515},[3014],{"type":48,"value":1436},{"type":42,"tag":492,"props":3016,"children":3017},{"style":521},[3018],{"type":48,"value":549},{"type":42,"tag":492,"props":3020,"children":3021},{"class":494,"line":1724},[3022],{"type":42,"tag":492,"props":3023,"children":3024},{"emptyLinePlaceholder":725},[3025],{"type":48,"value":728},{"type":42,"tag":492,"props":3027,"children":3029},{"class":494,"line":3028},22,[3030,3034,3038,3042,3046,3050,3055,3059,3063,3067,3071,3075,3079],{"type":42,"tag":492,"props":3031,"children":3032},{"style":515},[3033],{"type":48,"value":2497},{"type":42,"tag":492,"props":3035,"children":3036},{"style":521},[3037],{"type":48,"value":76},{"type":42,"tag":492,"props":3039,"children":3040},{"style":536},[3041],{"type":48,"value":2506},{"type":42,"tag":492,"props":3043,"children":3044},{"style":515},[3045],{"type":48,"value":572},{"type":42,"tag":492,"props":3047,"children":3048},{"style":521},[3049],{"type":48,"value":577},{"type":42,"tag":492,"props":3051,"children":3052},{"style":580},[3053],{"type":48,"value":3054},"user-removed",{"type":42,"tag":492,"props":3056,"children":3057},{"style":521},[3058],{"type":48,"value":577},{"type":42,"tag":492,"props":3060,"children":3061},{"style":521},[3062],{"type":48,"value":592},{"type":42,"tag":492,"props":3064,"children":3065},{"style":521},[3066],{"type":48,"value":2537},{"type":42,"tag":492,"props":3068,"children":3069},{"style":2540},[3070],{"type":48,"value":2543},{"type":42,"tag":492,"props":3072,"children":3073},{"style":521},[3074],{"type":48,"value":1436},{"type":42,"tag":492,"props":3076,"children":3077},{"style":509},[3078],{"type":48,"value":2552},{"type":42,"tag":492,"props":3080,"children":3081},{"style":521},[3082],{"type":48,"value":2557},{"type":42,"tag":492,"props":3084,"children":3086},{"class":494,"line":3085},23,[3087],{"type":42,"tag":492,"props":3088,"children":3089},{"style":499},[3090],{"type":48,"value":3091},"  \u002F\u002F Participant left - clean up their video element\n",{"type":42,"tag":492,"props":3093,"children":3095},{"class":494,"line":3094},24,[3096,3101,3105,3109,3113,3117,3122,3128,3133,3137,3141,3145],{"type":42,"tag":492,"props":3097,"children":3098},{"style":515},[3099],{"type":48,"value":3100},"  stream",{"type":42,"tag":492,"props":3102,"children":3103},{"style":521},[3104],{"type":48,"value":76},{"type":42,"tag":492,"props":3106,"children":3107},{"style":536},[3108],{"type":48,"value":2839},{"type":42,"tag":492,"props":3110,"children":3111},{"style":1147},[3112],{"type":48,"value":572},{"type":42,"tag":492,"props":3114,"children":3115},{"style":515},[3116],{"type":48,"value":2543},{"type":42,"tag":492,"props":3118,"children":3119},{"style":1147},[3120],{"type":48,"value":3121},"[",{"type":42,"tag":492,"props":3123,"children":3125},{"style":3124},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[3126],{"type":48,"value":3127},"0",{"type":42,"tag":492,"props":3129,"children":3130},{"style":1147},[3131],{"type":48,"value":3132},"]",{"type":42,"tag":492,"props":3134,"children":3135},{"style":521},[3136],{"type":48,"value":76},{"type":42,"tag":492,"props":3138,"children":3139},{"style":515},[3140],{"type":48,"value":2702},{"type":42,"tag":492,"props":3142,"children":3143},{"style":1147},[3144],{"type":48,"value":1436},{"type":42,"tag":492,"props":3146,"children":3147},{"style":521},[3148],{"type":48,"value":549},{"type":42,"tag":492,"props":3150,"children":3152},{"class":494,"line":3151},25,[3153,3157,3161],{"type":42,"tag":492,"props":3154,"children":3155},{"style":521},[3156],{"type":48,"value":2871},{"type":42,"tag":492,"props":3158,"children":3159},{"style":515},[3160],{"type":48,"value":1436},{"type":42,"tag":492,"props":3162,"children":3163},{"style":521},[3164],{"type":48,"value":549},{"type":42,"tag":428,"props":3166,"children":3168},{"id":3167},"peer-video-on-mid-session-join",[3169],{"type":48,"value":3170},"Peer Video on Mid-Session Join",{"type":42,"tag":51,"props":3172,"children":3173},{},[3174],{"type":42,"tag":62,"props":3175,"children":3176},{},[3177],{"type":48,"value":3178},"Existing participants' videos won't auto-render when you join mid-session.",{"type":42,"tag":481,"props":3180,"children":3182},{"className":483,"code":3181,"language":18,"meta":485,"style":485},"\u002F\u002F After joining, render existing participants' videos\nconst renderExistingVideos = async () => {\n  await new Promise(resolve => setTimeout(resolve, 500));\n\n  const users = client.getAllUser();\n  const currentUserId = client.getCurrentUserInfo().userId;\n\n  for (const user of users) {\n    if (user.bVideoOn && user.userId !== currentUserId) {\n      const element = await stream.attachVideo(user.userId, VideoQuality.Video_360P);\n      document.getElementById(`video-${user.userId}`).appendChild(element);\n    }\n  }\n};\n",[3183],{"type":42,"tag":488,"props":3184,"children":3185},{"__ignoreMap":485},[3186,3194,3227,3289,3296,3331,3376,3383,3421,3481,3553,3633,3641,3648],{"type":42,"tag":492,"props":3187,"children":3188},{"class":494,"line":495},[3189],{"type":42,"tag":492,"props":3190,"children":3191},{"style":499},[3192],{"type":48,"value":3193},"\u002F\u002F After joining, render existing participants' videos\n",{"type":42,"tag":492,"props":3195,"children":3196},{"class":494,"line":505},[3197,3201,3206,3210,3214,3219,3223],{"type":42,"tag":492,"props":3198,"children":3199},{"style":509},[3200],{"type":48,"value":512},{"type":42,"tag":492,"props":3202,"children":3203},{"style":515},[3204],{"type":48,"value":3205}," renderExistingVideos ",{"type":42,"tag":492,"props":3207,"children":3208},{"style":521},[3209],{"type":48,"value":524},{"type":42,"tag":492,"props":3211,"children":3212},{"style":509},[3213],{"type":48,"value":2532},{"type":42,"tag":492,"props":3215,"children":3216},{"style":521},[3217],{"type":48,"value":3218}," ()",{"type":42,"tag":492,"props":3220,"children":3221},{"style":509},[3222],{"type":48,"value":2552},{"type":42,"tag":492,"props":3224,"children":3225},{"style":521},[3226],{"type":48,"value":2557},{"type":42,"tag":492,"props":3228,"children":3229},{"class":494,"line":552},[3230,3235,3240,3245,3249,3254,3258,3263,3267,3271,3275,3280,3285],{"type":42,"tag":492,"props":3231,"children":3232},{"style":1012},[3233],{"type":48,"value":3234},"  await",{"type":42,"tag":492,"props":3236,"children":3237},{"style":521},[3238],{"type":48,"value":3239}," new",{"type":42,"tag":492,"props":3241,"children":3242},{"style":986},[3243],{"type":48,"value":3244}," Promise",{"type":42,"tag":492,"props":3246,"children":3247},{"style":1147},[3248],{"type":48,"value":572},{"type":42,"tag":492,"props":3250,"children":3251},{"style":2540},[3252],{"type":48,"value":3253},"resolve",{"type":42,"tag":492,"props":3255,"children":3256},{"style":509},[3257],{"type":48,"value":2552},{"type":42,"tag":492,"props":3259,"children":3260},{"style":536},[3261],{"type":48,"value":3262}," setTimeout",{"type":42,"tag":492,"props":3264,"children":3265},{"style":1147},[3266],{"type":48,"value":572},{"type":42,"tag":492,"props":3268,"children":3269},{"style":515},[3270],{"type":48,"value":3253},{"type":42,"tag":492,"props":3272,"children":3273},{"style":521},[3274],{"type":48,"value":592},{"type":42,"tag":492,"props":3276,"children":3277},{"style":3124},[3278],{"type":48,"value":3279}," 500",{"type":42,"tag":492,"props":3281,"children":3282},{"style":1147},[3283],{"type":48,"value":3284},"))",{"type":42,"tag":492,"props":3286,"children":3287},{"style":521},[3288],{"type":48,"value":549},{"type":42,"tag":492,"props":3290,"children":3291},{"class":494,"line":613},[3292],{"type":42,"tag":492,"props":3293,"children":3294},{"emptyLinePlaceholder":725},[3295],{"type":48,"value":728},{"type":42,"tag":492,"props":3297,"children":3298},{"class":494,"line":667},[3299,3303,3307,3311,3315,3319,3323,3327],{"type":42,"tag":492,"props":3300,"children":3301},{"style":509},[3302],{"type":48,"value":2565},{"type":42,"tag":492,"props":3304,"children":3305},{"style":515},[3306],{"type":48,"value":2970},{"type":42,"tag":492,"props":3308,"children":3309},{"style":521},[3310],{"type":48,"value":2591},{"type":42,"tag":492,"props":3312,"children":3313},{"style":515},[3314],{"type":48,"value":1358},{"type":42,"tag":492,"props":3316,"children":3317},{"style":521},[3318],{"type":48,"value":76},{"type":42,"tag":492,"props":3320,"children":3321},{"style":536},[3322],{"type":48,"value":2987},{"type":42,"tag":492,"props":3324,"children":3325},{"style":1147},[3326],{"type":48,"value":544},{"type":42,"tag":492,"props":3328,"children":3329},{"style":521},[3330],{"type":48,"value":549},{"type":42,"tag":492,"props":3332,"children":3333},{"class":494,"line":721},[3334,3338,3343,3347,3351,3355,3360,3364,3368,3372],{"type":42,"tag":492,"props":3335,"children":3336},{"style":509},[3337],{"type":48,"value":2565},{"type":42,"tag":492,"props":3339,"children":3340},{"style":515},[3341],{"type":48,"value":3342}," currentUserId",{"type":42,"tag":492,"props":3344,"children":3345},{"style":521},[3346],{"type":48,"value":2591},{"type":42,"tag":492,"props":3348,"children":3349},{"style":515},[3350],{"type":48,"value":1358},{"type":42,"tag":492,"props":3352,"children":3353},{"style":521},[3354],{"type":48,"value":76},{"type":42,"tag":492,"props":3356,"children":3357},{"style":536},[3358],{"type":48,"value":3359},"getCurrentUserInfo",{"type":42,"tag":492,"props":3361,"children":3362},{"style":1147},[3363],{"type":48,"value":544},{"type":42,"tag":492,"props":3365,"children":3366},{"style":521},[3367],{"type":48,"value":76},{"type":42,"tag":492,"props":3369,"children":3370},{"style":515},[3371],{"type":48,"value":2702},{"type":42,"tag":492,"props":3373,"children":3374},{"style":521},[3375],{"type":48,"value":549},{"type":42,"tag":492,"props":3377,"children":3378},{"class":494,"line":731},[3379],{"type":42,"tag":492,"props":3380,"children":3381},{"emptyLinePlaceholder":725},[3382],{"type":48,"value":728},{"type":42,"tag":492,"props":3384,"children":3385},{"class":494,"line":740},[3386,3391,3395,3399,3404,3409,3413,3417],{"type":42,"tag":492,"props":3387,"children":3388},{"style":1012},[3389],{"type":48,"value":3390},"  for",{"type":42,"tag":492,"props":3392,"children":3393},{"style":1147},[3394],{"type":48,"value":2537},{"type":42,"tag":492,"props":3396,"children":3397},{"style":509},[3398],{"type":48,"value":512},{"type":42,"tag":492,"props":3400,"children":3401},{"style":515},[3402],{"type":48,"value":3403}," user",{"type":42,"tag":492,"props":3405,"children":3406},{"style":521},[3407],{"type":48,"value":3408}," of",{"type":42,"tag":492,"props":3410,"children":3411},{"style":515},[3412],{"type":48,"value":2970},{"type":42,"tag":492,"props":3414,"children":3415},{"style":1147},[3416],{"type":48,"value":2647},{"type":42,"tag":492,"props":3418,"children":3419},{"style":521},[3420],{"type":48,"value":2652},{"type":42,"tag":492,"props":3422,"children":3423},{"class":494,"line":778},[3424,3429,3433,3438,3442,3447,3452,3456,3460,3464,3469,3473,3477],{"type":42,"tag":492,"props":3425,"children":3426},{"style":1012},[3427],{"type":48,"value":3428},"    if",{"type":42,"tag":492,"props":3430,"children":3431},{"style":1147},[3432],{"type":48,"value":2537},{"type":42,"tag":492,"props":3434,"children":3435},{"style":515},[3436],{"type":48,"value":3437},"user",{"type":42,"tag":492,"props":3439,"children":3440},{"style":521},[3441],{"type":48,"value":76},{"type":42,"tag":492,"props":3443,"children":3444},{"style":515},[3445],{"type":48,"value":3446},"bVideoOn",{"type":42,"tag":492,"props":3448,"children":3449},{"style":521},[3450],{"type":48,"value":3451}," &&",{"type":42,"tag":492,"props":3453,"children":3454},{"style":515},[3455],{"type":48,"value":3403},{"type":42,"tag":492,"props":3457,"children":3458},{"style":521},[3459],{"type":48,"value":76},{"type":42,"tag":492,"props":3461,"children":3462},{"style":515},[3463],{"type":48,"value":2702},{"type":42,"tag":492,"props":3465,"children":3466},{"style":521},[3467],{"type":48,"value":3468}," !==",{"type":42,"tag":492,"props":3470,"children":3471},{"style":515},[3472],{"type":48,"value":3342},{"type":42,"tag":492,"props":3474,"children":3475},{"style":1147},[3476],{"type":48,"value":2647},{"type":42,"tag":492,"props":3478,"children":3479},{"style":521},[3480],{"type":48,"value":2652},{"type":42,"tag":492,"props":3482,"children":3483},{"class":494,"line":833},[3484,3489,3493,3497,3501,3505,3509,3513,3517,3521,3525,3529,3533,3537,3541,3545,3549],{"type":42,"tag":492,"props":3485,"children":3486},{"style":509},[3487],{"type":48,"value":3488},"      const",{"type":42,"tag":492,"props":3490,"children":3491},{"style":515},[3492],{"type":48,"value":2673},{"type":42,"tag":492,"props":3494,"children":3495},{"style":521},[3496],{"type":48,"value":2591},{"type":42,"tag":492,"props":3498,"children":3499},{"style":1012},[3500],{"type":48,"value":1681},{"type":42,"tag":492,"props":3502,"children":3503},{"style":515},[3504],{"type":48,"value":1596},{"type":42,"tag":492,"props":3506,"children":3507},{"style":521},[3508],{"type":48,"value":76},{"type":42,"tag":492,"props":3510,"children":3511},{"style":536},[3512],{"type":48,"value":1694},{"type":42,"tag":492,"props":3514,"children":3515},{"style":1147},[3516],{"type":48,"value":572},{"type":42,"tag":492,"props":3518,"children":3519},{"style":515},[3520],{"type":48,"value":3437},{"type":42,"tag":492,"props":3522,"children":3523},{"style":521},[3524],{"type":48,"value":76},{"type":42,"tag":492,"props":3526,"children":3527},{"style":515},[3528],{"type":48,"value":2702},{"type":42,"tag":492,"props":3530,"children":3531},{"style":521},[3532],{"type":48,"value":592},{"type":42,"tag":492,"props":3534,"children":3535},{"style":515},[3536],{"type":48,"value":1708},{"type":42,"tag":492,"props":3538,"children":3539},{"style":521},[3540],{"type":48,"value":76},{"type":42,"tag":492,"props":3542,"children":3543},{"style":515},[3544],{"type":48,"value":2719},{"type":42,"tag":492,"props":3546,"children":3547},{"style":1147},[3548],{"type":48,"value":1436},{"type":42,"tag":492,"props":3550,"children":3551},{"style":521},[3552],{"type":48,"value":549},{"type":42,"tag":492,"props":3554,"children":3555},{"class":494,"line":1514},[3556,3561,3565,3569,3573,3578,3583,3588,3592,3596,3600,3605,3609,3613,3617,3621,3625,3629],{"type":42,"tag":492,"props":3557,"children":3558},{"style":515},[3559],{"type":48,"value":3560},"      document",{"type":42,"tag":492,"props":3562,"children":3563},{"style":521},[3564],{"type":48,"value":76},{"type":42,"tag":492,"props":3566,"children":3567},{"style":536},[3568],{"type":48,"value":1739},{"type":42,"tag":492,"props":3570,"children":3571},{"style":1147},[3572],{"type":48,"value":572},{"type":42,"tag":492,"props":3574,"children":3575},{"style":521},[3576],{"type":48,"value":3577},"`",{"type":42,"tag":492,"props":3579,"children":3580},{"style":580},[3581],{"type":48,"value":3582},"video-",{"type":42,"tag":492,"props":3584,"children":3585},{"style":521},[3586],{"type":48,"value":3587},"${",{"type":42,"tag":492,"props":3589,"children":3590},{"style":515},[3591],{"type":48,"value":3437},{"type":42,"tag":492,"props":3593,"children":3594},{"style":521},[3595],{"type":48,"value":76},{"type":42,"tag":492,"props":3597,"children":3598},{"style":515},[3599],{"type":48,"value":2702},{"type":42,"tag":492,"props":3601,"children":3602},{"style":521},[3603],{"type":48,"value":3604},"}`",{"type":42,"tag":492,"props":3606,"children":3607},{"style":1147},[3608],{"type":48,"value":1436},{"type":42,"tag":492,"props":3610,"children":3611},{"style":521},[3612],{"type":48,"value":76},{"type":42,"tag":492,"props":3614,"children":3615},{"style":536},[3616],{"type":48,"value":1769},{"type":42,"tag":492,"props":3618,"children":3619},{"style":1147},[3620],{"type":48,"value":572},{"type":42,"tag":492,"props":3622,"children":3623},{"style":515},[3624],{"type":48,"value":42},{"type":42,"tag":492,"props":3626,"children":3627},{"style":1147},[3628],{"type":48,"value":1436},{"type":42,"tag":492,"props":3630,"children":3631},{"style":521},[3632],{"type":48,"value":549},{"type":42,"tag":492,"props":3634,"children":3635},{"class":494,"line":1522},[3636],{"type":42,"tag":492,"props":3637,"children":3638},{"style":521},[3639],{"type":48,"value":3640},"    }\n",{"type":42,"tag":492,"props":3642,"children":3643},{"class":494,"line":1531},[3644],{"type":42,"tag":492,"props":3645,"children":3646},{"style":521},[3647],{"type":48,"value":2863},{"type":42,"tag":492,"props":3649,"children":3650},{"class":494,"line":1569},[3651],{"type":42,"tag":492,"props":3652,"children":3653},{"style":521},[3654],{"type":48,"value":3655},"};\n",{"type":42,"tag":428,"props":3657,"children":3659},{"id":3658},"cdn-race-condition-with-es-modules",[3660],{"type":48,"value":3661},"CDN Race Condition with ES Modules",{"type":42,"tag":51,"props":3663,"children":3664},{},[3665,3667,3673],{"type":48,"value":3666},"When using ",{"type":42,"tag":488,"props":3668,"children":3670},{"className":3669},[],[3671],{"type":48,"value":3672},"\u003Cscript type=\"module\">",{"type":48,"value":3674}," with CDN, the SDK may not be loaded yet:",{"type":42,"tag":481,"props":3676,"children":3678},{"className":483,"code":3677,"language":18,"meta":485,"style":485},"function waitForSDK(timeout = 10000) {\n  return new Promise((resolve, reject) => {\n    if (typeof WebVideoSDK !== 'undefined') {\n      resolve();\n      return;\n    }\n    const start = Date.now();\n    const check = setInterval(() => {\n      if (typeof WebVideoSDK !== 'undefined') {\n        clearInterval(check);\n        resolve();\n      } else if (Date.now() - start > timeout) {\n        clearInterval(check);\n        reject(new Error('SDK failed to load'));\n      }\n    }, 100);\n  });\n}\n\nawait waitForSDK();\nconst ZoomVideo = WebVideoSDK.default;\n",[3679],{"type":42,"tag":488,"props":3680,"children":3681},{"__ignoreMap":485},[3682,3721,3770,3815,3831,3843,3850,3888,3925,3969,3994,4010,4075,4098,4145,4153,4174,4189,4197,4204,4223],{"type":42,"tag":492,"props":3683,"children":3684},{"class":494,"line":495},[3685,3690,3695,3699,3704,3708,3713,3717],{"type":42,"tag":492,"props":3686,"children":3687},{"style":509},[3688],{"type":48,"value":3689},"function",{"type":42,"tag":492,"props":3691,"children":3692},{"style":536},[3693],{"type":48,"value":3694}," waitForSDK",{"type":42,"tag":492,"props":3696,"children":3697},{"style":521},[3698],{"type":48,"value":572},{"type":42,"tag":492,"props":3700,"children":3701},{"style":2540},[3702],{"type":48,"value":3703},"timeout",{"type":42,"tag":492,"props":3705,"children":3706},{"style":521},[3707],{"type":48,"value":2591},{"type":42,"tag":492,"props":3709,"children":3710},{"style":3124},[3711],{"type":48,"value":3712}," 10000",{"type":42,"tag":492,"props":3714,"children":3715},{"style":521},[3716],{"type":48,"value":1436},{"type":42,"tag":492,"props":3718,"children":3719},{"style":521},[3720],{"type":48,"value":2557},{"type":42,"tag":492,"props":3722,"children":3723},{"class":494,"line":505},[3724,3729,3733,3737,3741,3745,3749,3753,3758,3762,3766],{"type":42,"tag":492,"props":3725,"children":3726},{"style":1012},[3727],{"type":48,"value":3728},"  return",{"type":42,"tag":492,"props":3730,"children":3731},{"style":521},[3732],{"type":48,"value":3239},{"type":42,"tag":492,"props":3734,"children":3735},{"style":986},[3736],{"type":48,"value":3244},{"type":42,"tag":492,"props":3738,"children":3739},{"style":1147},[3740],{"type":48,"value":572},{"type":42,"tag":492,"props":3742,"children":3743},{"style":521},[3744],{"type":48,"value":572},{"type":42,"tag":492,"props":3746,"children":3747},{"style":2540},[3748],{"type":48,"value":3253},{"type":42,"tag":492,"props":3750,"children":3751},{"style":521},[3752],{"type":48,"value":592},{"type":42,"tag":492,"props":3754,"children":3755},{"style":2540},[3756],{"type":48,"value":3757}," reject",{"type":42,"tag":492,"props":3759,"children":3760},{"style":521},[3761],{"type":48,"value":1436},{"type":42,"tag":492,"props":3763,"children":3764},{"style":509},[3765],{"type":48,"value":2552},{"type":42,"tag":492,"props":3767,"children":3768},{"style":521},[3769],{"type":48,"value":2557},{"type":42,"tag":492,"props":3771,"children":3772},{"class":494,"line":552},[3773,3777,3781,3786,3790,3794,3798,3803,3807,3811],{"type":42,"tag":492,"props":3774,"children":3775},{"style":1012},[3776],{"type":48,"value":3428},{"type":42,"tag":492,"props":3778,"children":3779},{"style":1147},[3780],{"type":48,"value":2537},{"type":42,"tag":492,"props":3782,"children":3783},{"style":521},[3784],{"type":48,"value":3785},"typeof",{"type":42,"tag":492,"props":3787,"children":3788},{"style":515},[3789],{"type":48,"value":1221},{"type":42,"tag":492,"props":3791,"children":3792},{"style":521},[3793],{"type":48,"value":3468},{"type":42,"tag":492,"props":3795,"children":3796},{"style":521},[3797],{"type":48,"value":1030},{"type":42,"tag":492,"props":3799,"children":3800},{"style":580},[3801],{"type":48,"value":3802},"undefined",{"type":42,"tag":492,"props":3804,"children":3805},{"style":521},[3806],{"type":48,"value":577},{"type":42,"tag":492,"props":3808,"children":3809},{"style":1147},[3810],{"type":48,"value":2647},{"type":42,"tag":492,"props":3812,"children":3813},{"style":521},[3814],{"type":48,"value":2652},{"type":42,"tag":492,"props":3816,"children":3817},{"class":494,"line":613},[3818,3823,3827],{"type":42,"tag":492,"props":3819,"children":3820},{"style":536},[3821],{"type":48,"value":3822},"      resolve",{"type":42,"tag":492,"props":3824,"children":3825},{"style":1147},[3826],{"type":48,"value":544},{"type":42,"tag":492,"props":3828,"children":3829},{"style":521},[3830],{"type":48,"value":549},{"type":42,"tag":492,"props":3832,"children":3833},{"class":494,"line":667},[3834,3839],{"type":42,"tag":492,"props":3835,"children":3836},{"style":1012},[3837],{"type":48,"value":3838},"      return",{"type":42,"tag":492,"props":3840,"children":3841},{"style":521},[3842],{"type":48,"value":549},{"type":42,"tag":492,"props":3844,"children":3845},{"class":494,"line":721},[3846],{"type":42,"tag":492,"props":3847,"children":3848},{"style":521},[3849],{"type":48,"value":3640},{"type":42,"tag":492,"props":3851,"children":3852},{"class":494,"line":731},[3853,3857,3862,3866,3871,3875,3880,3884],{"type":42,"tag":492,"props":3854,"children":3855},{"style":509},[3856],{"type":48,"value":2668},{"type":42,"tag":492,"props":3858,"children":3859},{"style":515},[3860],{"type":48,"value":3861}," start",{"type":42,"tag":492,"props":3863,"children":3864},{"style":521},[3865],{"type":48,"value":2591},{"type":42,"tag":492,"props":3867,"children":3868},{"style":515},[3869],{"type":48,"value":3870}," Date",{"type":42,"tag":492,"props":3872,"children":3873},{"style":521},[3874],{"type":48,"value":76},{"type":42,"tag":492,"props":3876,"children":3877},{"style":536},[3878],{"type":48,"value":3879},"now",{"type":42,"tag":492,"props":3881,"children":3882},{"style":1147},[3883],{"type":48,"value":544},{"type":42,"tag":492,"props":3885,"children":3886},{"style":521},[3887],{"type":48,"value":549},{"type":42,"tag":492,"props":3889,"children":3890},{"class":494,"line":740},[3891,3895,3900,3904,3909,3913,3917,3921],{"type":42,"tag":492,"props":3892,"children":3893},{"style":509},[3894],{"type":48,"value":2668},{"type":42,"tag":492,"props":3896,"children":3897},{"style":515},[3898],{"type":48,"value":3899}," check",{"type":42,"tag":492,"props":3901,"children":3902},{"style":521},[3903],{"type":48,"value":2591},{"type":42,"tag":492,"props":3905,"children":3906},{"style":536},[3907],{"type":48,"value":3908}," setInterval",{"type":42,"tag":492,"props":3910,"children":3911},{"style":1147},[3912],{"type":48,"value":572},{"type":42,"tag":492,"props":3914,"children":3915},{"style":521},[3916],{"type":48,"value":544},{"type":42,"tag":492,"props":3918,"children":3919},{"style":509},[3920],{"type":48,"value":2552},{"type":42,"tag":492,"props":3922,"children":3923},{"style":521},[3924],{"type":48,"value":2557},{"type":42,"tag":492,"props":3926,"children":3927},{"class":494,"line":778},[3928,3933,3937,3941,3945,3949,3953,3957,3961,3965],{"type":42,"tag":492,"props":3929,"children":3930},{"style":1012},[3931],{"type":48,"value":3932},"      if",{"type":42,"tag":492,"props":3934,"children":3935},{"style":1147},[3936],{"type":48,"value":2537},{"type":42,"tag":492,"props":3938,"children":3939},{"style":521},[3940],{"type":48,"value":3785},{"type":42,"tag":492,"props":3942,"children":3943},{"style":515},[3944],{"type":48,"value":1221},{"type":42,"tag":492,"props":3946,"children":3947},{"style":521},[3948],{"type":48,"value":3468},{"type":42,"tag":492,"props":3950,"children":3951},{"style":521},[3952],{"type":48,"value":1030},{"type":42,"tag":492,"props":3954,"children":3955},{"style":580},[3956],{"type":48,"value":3802},{"type":42,"tag":492,"props":3958,"children":3959},{"style":521},[3960],{"type":48,"value":577},{"type":42,"tag":492,"props":3962,"children":3963},{"style":1147},[3964],{"type":48,"value":2647},{"type":42,"tag":492,"props":3966,"children":3967},{"style":521},[3968],{"type":48,"value":2652},{"type":42,"tag":492,"props":3970,"children":3971},{"class":494,"line":833},[3972,3977,3981,3986,3990],{"type":42,"tag":492,"props":3973,"children":3974},{"style":536},[3975],{"type":48,"value":3976},"        clearInterval",{"type":42,"tag":492,"props":3978,"children":3979},{"style":1147},[3980],{"type":48,"value":572},{"type":42,"tag":492,"props":3982,"children":3983},{"style":515},[3984],{"type":48,"value":3985},"check",{"type":42,"tag":492,"props":3987,"children":3988},{"style":1147},[3989],{"type":48,"value":1436},{"type":42,"tag":492,"props":3991,"children":3992},{"style":521},[3993],{"type":48,"value":549},{"type":42,"tag":492,"props":3995,"children":3996},{"class":494,"line":1514},[3997,4002,4006],{"type":42,"tag":492,"props":3998,"children":3999},{"style":536},[4000],{"type":48,"value":4001},"        resolve",{"type":42,"tag":492,"props":4003,"children":4004},{"style":1147},[4005],{"type":48,"value":544},{"type":42,"tag":492,"props":4007,"children":4008},{"style":521},[4009],{"type":48,"value":549},{"type":42,"tag":492,"props":4011,"children":4012},{"class":494,"line":1522},[4013,4018,4022,4026,4030,4035,4039,4043,4048,4053,4057,4062,4067,4071],{"type":42,"tag":492,"props":4014,"children":4015},{"style":521},[4016],{"type":48,"value":4017},"      }",{"type":42,"tag":492,"props":4019,"children":4020},{"style":1012},[4021],{"type":48,"value":2772},{"type":42,"tag":492,"props":4023,"children":4024},{"style":1012},[4025],{"type":48,"value":2777},{"type":42,"tag":492,"props":4027,"children":4028},{"style":1147},[4029],{"type":48,"value":2537},{"type":42,"tag":492,"props":4031,"children":4032},{"style":515},[4033],{"type":48,"value":4034},"Date",{"type":42,"tag":492,"props":4036,"children":4037},{"style":521},[4038],{"type":48,"value":76},{"type":42,"tag":492,"props":4040,"children":4041},{"style":536},[4042],{"type":48,"value":3879},{"type":42,"tag":492,"props":4044,"children":4045},{"style":1147},[4046],{"type":48,"value":4047},"() ",{"type":42,"tag":492,"props":4049,"children":4050},{"style":521},[4051],{"type":48,"value":4052},"-",{"type":42,"tag":492,"props":4054,"children":4055},{"style":515},[4056],{"type":48,"value":3861},{"type":42,"tag":492,"props":4058,"children":4059},{"style":521},[4060],{"type":48,"value":4061}," >",{"type":42,"tag":492,"props":4063,"children":4064},{"style":515},[4065],{"type":48,"value":4066}," timeout",{"type":42,"tag":492,"props":4068,"children":4069},{"style":1147},[4070],{"type":48,"value":2647},{"type":42,"tag":492,"props":4072,"children":4073},{"style":521},[4074],{"type":48,"value":2652},{"type":42,"tag":492,"props":4076,"children":4077},{"class":494,"line":1531},[4078,4082,4086,4090,4094],{"type":42,"tag":492,"props":4079,"children":4080},{"style":536},[4081],{"type":48,"value":3976},{"type":42,"tag":492,"props":4083,"children":4084},{"style":1147},[4085],{"type":48,"value":572},{"type":42,"tag":492,"props":4087,"children":4088},{"style":515},[4089],{"type":48,"value":3985},{"type":42,"tag":492,"props":4091,"children":4092},{"style":1147},[4093],{"type":48,"value":1436},{"type":42,"tag":492,"props":4095,"children":4096},{"style":521},[4097],{"type":48,"value":549},{"type":42,"tag":492,"props":4099,"children":4100},{"class":494,"line":1569},[4101,4106,4110,4115,4120,4124,4128,4133,4137,4141],{"type":42,"tag":492,"props":4102,"children":4103},{"style":536},[4104],{"type":48,"value":4105},"        reject",{"type":42,"tag":492,"props":4107,"children":4108},{"style":1147},[4109],{"type":48,"value":572},{"type":42,"tag":492,"props":4111,"children":4112},{"style":521},[4113],{"type":48,"value":4114},"new",{"type":42,"tag":492,"props":4116,"children":4117},{"style":536},[4118],{"type":48,"value":4119}," Error",{"type":42,"tag":492,"props":4121,"children":4122},{"style":1147},[4123],{"type":48,"value":572},{"type":42,"tag":492,"props":4125,"children":4126},{"style":521},[4127],{"type":48,"value":577},{"type":42,"tag":492,"props":4129,"children":4130},{"style":580},[4131],{"type":48,"value":4132},"SDK failed to load",{"type":42,"tag":492,"props":4134,"children":4135},{"style":521},[4136],{"type":48,"value":577},{"type":42,"tag":492,"props":4138,"children":4139},{"style":1147},[4140],{"type":48,"value":3284},{"type":42,"tag":492,"props":4142,"children":4143},{"style":521},[4144],{"type":48,"value":549},{"type":42,"tag":492,"props":4146,"children":4147},{"class":494,"line":1577},[4148],{"type":42,"tag":492,"props":4149,"children":4150},{"style":521},[4151],{"type":48,"value":4152},"      }\n",{"type":42,"tag":492,"props":4154,"children":4155},{"class":494,"line":1586},[4156,4161,4166,4170],{"type":42,"tag":492,"props":4157,"children":4158},{"style":521},[4159],{"type":48,"value":4160},"    },",{"type":42,"tag":492,"props":4162,"children":4163},{"style":3124},[4164],{"type":48,"value":4165}," 100",{"type":42,"tag":492,"props":4167,"children":4168},{"style":1147},[4169],{"type":48,"value":1436},{"type":42,"tag":492,"props":4171,"children":4172},{"style":521},[4173],{"type":48,"value":549},{"type":42,"tag":492,"props":4175,"children":4176},{"class":494,"line":1616},[4177,4181,4185],{"type":42,"tag":492,"props":4178,"children":4179},{"style":521},[4180],{"type":48,"value":2767},{"type":42,"tag":492,"props":4182,"children":4183},{"style":1147},[4184],{"type":48,"value":1436},{"type":42,"tag":492,"props":4186,"children":4187},{"style":521},[4188],{"type":48,"value":549},{"type":42,"tag":492,"props":4190,"children":4191},{"class":494,"line":1645},[4192],{"type":42,"tag":492,"props":4193,"children":4194},{"style":521},[4195],{"type":48,"value":4196},"}\n",{"type":42,"tag":492,"props":4198,"children":4199},{"class":494,"line":1653},[4200],{"type":42,"tag":492,"props":4201,"children":4202},{"emptyLinePlaceholder":725},[4203],{"type":48,"value":728},{"type":42,"tag":492,"props":4205,"children":4206},{"class":494,"line":1662},[4207,4211,4215,4219],{"type":42,"tag":492,"props":4208,"children":4209},{"style":1012},[4210],{"type":48,"value":1353},{"type":42,"tag":492,"props":4212,"children":4213},{"style":536},[4214],{"type":48,"value":3694},{"type":42,"tag":492,"props":4216,"children":4217},{"style":515},[4218],{"type":48,"value":544},{"type":42,"tag":492,"props":4220,"children":4221},{"style":521},[4222],{"type":48,"value":549},{"type":42,"tag":492,"props":4224,"children":4225},{"class":494,"line":1724},[4226,4230,4234,4238,4242,4246,4250],{"type":42,"tag":492,"props":4227,"children":4228},{"style":509},[4229],{"type":48,"value":512},{"type":42,"tag":492,"props":4231,"children":4232},{"style":515},[4233],{"type":48,"value":1020},{"type":42,"tag":492,"props":4235,"children":4236},{"style":521},[4237],{"type":48,"value":524},{"type":42,"tag":492,"props":4239,"children":4240},{"style":515},[4241],{"type":48,"value":1221},{"type":42,"tag":492,"props":4243,"children":4244},{"style":521},[4245],{"type":48,"value":76},{"type":42,"tag":492,"props":4247,"children":4248},{"style":515},[4249],{"type":48,"value":1230},{"type":42,"tag":492,"props":4251,"children":4252},{"style":521},[4253],{"type":48,"value":549},{"type":42,"tag":428,"props":4255,"children":4257},{"id":4256},"sharedarraybuffer-for-hd-video",[4258],{"type":48,"value":4259},"SharedArrayBuffer for HD Video",{"type":42,"tag":51,"props":4261,"children":4262},{},[4263],{"type":48,"value":4264},"For optimal performance and HD video, configure these headers on your server:",{"type":42,"tag":481,"props":4266,"children":4269},{"className":4267,"code":4268,"language":48},[1799],"Cross-Origin-Opener-Policy: same-origin\nCross-Origin-Embedder-Policy: require-corp\n",[4270],{"type":42,"tag":488,"props":4271,"children":4272},{"__ignoreMap":485},[4273],{"type":48,"value":4268},{"type":42,"tag":51,"props":4275,"children":4276},{},[4277,4282],{"type":42,"tag":62,"props":4278,"children":4279},{},[4280],{"type":48,"value":4281},"Note:",{"type":48,"value":4283}," As of v1.11.2, SharedArrayBuffer is elective (not strictly required).",{"type":42,"tag":428,"props":4285,"children":4287},{"id":4286},"check-hd-capability-before-enabling",[4288],{"type":48,"value":4289},"Check HD Capability Before Enabling",{"type":42,"tag":481,"props":4291,"children":4293},{"className":483,"code":4292,"language":18,"meta":485,"style":485},"const stream = client.getMediaStream();\n\n\u002F\u002F Check if 720p is supported\nconst hdSupported = stream.isSupportHDVideo();\n\n\u002F\u002F Get maximum video quality\nconst maxQuality = stream.getVideoMaxQuality();\n\u002F\u002F 0=90P, 1=180P, 2=360P, 3=720P, 4=1080P\n\n\u002F\u002F Start video with HD\nif (hdSupported) {\n  await stream.startVideo({ hd: true });\n}\n",[4294],{"type":42,"tag":488,"props":4295,"children":4296},{"__ignoreMap":485},[4297,4332,4339,4347,4384,4391,4399,4436,4444,4451,4459,4476,4529],{"type":42,"tag":492,"props":4298,"children":4299},{"class":494,"line":495},[4300,4304,4308,4312,4316,4320,4324,4328],{"type":42,"tag":492,"props":4301,"children":4302},{"style":509},[4303],{"type":48,"value":512},{"type":42,"tag":492,"props":4305,"children":4306},{"style":515},[4307],{"type":48,"value":1541},{"type":42,"tag":492,"props":4309,"children":4310},{"style":521},[4311],{"type":48,"value":524},{"type":42,"tag":492,"props":4313,"children":4314},{"style":515},[4315],{"type":48,"value":1358},{"type":42,"tag":492,"props":4317,"children":4318},{"style":521},[4319],{"type":48,"value":76},{"type":42,"tag":492,"props":4321,"children":4322},{"style":536},[4323],{"type":48,"value":1558},{"type":42,"tag":492,"props":4325,"children":4326},{"style":515},[4327],{"type":48,"value":544},{"type":42,"tag":492,"props":4329,"children":4330},{"style":521},[4331],{"type":48,"value":549},{"type":42,"tag":492,"props":4333,"children":4334},{"class":494,"line":505},[4335],{"type":42,"tag":492,"props":4336,"children":4337},{"emptyLinePlaceholder":725},[4338],{"type":48,"value":728},{"type":42,"tag":492,"props":4340,"children":4341},{"class":494,"line":552},[4342],{"type":42,"tag":492,"props":4343,"children":4344},{"style":499},[4345],{"type":48,"value":4346},"\u002F\u002F Check if 720p is supported\n",{"type":42,"tag":492,"props":4348,"children":4349},{"class":494,"line":613},[4350,4354,4359,4363,4367,4371,4376,4380],{"type":42,"tag":492,"props":4351,"children":4352},{"style":509},[4353],{"type":48,"value":512},{"type":42,"tag":492,"props":4355,"children":4356},{"style":515},[4357],{"type":48,"value":4358}," hdSupported ",{"type":42,"tag":492,"props":4360,"children":4361},{"style":521},[4362],{"type":48,"value":524},{"type":42,"tag":492,"props":4364,"children":4365},{"style":515},[4366],{"type":48,"value":1596},{"type":42,"tag":492,"props":4368,"children":4369},{"style":521},[4370],{"type":48,"value":76},{"type":42,"tag":492,"props":4372,"children":4373},{"style":536},[4374],{"type":48,"value":4375},"isSupportHDVideo",{"type":42,"tag":492,"props":4377,"children":4378},{"style":515},[4379],{"type":48,"value":544},{"type":42,"tag":492,"props":4381,"children":4382},{"style":521},[4383],{"type":48,"value":549},{"type":42,"tag":492,"props":4385,"children":4386},{"class":494,"line":667},[4387],{"type":42,"tag":492,"props":4388,"children":4389},{"emptyLinePlaceholder":725},[4390],{"type":48,"value":728},{"type":42,"tag":492,"props":4392,"children":4393},{"class":494,"line":721},[4394],{"type":42,"tag":492,"props":4395,"children":4396},{"style":499},[4397],{"type":48,"value":4398},"\u002F\u002F Get maximum video quality\n",{"type":42,"tag":492,"props":4400,"children":4401},{"class":494,"line":731},[4402,4406,4411,4415,4419,4423,4428,4432],{"type":42,"tag":492,"props":4403,"children":4404},{"style":509},[4405],{"type":48,"value":512},{"type":42,"tag":492,"props":4407,"children":4408},{"style":515},[4409],{"type":48,"value":4410}," maxQuality ",{"type":42,"tag":492,"props":4412,"children":4413},{"style":521},[4414],{"type":48,"value":524},{"type":42,"tag":492,"props":4416,"children":4417},{"style":515},[4418],{"type":48,"value":1596},{"type":42,"tag":492,"props":4420,"children":4421},{"style":521},[4422],{"type":48,"value":76},{"type":42,"tag":492,"props":4424,"children":4425},{"style":536},[4426],{"type":48,"value":4427},"getVideoMaxQuality",{"type":42,"tag":492,"props":4429,"children":4430},{"style":515},[4431],{"type":48,"value":544},{"type":42,"tag":492,"props":4433,"children":4434},{"style":521},[4435],{"type":48,"value":549},{"type":42,"tag":492,"props":4437,"children":4438},{"class":494,"line":740},[4439],{"type":42,"tag":492,"props":4440,"children":4441},{"style":499},[4442],{"type":48,"value":4443},"\u002F\u002F 0=90P, 1=180P, 2=360P, 3=720P, 4=1080P\n",{"type":42,"tag":492,"props":4445,"children":4446},{"class":494,"line":778},[4447],{"type":42,"tag":492,"props":4448,"children":4449},{"emptyLinePlaceholder":725},[4450],{"type":48,"value":728},{"type":42,"tag":492,"props":4452,"children":4453},{"class":494,"line":833},[4454],{"type":42,"tag":492,"props":4455,"children":4456},{"style":499},[4457],{"type":48,"value":4458},"\u002F\u002F Start video with HD\n",{"type":42,"tag":492,"props":4460,"children":4461},{"class":494,"line":1514},[4462,4467,4472],{"type":42,"tag":492,"props":4463,"children":4464},{"style":1012},[4465],{"type":48,"value":4466},"if",{"type":42,"tag":492,"props":4468,"children":4469},{"style":515},[4470],{"type":48,"value":4471}," (hdSupported) ",{"type":42,"tag":492,"props":4473,"children":4474},{"style":521},[4475],{"type":48,"value":2652},{"type":42,"tag":492,"props":4477,"children":4478},{"class":494,"line":1522},[4479,4483,4487,4491,4495,4499,4504,4509,4513,4517,4521,4525],{"type":42,"tag":492,"props":4480,"children":4481},{"style":1012},[4482],{"type":48,"value":3234},{"type":42,"tag":492,"props":4484,"children":4485},{"style":515},[4486],{"type":48,"value":1596},{"type":42,"tag":492,"props":4488,"children":4489},{"style":521},[4490],{"type":48,"value":76},{"type":42,"tag":492,"props":4492,"children":4493},{"style":536},[4494],{"type":48,"value":1605},{"type":42,"tag":492,"props":4496,"children":4497},{"style":1147},[4498],{"type":48,"value":572},{"type":42,"tag":492,"props":4500,"children":4501},{"style":521},[4502],{"type":48,"value":4503},"{",{"type":42,"tag":492,"props":4505,"children":4506},{"style":1147},[4507],{"type":48,"value":4508}," hd",{"type":42,"tag":492,"props":4510,"children":4511},{"style":521},[4512],{"type":48,"value":1420},{"type":42,"tag":492,"props":4514,"children":4515},{"style":1423},[4516],{"type":48,"value":1426},{"type":42,"tag":492,"props":4518,"children":4519},{"style":521},[4520],{"type":48,"value":1431},{"type":42,"tag":492,"props":4522,"children":4523},{"style":1147},[4524],{"type":48,"value":1436},{"type":42,"tag":492,"props":4526,"children":4527},{"style":521},[4528],{"type":48,"value":549},{"type":42,"tag":492,"props":4530,"children":4531},{"class":494,"line":1531},[4532],{"type":42,"tag":492,"props":4533,"children":4534},{"style":521},[4535],{"type":48,"value":4196},{"type":42,"tag":428,"props":4537,"children":4539},{"id":4538},"screen-share-rendering-mode-check",[4540],{"type":48,"value":4541},"Screen Share Rendering Mode Check",{"type":42,"tag":481,"props":4543,"children":4545},{"className":483,"code":4544,"language":18,"meta":485,"style":485},"const stream = client.getMediaStream();\n\n\u002F\u002F Check which element type to use\nif (stream.isStartShareScreenWithVideoElement()) {\n  \u002F\u002F Use video element\n  const video = document.getElementById('share-video');\n  await stream.startShareScreen(video as unknown as HTMLCanvasElement);\n} else {\n  \u002F\u002F Use canvas element\n  const canvas = document.getElementById('share-canvas');\n  await stream.startShareScreen(canvas);\n}\n",[4546],{"type":42,"tag":488,"props":4547,"children":4548},{"__ignoreMap":485},[4549,4584,4591,4599,4629,4637,4691,4747,4762,4770,4823,4859],{"type":42,"tag":492,"props":4550,"children":4551},{"class":494,"line":495},[4552,4556,4560,4564,4568,4572,4576,4580],{"type":42,"tag":492,"props":4553,"children":4554},{"style":509},[4555],{"type":48,"value":512},{"type":42,"tag":492,"props":4557,"children":4558},{"style":515},[4559],{"type":48,"value":1541},{"type":42,"tag":492,"props":4561,"children":4562},{"style":521},[4563],{"type":48,"value":524},{"type":42,"tag":492,"props":4565,"children":4566},{"style":515},[4567],{"type":48,"value":1358},{"type":42,"tag":492,"props":4569,"children":4570},{"style":521},[4571],{"type":48,"value":76},{"type":42,"tag":492,"props":4573,"children":4574},{"style":536},[4575],{"type":48,"value":1558},{"type":42,"tag":492,"props":4577,"children":4578},{"style":515},[4579],{"type":48,"value":544},{"type":42,"tag":492,"props":4581,"children":4582},{"style":521},[4583],{"type":48,"value":549},{"type":42,"tag":492,"props":4585,"children":4586},{"class":494,"line":505},[4587],{"type":42,"tag":492,"props":4588,"children":4589},{"emptyLinePlaceholder":725},[4590],{"type":48,"value":728},{"type":42,"tag":492,"props":4592,"children":4593},{"class":494,"line":552},[4594],{"type":42,"tag":492,"props":4595,"children":4596},{"style":499},[4597],{"type":48,"value":4598},"\u002F\u002F Check which element type to use\n",{"type":42,"tag":492,"props":4600,"children":4601},{"class":494,"line":613},[4602,4606,4611,4615,4620,4625],{"type":42,"tag":492,"props":4603,"children":4604},{"style":1012},[4605],{"type":48,"value":4466},{"type":42,"tag":492,"props":4607,"children":4608},{"style":515},[4609],{"type":48,"value":4610}," (stream",{"type":42,"tag":492,"props":4612,"children":4613},{"style":521},[4614],{"type":48,"value":76},{"type":42,"tag":492,"props":4616,"children":4617},{"style":536},[4618],{"type":48,"value":4619},"isStartShareScreenWithVideoElement",{"type":42,"tag":492,"props":4621,"children":4622},{"style":515},[4623],{"type":48,"value":4624},"()) ",{"type":42,"tag":492,"props":4626,"children":4627},{"style":521},[4628],{"type":48,"value":2652},{"type":42,"tag":492,"props":4630,"children":4631},{"class":494,"line":667},[4632],{"type":42,"tag":492,"props":4633,"children":4634},{"style":499},[4635],{"type":48,"value":4636},"  \u002F\u002F Use video element\n",{"type":42,"tag":492,"props":4638,"children":4639},{"class":494,"line":721},[4640,4644,4649,4653,4658,4662,4666,4670,4674,4679,4683,4687],{"type":42,"tag":492,"props":4641,"children":4642},{"style":509},[4643],{"type":48,"value":2565},{"type":42,"tag":492,"props":4645,"children":4646},{"style":515},[4647],{"type":48,"value":4648}," video",{"type":42,"tag":492,"props":4650,"children":4651},{"style":521},[4652],{"type":48,"value":2591},{"type":42,"tag":492,"props":4654,"children":4655},{"style":515},[4656],{"type":48,"value":4657}," document",{"type":42,"tag":492,"props":4659,"children":4660},{"style":521},[4661],{"type":48,"value":76},{"type":42,"tag":492,"props":4663,"children":4664},{"style":536},[4665],{"type":48,"value":1739},{"type":42,"tag":492,"props":4667,"children":4668},{"style":1147},[4669],{"type":48,"value":572},{"type":42,"tag":492,"props":4671,"children":4672},{"style":521},[4673],{"type":48,"value":577},{"type":42,"tag":492,"props":4675,"children":4676},{"style":580},[4677],{"type":48,"value":4678},"share-video",{"type":42,"tag":492,"props":4680,"children":4681},{"style":521},[4682],{"type":48,"value":577},{"type":42,"tag":492,"props":4684,"children":4685},{"style":1147},[4686],{"type":48,"value":1436},{"type":42,"tag":492,"props":4688,"children":4689},{"style":521},[4690],{"type":48,"value":549},{"type":42,"tag":492,"props":4692,"children":4693},{"class":494,"line":731},[4694,4698,4702,4706,4711,4715,4720,4725,4730,4734,4739,4743],{"type":42,"tag":492,"props":4695,"children":4696},{"style":1012},[4697],{"type":48,"value":3234},{"type":42,"tag":492,"props":4699,"children":4700},{"style":515},[4701],{"type":48,"value":1596},{"type":42,"tag":492,"props":4703,"children":4704},{"style":521},[4705],{"type":48,"value":76},{"type":42,"tag":492,"props":4707,"children":4708},{"style":536},[4709],{"type":48,"value":4710},"startShareScreen",{"type":42,"tag":492,"props":4712,"children":4713},{"style":1147},[4714],{"type":48,"value":572},{"type":42,"tag":492,"props":4716,"children":4717},{"style":515},[4718],{"type":48,"value":4719},"video",{"type":42,"tag":492,"props":4721,"children":4722},{"style":1012},[4723],{"type":48,"value":4724}," as",{"type":42,"tag":492,"props":4726,"children":4727},{"style":986},[4728],{"type":48,"value":4729}," unknown",{"type":42,"tag":492,"props":4731,"children":4732},{"style":1012},[4733],{"type":48,"value":4724},{"type":42,"tag":492,"props":4735,"children":4736},{"style":986},[4737],{"type":48,"value":4738}," HTMLCanvasElement",{"type":42,"tag":492,"props":4740,"children":4741},{"style":1147},[4742],{"type":48,"value":1436},{"type":42,"tag":492,"props":4744,"children":4745},{"style":521},[4746],{"type":48,"value":549},{"type":42,"tag":492,"props":4748,"children":4749},{"class":494,"line":740},[4750,4754,4758],{"type":42,"tag":492,"props":4751,"children":4752},{"style":521},[4753],{"type":48,"value":2871},{"type":42,"tag":492,"props":4755,"children":4756},{"style":1012},[4757],{"type":48,"value":2772},{"type":42,"tag":492,"props":4759,"children":4760},{"style":521},[4761],{"type":48,"value":2557},{"type":42,"tag":492,"props":4763,"children":4764},{"class":494,"line":778},[4765],{"type":42,"tag":492,"props":4766,"children":4767},{"style":499},[4768],{"type":48,"value":4769},"  \u002F\u002F Use canvas element\n",{"type":42,"tag":492,"props":4771,"children":4772},{"class":494,"line":833},[4773,4777,4782,4786,4790,4794,4798,4802,4806,4811,4815,4819],{"type":42,"tag":492,"props":4774,"children":4775},{"style":509},[4776],{"type":48,"value":2565},{"type":42,"tag":492,"props":4778,"children":4779},{"style":515},[4780],{"type":48,"value":4781}," canvas",{"type":42,"tag":492,"props":4783,"children":4784},{"style":521},[4785],{"type":48,"value":2591},{"type":42,"tag":492,"props":4787,"children":4788},{"style":515},[4789],{"type":48,"value":4657},{"type":42,"tag":492,"props":4791,"children":4792},{"style":521},[4793],{"type":48,"value":76},{"type":42,"tag":492,"props":4795,"children":4796},{"style":536},[4797],{"type":48,"value":1739},{"type":42,"tag":492,"props":4799,"children":4800},{"style":1147},[4801],{"type":48,"value":572},{"type":42,"tag":492,"props":4803,"children":4804},{"style":521},[4805],{"type":48,"value":577},{"type":42,"tag":492,"props":4807,"children":4808},{"style":580},[4809],{"type":48,"value":4810},"share-canvas",{"type":42,"tag":492,"props":4812,"children":4813},{"style":521},[4814],{"type":48,"value":577},{"type":42,"tag":492,"props":4816,"children":4817},{"style":1147},[4818],{"type":48,"value":1436},{"type":42,"tag":492,"props":4820,"children":4821},{"style":521},[4822],{"type":48,"value":549},{"type":42,"tag":492,"props":4824,"children":4825},{"class":494,"line":1514},[4826,4830,4834,4838,4842,4846,4851,4855],{"type":42,"tag":492,"props":4827,"children":4828},{"style":1012},[4829],{"type":48,"value":3234},{"type":42,"tag":492,"props":4831,"children":4832},{"style":515},[4833],{"type":48,"value":1596},{"type":42,"tag":492,"props":4835,"children":4836},{"style":521},[4837],{"type":48,"value":76},{"type":42,"tag":492,"props":4839,"children":4840},{"style":536},[4841],{"type":48,"value":4710},{"type":42,"tag":492,"props":4843,"children":4844},{"style":1147},[4845],{"type":48,"value":572},{"type":42,"tag":492,"props":4847,"children":4848},{"style":515},[4849],{"type":48,"value":4850},"canvas",{"type":42,"tag":492,"props":4852,"children":4853},{"style":1147},[4854],{"type":48,"value":1436},{"type":42,"tag":492,"props":4856,"children":4857},{"style":521},[4858],{"type":48,"value":549},{"type":42,"tag":492,"props":4860,"children":4861},{"class":494,"line":1522},[4862],{"type":42,"tag":492,"props":4863,"children":4864},{"style":521},[4865],{"type":48,"value":4196},{"type":42,"tag":119,"props":4867,"children":4869},{"id":4868},"key-features",[4870],{"type":48,"value":4871},"Key Features",{"type":42,"tag":428,"props":4873,"children":4875},{"id":4874},"video-quality-enum",[4876],{"type":48,"value":4877},"Video Quality Enum",{"type":42,"tag":481,"props":4879,"children":4881},{"className":483,"code":4880,"language":18,"meta":485,"style":485},"import { VideoQuality } from '@zoom\u002Fvideosdk';\n\nVideoQuality.Video_90P   \u002F\u002F 0\nVideoQuality.Video_180P  \u002F\u002F 1\nVideoQuality.Video_360P  \u002F\u002F 2 (recommended for most cases)\nVideoQuality.Video_720P  \u002F\u002F 3\nVideoQuality.Video_1080P \u002F\u002F 4\n",[4882],{"type":42,"tag":488,"props":4883,"children":4884},{"__ignoreMap":485},[4885,4924,4931,4953,4974,4995,5016],{"type":42,"tag":492,"props":4886,"children":4887},{"class":494,"line":495},[4888,4892,4896,4900,4904,4908,4912,4916,4920],{"type":42,"tag":492,"props":4889,"children":4890},{"style":1012},[4891],{"type":48,"value":1015},{"type":42,"tag":492,"props":4893,"children":4894},{"style":521},[4895],{"type":48,"value":1410},{"type":42,"tag":492,"props":4897,"children":4898},{"style":515},[4899],{"type":48,"value":1708},{"type":42,"tag":492,"props":4901,"children":4902},{"style":521},[4903],{"type":48,"value":1431},{"type":42,"tag":492,"props":4905,"children":4906},{"style":1012},[4907],{"type":48,"value":2255},{"type":42,"tag":492,"props":4909,"children":4910},{"style":521},[4911],{"type":48,"value":1030},{"type":42,"tag":492,"props":4913,"children":4914},{"style":580},[4915],{"type":48,"value":1035},{"type":42,"tag":492,"props":4917,"children":4918},{"style":521},[4919],{"type":48,"value":577},{"type":42,"tag":492,"props":4921,"children":4922},{"style":521},[4923],{"type":48,"value":549},{"type":42,"tag":492,"props":4925,"children":4926},{"class":494,"line":505},[4927],{"type":42,"tag":492,"props":4928,"children":4929},{"emptyLinePlaceholder":725},[4930],{"type":48,"value":728},{"type":42,"tag":492,"props":4932,"children":4933},{"class":494,"line":552},[4934,4939,4943,4948],{"type":42,"tag":492,"props":4935,"children":4936},{"style":515},[4937],{"type":48,"value":4938},"VideoQuality",{"type":42,"tag":492,"props":4940,"children":4941},{"style":521},[4942],{"type":48,"value":76},{"type":42,"tag":492,"props":4944,"children":4945},{"style":515},[4946],{"type":48,"value":4947},"Video_90P   ",{"type":42,"tag":492,"props":4949,"children":4950},{"style":499},[4951],{"type":48,"value":4952},"\u002F\u002F 0\n",{"type":42,"tag":492,"props":4954,"children":4955},{"class":494,"line":613},[4956,4960,4964,4969],{"type":42,"tag":492,"props":4957,"children":4958},{"style":515},[4959],{"type":48,"value":4938},{"type":42,"tag":492,"props":4961,"children":4962},{"style":521},[4963],{"type":48,"value":76},{"type":42,"tag":492,"props":4965,"children":4966},{"style":515},[4967],{"type":48,"value":4968},"Video_180P  ",{"type":42,"tag":492,"props":4970,"children":4971},{"style":499},[4972],{"type":48,"value":4973},"\u002F\u002F 1\n",{"type":42,"tag":492,"props":4975,"children":4976},{"class":494,"line":667},[4977,4981,4985,4990],{"type":42,"tag":492,"props":4978,"children":4979},{"style":515},[4980],{"type":48,"value":4938},{"type":42,"tag":492,"props":4982,"children":4983},{"style":521},[4984],{"type":48,"value":76},{"type":42,"tag":492,"props":4986,"children":4987},{"style":515},[4988],{"type":48,"value":4989},"Video_360P  ",{"type":42,"tag":492,"props":4991,"children":4992},{"style":499},[4993],{"type":48,"value":4994},"\u002F\u002F 2 (recommended for most cases)\n",{"type":42,"tag":492,"props":4996,"children":4997},{"class":494,"line":721},[4998,5002,5006,5011],{"type":42,"tag":492,"props":4999,"children":5000},{"style":515},[5001],{"type":48,"value":4938},{"type":42,"tag":492,"props":5003,"children":5004},{"style":521},[5005],{"type":48,"value":76},{"type":42,"tag":492,"props":5007,"children":5008},{"style":515},[5009],{"type":48,"value":5010},"Video_720P  ",{"type":42,"tag":492,"props":5012,"children":5013},{"style":499},[5014],{"type":48,"value":5015},"\u002F\u002F 3\n",{"type":42,"tag":492,"props":5017,"children":5018},{"class":494,"line":731},[5019,5023,5027,5032],{"type":42,"tag":492,"props":5020,"children":5021},{"style":515},[5022],{"type":48,"value":4938},{"type":42,"tag":492,"props":5024,"children":5025},{"style":521},[5026],{"type":48,"value":76},{"type":42,"tag":492,"props":5028,"children":5029},{"style":515},[5030],{"type":48,"value":5031},"Video_1080P ",{"type":42,"tag":492,"props":5033,"children":5034},{"style":499},[5035],{"type":48,"value":5036},"\u002F\u002F 4\n",{"type":42,"tag":428,"props":5038,"children":5040},{"id":5039},"virtual-backgrounds",[5041],{"type":48,"value":5042},"Virtual Backgrounds",{"type":42,"tag":481,"props":5044,"children":5046},{"className":483,"code":5045,"language":18,"meta":485,"style":485},"const stream = client.getMediaStream();\n\n\u002F\u002F Always check support first\nif (stream.isSupportVirtualBackground()) {\n  \u002F\u002F Blur background\n  await stream.updateVirtualBackgroundImage('blur');\n\n  \u002F\u002F Custom image background\n  await stream.updateVirtualBackgroundImage('https:\u002F\u002Fexample.com\u002Fbg.jpg');\n\n  \u002F\u002F Remove virtual background\n  await stream.updateVirtualBackgroundImage(undefined);\n}\n",[5047],{"type":42,"tag":488,"props":5048,"children":5049},{"__ignoreMap":485},[5050,5085,5092,5100,5128,5136,5181,5188,5196,5240,5247,5255,5290],{"type":42,"tag":492,"props":5051,"children":5052},{"class":494,"line":495},[5053,5057,5061,5065,5069,5073,5077,5081],{"type":42,"tag":492,"props":5054,"children":5055},{"style":509},[5056],{"type":48,"value":512},{"type":42,"tag":492,"props":5058,"children":5059},{"style":515},[5060],{"type":48,"value":1541},{"type":42,"tag":492,"props":5062,"children":5063},{"style":521},[5064],{"type":48,"value":524},{"type":42,"tag":492,"props":5066,"children":5067},{"style":515},[5068],{"type":48,"value":1358},{"type":42,"tag":492,"props":5070,"children":5071},{"style":521},[5072],{"type":48,"value":76},{"type":42,"tag":492,"props":5074,"children":5075},{"style":536},[5076],{"type":48,"value":1558},{"type":42,"tag":492,"props":5078,"children":5079},{"style":515},[5080],{"type":48,"value":544},{"type":42,"tag":492,"props":5082,"children":5083},{"style":521},[5084],{"type":48,"value":549},{"type":42,"tag":492,"props":5086,"children":5087},{"class":494,"line":505},[5088],{"type":42,"tag":492,"props":5089,"children":5090},{"emptyLinePlaceholder":725},[5091],{"type":48,"value":728},{"type":42,"tag":492,"props":5093,"children":5094},{"class":494,"line":552},[5095],{"type":42,"tag":492,"props":5096,"children":5097},{"style":499},[5098],{"type":48,"value":5099},"\u002F\u002F Always check support first\n",{"type":42,"tag":492,"props":5101,"children":5102},{"class":494,"line":613},[5103,5107,5111,5115,5120,5124],{"type":42,"tag":492,"props":5104,"children":5105},{"style":1012},[5106],{"type":48,"value":4466},{"type":42,"tag":492,"props":5108,"children":5109},{"style":515},[5110],{"type":48,"value":4610},{"type":42,"tag":492,"props":5112,"children":5113},{"style":521},[5114],{"type":48,"value":76},{"type":42,"tag":492,"props":5116,"children":5117},{"style":536},[5118],{"type":48,"value":5119},"isSupportVirtualBackground",{"type":42,"tag":492,"props":5121,"children":5122},{"style":515},[5123],{"type":48,"value":4624},{"type":42,"tag":492,"props":5125,"children":5126},{"style":521},[5127],{"type":48,"value":2652},{"type":42,"tag":492,"props":5129,"children":5130},{"class":494,"line":667},[5131],{"type":42,"tag":492,"props":5132,"children":5133},{"style":499},[5134],{"type":48,"value":5135},"  \u002F\u002F Blur background\n",{"type":42,"tag":492,"props":5137,"children":5138},{"class":494,"line":721},[5139,5143,5147,5151,5156,5160,5164,5169,5173,5177],{"type":42,"tag":492,"props":5140,"children":5141},{"style":1012},[5142],{"type":48,"value":3234},{"type":42,"tag":492,"props":5144,"children":5145},{"style":515},[5146],{"type":48,"value":1596},{"type":42,"tag":492,"props":5148,"children":5149},{"style":521},[5150],{"type":48,"value":76},{"type":42,"tag":492,"props":5152,"children":5153},{"style":536},[5154],{"type":48,"value":5155},"updateVirtualBackgroundImage",{"type":42,"tag":492,"props":5157,"children":5158},{"style":1147},[5159],{"type":48,"value":572},{"type":42,"tag":492,"props":5161,"children":5162},{"style":521},[5163],{"type":48,"value":577},{"type":42,"tag":492,"props":5165,"children":5166},{"style":580},[5167],{"type":48,"value":5168},"blur",{"type":42,"tag":492,"props":5170,"children":5171},{"style":521},[5172],{"type":48,"value":577},{"type":42,"tag":492,"props":5174,"children":5175},{"style":1147},[5176],{"type":48,"value":1436},{"type":42,"tag":492,"props":5178,"children":5179},{"style":521},[5180],{"type":48,"value":549},{"type":42,"tag":492,"props":5182,"children":5183},{"class":494,"line":731},[5184],{"type":42,"tag":492,"props":5185,"children":5186},{"emptyLinePlaceholder":725},[5187],{"type":48,"value":728},{"type":42,"tag":492,"props":5189,"children":5190},{"class":494,"line":740},[5191],{"type":42,"tag":492,"props":5192,"children":5193},{"style":499},[5194],{"type":48,"value":5195},"  \u002F\u002F Custom image background\n",{"type":42,"tag":492,"props":5197,"children":5198},{"class":494,"line":778},[5199,5203,5207,5211,5215,5219,5223,5228,5232,5236],{"type":42,"tag":492,"props":5200,"children":5201},{"style":1012},[5202],{"type":48,"value":3234},{"type":42,"tag":492,"props":5204,"children":5205},{"style":515},[5206],{"type":48,"value":1596},{"type":42,"tag":492,"props":5208,"children":5209},{"style":521},[5210],{"type":48,"value":76},{"type":42,"tag":492,"props":5212,"children":5213},{"style":536},[5214],{"type":48,"value":5155},{"type":42,"tag":492,"props":5216,"children":5217},{"style":1147},[5218],{"type":48,"value":572},{"type":42,"tag":492,"props":5220,"children":5221},{"style":521},[5222],{"type":48,"value":577},{"type":42,"tag":492,"props":5224,"children":5225},{"style":580},[5226],{"type":48,"value":5227},"https:\u002F\u002Fexample.com\u002Fbg.jpg",{"type":42,"tag":492,"props":5229,"children":5230},{"style":521},[5231],{"type":48,"value":577},{"type":42,"tag":492,"props":5233,"children":5234},{"style":1147},[5235],{"type":48,"value":1436},{"type":42,"tag":492,"props":5237,"children":5238},{"style":521},[5239],{"type":48,"value":549},{"type":42,"tag":492,"props":5241,"children":5242},{"class":494,"line":833},[5243],{"type":42,"tag":492,"props":5244,"children":5245},{"emptyLinePlaceholder":725},[5246],{"type":48,"value":728},{"type":42,"tag":492,"props":5248,"children":5249},{"class":494,"line":1514},[5250],{"type":42,"tag":492,"props":5251,"children":5252},{"style":499},[5253],{"type":48,"value":5254},"  \u002F\u002F Remove virtual background\n",{"type":42,"tag":492,"props":5256,"children":5257},{"class":494,"line":1522},[5258,5262,5266,5270,5274,5278,5282,5286],{"type":42,"tag":492,"props":5259,"children":5260},{"style":1012},[5261],{"type":48,"value":3234},{"type":42,"tag":492,"props":5263,"children":5264},{"style":515},[5265],{"type":48,"value":1596},{"type":42,"tag":492,"props":5267,"children":5268},{"style":521},[5269],{"type":48,"value":76},{"type":42,"tag":492,"props":5271,"children":5272},{"style":536},[5273],{"type":48,"value":5155},{"type":42,"tag":492,"props":5275,"children":5276},{"style":1147},[5277],{"type":48,"value":572},{"type":42,"tag":492,"props":5279,"children":5280},{"style":521},[5281],{"type":48,"value":3802},{"type":42,"tag":492,"props":5283,"children":5284},{"style":1147},[5285],{"type":48,"value":1436},{"type":42,"tag":492,"props":5287,"children":5288},{"style":521},[5289],{"type":48,"value":549},{"type":42,"tag":492,"props":5291,"children":5292},{"class":494,"line":1531},[5293],{"type":42,"tag":492,"props":5294,"children":5295},{"style":521},[5296],{"type":48,"value":4196},{"type":42,"tag":428,"props":5298,"children":5300},{"id":5299},"video-processor-custom-effects",[5301],{"type":48,"value":5302},"Video Processor (Custom Effects)",{"type":42,"tag":51,"props":5304,"children":5305},{},[5306,5308,5314],{"type":48,"value":5307},"The ",{"type":42,"tag":488,"props":5309,"children":5311},{"className":5310},[],[5312],{"type":48,"value":5313},"VideoProcessor",{"type":48,"value":5315}," class allows you to intercept and modify video frames:",{"type":42,"tag":481,"props":5317,"children":5319},{"className":483,"code":5318,"language":18,"meta":485,"style":485},"\u002F\u002F video-processor-worker.js\nclass MyVideoProcessor extends VideoProcessor {\n  processFrame(input, output) {\n    const ctx = output.getContext('2d');\n    ctx.drawImage(input, 0, 0);\n\n    \u002F\u002F Add overlay\n    ctx.fillStyle = 'white';\n    ctx.font = '24px Arial';\n    ctx.fillText('Live', 20, 40);\n\n    return true;\n  }\n}\n",[5320],{"type":42,"tag":488,"props":5321,"children":5322},{"__ignoreMap":485},[5323,5331,5358,5392,5446,5496,5503,5511,5548,5585,5644,5651,5667,5674],{"type":42,"tag":492,"props":5324,"children":5325},{"class":494,"line":495},[5326],{"type":42,"tag":492,"props":5327,"children":5328},{"style":499},[5329],{"type":48,"value":5330},"\u002F\u002F video-processor-worker.js\n",{"type":42,"tag":492,"props":5332,"children":5333},{"class":494,"line":505},[5334,5339,5344,5349,5354],{"type":42,"tag":492,"props":5335,"children":5336},{"style":509},[5337],{"type":48,"value":5338},"class",{"type":42,"tag":492,"props":5340,"children":5341},{"style":986},[5342],{"type":48,"value":5343}," MyVideoProcessor",{"type":42,"tag":492,"props":5345,"children":5346},{"style":509},[5347],{"type":48,"value":5348}," extends",{"type":42,"tag":492,"props":5350,"children":5351},{"style":986},[5352],{"type":48,"value":5353}," VideoProcessor",{"type":42,"tag":492,"props":5355,"children":5356},{"style":521},[5357],{"type":48,"value":2557},{"type":42,"tag":492,"props":5359,"children":5360},{"class":494,"line":552},[5361,5366,5370,5375,5379,5384,5388],{"type":42,"tag":492,"props":5362,"children":5363},{"style":1147},[5364],{"type":48,"value":5365},"  processFrame",{"type":42,"tag":492,"props":5367,"children":5368},{"style":521},[5369],{"type":48,"value":572},{"type":42,"tag":492,"props":5371,"children":5372},{"style":2540},[5373],{"type":48,"value":5374},"input",{"type":42,"tag":492,"props":5376,"children":5377},{"style":521},[5378],{"type":48,"value":592},{"type":42,"tag":492,"props":5380,"children":5381},{"style":2540},[5382],{"type":48,"value":5383}," output",{"type":42,"tag":492,"props":5385,"children":5386},{"style":521},[5387],{"type":48,"value":1436},{"type":42,"tag":492,"props":5389,"children":5390},{"style":521},[5391],{"type":48,"value":2557},{"type":42,"tag":492,"props":5393,"children":5394},{"class":494,"line":613},[5395,5399,5404,5408,5412,5416,5421,5425,5429,5434,5438,5442],{"type":42,"tag":492,"props":5396,"children":5397},{"style":509},[5398],{"type":48,"value":2668},{"type":42,"tag":492,"props":5400,"children":5401},{"style":515},[5402],{"type":48,"value":5403}," ctx",{"type":42,"tag":492,"props":5405,"children":5406},{"style":521},[5407],{"type":48,"value":2591},{"type":42,"tag":492,"props":5409,"children":5410},{"style":515},[5411],{"type":48,"value":5383},{"type":42,"tag":492,"props":5413,"children":5414},{"style":521},[5415],{"type":48,"value":76},{"type":42,"tag":492,"props":5417,"children":5418},{"style":536},[5419],{"type":48,"value":5420},"getContext",{"type":42,"tag":492,"props":5422,"children":5423},{"style":1147},[5424],{"type":48,"value":572},{"type":42,"tag":492,"props":5426,"children":5427},{"style":521},[5428],{"type":48,"value":577},{"type":42,"tag":492,"props":5430,"children":5431},{"style":580},[5432],{"type":48,"value":5433},"2d",{"type":42,"tag":492,"props":5435,"children":5436},{"style":521},[5437],{"type":48,"value":577},{"type":42,"tag":492,"props":5439,"children":5440},{"style":1147},[5441],{"type":48,"value":1436},{"type":42,"tag":492,"props":5443,"children":5444},{"style":521},[5445],{"type":48,"value":549},{"type":42,"tag":492,"props":5447,"children":5448},{"class":494,"line":667},[5449,5454,5458,5463,5467,5471,5475,5480,5484,5488,5492],{"type":42,"tag":492,"props":5450,"children":5451},{"style":515},[5452],{"type":48,"value":5453},"    ctx",{"type":42,"tag":492,"props":5455,"children":5456},{"style":521},[5457],{"type":48,"value":76},{"type":42,"tag":492,"props":5459,"children":5460},{"style":536},[5461],{"type":48,"value":5462},"drawImage",{"type":42,"tag":492,"props":5464,"children":5465},{"style":1147},[5466],{"type":48,"value":572},{"type":42,"tag":492,"props":5468,"children":5469},{"style":515},[5470],{"type":48,"value":5374},{"type":42,"tag":492,"props":5472,"children":5473},{"style":521},[5474],{"type":48,"value":592},{"type":42,"tag":492,"props":5476,"children":5477},{"style":3124},[5478],{"type":48,"value":5479}," 0",{"type":42,"tag":492,"props":5481,"children":5482},{"style":521},[5483],{"type":48,"value":592},{"type":42,"tag":492,"props":5485,"children":5486},{"style":3124},[5487],{"type":48,"value":5479},{"type":42,"tag":492,"props":5489,"children":5490},{"style":1147},[5491],{"type":48,"value":1436},{"type":42,"tag":492,"props":5493,"children":5494},{"style":521},[5495],{"type":48,"value":549},{"type":42,"tag":492,"props":5497,"children":5498},{"class":494,"line":721},[5499],{"type":42,"tag":492,"props":5500,"children":5501},{"emptyLinePlaceholder":725},[5502],{"type":48,"value":728},{"type":42,"tag":492,"props":5504,"children":5505},{"class":494,"line":731},[5506],{"type":42,"tag":492,"props":5507,"children":5508},{"style":499},[5509],{"type":48,"value":5510},"    \u002F\u002F Add overlay\n",{"type":42,"tag":492,"props":5512,"children":5513},{"class":494,"line":740},[5514,5518,5522,5527,5531,5535,5540,5544],{"type":42,"tag":492,"props":5515,"children":5516},{"style":515},[5517],{"type":48,"value":5453},{"type":42,"tag":492,"props":5519,"children":5520},{"style":521},[5521],{"type":48,"value":76},{"type":42,"tag":492,"props":5523,"children":5524},{"style":515},[5525],{"type":48,"value":5526},"fillStyle",{"type":42,"tag":492,"props":5528,"children":5529},{"style":521},[5530],{"type":48,"value":2591},{"type":42,"tag":492,"props":5532,"children":5533},{"style":521},[5534],{"type":48,"value":1030},{"type":42,"tag":492,"props":5536,"children":5537},{"style":580},[5538],{"type":48,"value":5539},"white",{"type":42,"tag":492,"props":5541,"children":5542},{"style":521},[5543],{"type":48,"value":577},{"type":42,"tag":492,"props":5545,"children":5546},{"style":521},[5547],{"type":48,"value":549},{"type":42,"tag":492,"props":5549,"children":5550},{"class":494,"line":778},[5551,5555,5559,5564,5568,5572,5577,5581],{"type":42,"tag":492,"props":5552,"children":5553},{"style":515},[5554],{"type":48,"value":5453},{"type":42,"tag":492,"props":5556,"children":5557},{"style":521},[5558],{"type":48,"value":76},{"type":42,"tag":492,"props":5560,"children":5561},{"style":515},[5562],{"type":48,"value":5563},"font",{"type":42,"tag":492,"props":5565,"children":5566},{"style":521},[5567],{"type":48,"value":2591},{"type":42,"tag":492,"props":5569,"children":5570},{"style":521},[5571],{"type":48,"value":1030},{"type":42,"tag":492,"props":5573,"children":5574},{"style":580},[5575],{"type":48,"value":5576},"24px Arial",{"type":42,"tag":492,"props":5578,"children":5579},{"style":521},[5580],{"type":48,"value":577},{"type":42,"tag":492,"props":5582,"children":5583},{"style":521},[5584],{"type":48,"value":549},{"type":42,"tag":492,"props":5586,"children":5587},{"class":494,"line":833},[5588,5592,5596,5601,5605,5609,5614,5618,5622,5627,5631,5636,5640],{"type":42,"tag":492,"props":5589,"children":5590},{"style":515},[5591],{"type":48,"value":5453},{"type":42,"tag":492,"props":5593,"children":5594},{"style":521},[5595],{"type":48,"value":76},{"type":42,"tag":492,"props":5597,"children":5598},{"style":536},[5599],{"type":48,"value":5600},"fillText",{"type":42,"tag":492,"props":5602,"children":5603},{"style":1147},[5604],{"type":48,"value":572},{"type":42,"tag":492,"props":5606,"children":5607},{"style":521},[5608],{"type":48,"value":577},{"type":42,"tag":492,"props":5610,"children":5611},{"style":580},[5612],{"type":48,"value":5613},"Live",{"type":42,"tag":492,"props":5615,"children":5616},{"style":521},[5617],{"type":48,"value":577},{"type":42,"tag":492,"props":5619,"children":5620},{"style":521},[5621],{"type":48,"value":592},{"type":42,"tag":492,"props":5623,"children":5624},{"style":3124},[5625],{"type":48,"value":5626}," 20",{"type":42,"tag":492,"props":5628,"children":5629},{"style":521},[5630],{"type":48,"value":592},{"type":42,"tag":492,"props":5632,"children":5633},{"style":3124},[5634],{"type":48,"value":5635}," 40",{"type":42,"tag":492,"props":5637,"children":5638},{"style":1147},[5639],{"type":48,"value":1436},{"type":42,"tag":492,"props":5641,"children":5642},{"style":521},[5643],{"type":48,"value":549},{"type":42,"tag":492,"props":5645,"children":5646},{"class":494,"line":1514},[5647],{"type":42,"tag":492,"props":5648,"children":5649},{"emptyLinePlaceholder":725},[5650],{"type":48,"value":728},{"type":42,"tag":492,"props":5652,"children":5653},{"class":494,"line":1522},[5654,5659,5663],{"type":42,"tag":492,"props":5655,"children":5656},{"style":1012},[5657],{"type":48,"value":5658},"    return",{"type":42,"tag":492,"props":5660,"children":5661},{"style":1423},[5662],{"type":48,"value":1426},{"type":42,"tag":492,"props":5664,"children":5665},{"style":521},[5666],{"type":48,"value":549},{"type":42,"tag":492,"props":5668,"children":5669},{"class":494,"line":1531},[5670],{"type":42,"tag":492,"props":5671,"children":5672},{"style":521},[5673],{"type":48,"value":2863},{"type":42,"tag":492,"props":5675,"children":5676},{"class":494,"line":1569},[5677],{"type":42,"tag":492,"props":5678,"children":5679},{"style":521},[5680],{"type":48,"value":4196},{"type":42,"tag":428,"props":5682,"children":5684},{"id":5683},"webrtc-mode",[5685],{"type":48,"value":5686},"WebRTC Mode",{"type":42,"tag":51,"props":5688,"children":5689},{},[5690],{"type":48,"value":5691},"Enable WebRTC mode for direct peer-to-peer streaming with HD video support:",{"type":42,"tag":481,"props":5693,"children":5695},{"className":483,"code":5694,"language":18,"meta":485,"style":485},"await client.init('en-US', 'Global', {\n  patchJsMedia: true,\n  webrtc: true  \u002F\u002F Enable WebRTC mode\n});\n",[5696],{"type":42,"tag":488,"props":5697,"children":5698},{"__ignoreMap":485},[5699,5758,5779,5800],{"type":42,"tag":492,"props":5700,"children":5701},{"class":494,"line":495},[5702,5706,5710,5714,5718,5722,5726,5730,5734,5738,5742,5746,5750,5754],{"type":42,"tag":492,"props":5703,"children":5704},{"style":1012},[5705],{"type":48,"value":1353},{"type":42,"tag":492,"props":5707,"children":5708},{"style":515},[5709],{"type":48,"value":1358},{"type":42,"tag":492,"props":5711,"children":5712},{"style":521},[5713],{"type":48,"value":76},{"type":42,"tag":492,"props":5715,"children":5716},{"style":536},[5717],{"type":48,"value":1367},{"type":42,"tag":492,"props":5719,"children":5720},{"style":515},[5721],{"type":48,"value":572},{"type":42,"tag":492,"props":5723,"children":5724},{"style":521},[5725],{"type":48,"value":577},{"type":42,"tag":492,"props":5727,"children":5728},{"style":580},[5729],{"type":48,"value":1380},{"type":42,"tag":492,"props":5731,"children":5732},{"style":521},[5733],{"type":48,"value":577},{"type":42,"tag":492,"props":5735,"children":5736},{"style":521},[5737],{"type":48,"value":592},{"type":42,"tag":492,"props":5739,"children":5740},{"style":521},[5741],{"type":48,"value":1030},{"type":42,"tag":492,"props":5743,"children":5744},{"style":580},[5745],{"type":48,"value":1397},{"type":42,"tag":492,"props":5747,"children":5748},{"style":521},[5749],{"type":48,"value":577},{"type":42,"tag":492,"props":5751,"children":5752},{"style":521},[5753],{"type":48,"value":592},{"type":42,"tag":492,"props":5755,"children":5756},{"style":521},[5757],{"type":48,"value":2557},{"type":42,"tag":492,"props":5759,"children":5760},{"class":494,"line":505},[5761,5766,5770,5774],{"type":42,"tag":492,"props":5762,"children":5763},{"style":1147},[5764],{"type":48,"value":5765},"  patchJsMedia",{"type":42,"tag":492,"props":5767,"children":5768},{"style":521},[5769],{"type":48,"value":1420},{"type":42,"tag":492,"props":5771,"children":5772},{"style":1423},[5773],{"type":48,"value":1426},{"type":42,"tag":492,"props":5775,"children":5776},{"style":521},[5777],{"type":48,"value":5778},",\n",{"type":42,"tag":492,"props":5780,"children":5781},{"class":494,"line":552},[5782,5787,5791,5795],{"type":42,"tag":492,"props":5783,"children":5784},{"style":1147},[5785],{"type":48,"value":5786},"  webrtc",{"type":42,"tag":492,"props":5788,"children":5789},{"style":521},[5790],{"type":48,"value":1420},{"type":42,"tag":492,"props":5792,"children":5793},{"style":1423},[5794],{"type":48,"value":1426},{"type":42,"tag":492,"props":5796,"children":5797},{"style":499},[5798],{"type":48,"value":5799},"  \u002F\u002F Enable WebRTC mode\n",{"type":42,"tag":492,"props":5801,"children":5802},{"class":494,"line":613},[5803,5807,5811],{"type":42,"tag":492,"props":5804,"children":5805},{"style":521},[5806],{"type":48,"value":2871},{"type":42,"tag":492,"props":5808,"children":5809},{"style":515},[5810],{"type":48,"value":1436},{"type":42,"tag":492,"props":5812,"children":5813},{"style":521},[5814],{"type":48,"value":549},{"type":42,"tag":119,"props":5816,"children":5818},{"id":5817},"feature-clients",[5819],{"type":48,"value":5820},"Feature Clients",{"type":42,"tag":51,"props":5822,"children":5823},{},[5824],{"type":48,"value":5825},"Access specialized clients from the VideoClient:",{"type":42,"tag":5827,"props":5828,"children":5829},"table",{},[5830,5854],{"type":42,"tag":5831,"props":5832,"children":5833},"thead",{},[5834],{"type":42,"tag":5835,"props":5836,"children":5837},"tr",{},[5838,5844,5849],{"type":42,"tag":5839,"props":5840,"children":5841},"th",{},[5842],{"type":48,"value":5843},"Client",{"type":42,"tag":5839,"props":5845,"children":5846},{},[5847],{"type":48,"value":5848},"Access Method",{"type":42,"tag":5839,"props":5850,"children":5851},{},[5852],{"type":48,"value":5853},"Purpose",{"type":42,"tag":5855,"props":5856,"children":5857},"tbody",{},[5858,5884,5908,5933,5958,5983,6008,6033],{"type":42,"tag":5835,"props":5859,"children":5860},{},[5861,5870,5879],{"type":42,"tag":5862,"props":5863,"children":5864},"td",{},[5865],{"type":42,"tag":62,"props":5866,"children":5867},{},[5868],{"type":48,"value":5869},"Stream",{"type":42,"tag":5862,"props":5871,"children":5872},{},[5873],{"type":42,"tag":488,"props":5874,"children":5876},{"className":5875},[],[5877],{"type":48,"value":5878},"client.getMediaStream()",{"type":42,"tag":5862,"props":5880,"children":5881},{},[5882],{"type":48,"value":5883},"Video, audio, screen share, devices",{"type":42,"tag":5835,"props":5885,"children":5886},{},[5887,5894,5903],{"type":42,"tag":5862,"props":5888,"children":5889},{},[5890],{"type":42,"tag":62,"props":5891,"children":5892},{},[5893],{"type":48,"value":368},{"type":42,"tag":5862,"props":5895,"children":5896},{},[5897],{"type":42,"tag":488,"props":5898,"children":5900},{"className":5899},[],[5901],{"type":48,"value":5902},"client.getChatClient()",{"type":42,"tag":5862,"props":5904,"children":5905},{},[5906],{"type":48,"value":5907},"Send\u002Freceive messages",{"type":42,"tag":5835,"props":5909,"children":5910},{},[5911,5919,5928],{"type":42,"tag":5862,"props":5912,"children":5913},{},[5914],{"type":42,"tag":62,"props":5915,"children":5916},{},[5917],{"type":48,"value":5918},"Command",{"type":42,"tag":5862,"props":5920,"children":5921},{},[5922],{"type":42,"tag":488,"props":5923,"children":5925},{"className":5924},[],[5926],{"type":48,"value":5927},"client.getCommandClient()",{"type":42,"tag":5862,"props":5929,"children":5930},{},[5931],{"type":48,"value":5932},"Custom commands (reactions, etc.)",{"type":42,"tag":5835,"props":5934,"children":5935},{},[5936,5944,5953],{"type":42,"tag":5862,"props":5937,"children":5938},{},[5939],{"type":42,"tag":62,"props":5940,"children":5941},{},[5942],{"type":48,"value":5943},"Recording",{"type":42,"tag":5862,"props":5945,"children":5946},{},[5947],{"type":42,"tag":488,"props":5948,"children":5950},{"className":5949},[],[5951],{"type":48,"value":5952},"client.getRecordingClient()",{"type":42,"tag":5862,"props":5954,"children":5955},{},[5956],{"type":48,"value":5957},"Cloud recording control",{"type":42,"tag":5835,"props":5959,"children":5960},{},[5961,5969,5978],{"type":42,"tag":5862,"props":5962,"children":5963},{},[5964],{"type":42,"tag":62,"props":5965,"children":5966},{},[5967],{"type":48,"value":5968},"Transcription",{"type":42,"tag":5862,"props":5970,"children":5971},{},[5972],{"type":42,"tag":488,"props":5973,"children":5975},{"className":5974},[],[5976],{"type":48,"value":5977},"client.getLiveTranscriptionClient()",{"type":42,"tag":5862,"props":5979,"children":5980},{},[5981],{"type":48,"value":5982},"Live captions",{"type":42,"tag":5835,"props":5984,"children":5985},{},[5986,5994,6003],{"type":42,"tag":5862,"props":5987,"children":5988},{},[5989],{"type":42,"tag":62,"props":5990,"children":5991},{},[5992],{"type":48,"value":5993},"LiveStream",{"type":42,"tag":5862,"props":5995,"children":5996},{},[5997],{"type":42,"tag":488,"props":5998,"children":6000},{"className":5999},[],[6001],{"type":48,"value":6002},"client.getLiveStreamClient()",{"type":42,"tag":5862,"props":6004,"children":6005},{},[6006],{"type":48,"value":6007},"RTMP streaming",{"type":42,"tag":5835,"props":6009,"children":6010},{},[6011,6019,6028],{"type":42,"tag":5862,"props":6012,"children":6013},{},[6014],{"type":42,"tag":62,"props":6015,"children":6016},{},[6017],{"type":48,"value":6018},"Subsession",{"type":42,"tag":5862,"props":6020,"children":6021},{},[6022],{"type":42,"tag":488,"props":6023,"children":6025},{"className":6024},[],[6026],{"type":48,"value":6027},"client.getSubsessionClient()",{"type":42,"tag":5862,"props":6029,"children":6030},{},[6031],{"type":48,"value":6032},"Breakout rooms",{"type":42,"tag":5835,"props":6034,"children":6035},{},[6036,6043,6052],{"type":42,"tag":5862,"props":6037,"children":6038},{},[6039],{"type":42,"tag":62,"props":6040,"children":6041},{},[6042],{"type":48,"value":408},{"type":42,"tag":5862,"props":6044,"children":6045},{},[6046],{"type":42,"tag":488,"props":6047,"children":6049},{"className":6048},[],[6050],{"type":48,"value":6051},"client.getWhiteboardClient()",{"type":42,"tag":5862,"props":6053,"children":6054},{},[6055],{"type":48,"value":6056},"Collaborative whiteboard",{"type":42,"tag":119,"props":6058,"children":6060},{"id":6059},"common-tasks",[6061],{"type":48,"value":6062},"Common Tasks",{"type":42,"tag":428,"props":6064,"children":6066},{"id":6065},"startstop-video",[6067],{"type":48,"value":6068},"Start\u002FStop Video",{"type":42,"tag":481,"props":6070,"children":6072},{"className":483,"code":6071,"language":18,"meta":485,"style":485},"await stream.startVideo();\nawait stream.stopVideo();\n",[6073],{"type":42,"tag":488,"props":6074,"children":6075},{"__ignoreMap":485},[6076,6103],{"type":42,"tag":492,"props":6077,"children":6078},{"class":494,"line":495},[6079,6083,6087,6091,6095,6099],{"type":42,"tag":492,"props":6080,"children":6081},{"style":1012},[6082],{"type":48,"value":1353},{"type":42,"tag":492,"props":6084,"children":6085},{"style":515},[6086],{"type":48,"value":1596},{"type":42,"tag":492,"props":6088,"children":6089},{"style":521},[6090],{"type":48,"value":76},{"type":42,"tag":492,"props":6092,"children":6093},{"style":536},[6094],{"type":48,"value":1605},{"type":42,"tag":492,"props":6096,"children":6097},{"style":515},[6098],{"type":48,"value":544},{"type":42,"tag":492,"props":6100,"children":6101},{"style":521},[6102],{"type":48,"value":549},{"type":42,"tag":492,"props":6104,"children":6105},{"class":494,"line":505},[6106,6110,6114,6118,6123,6127],{"type":42,"tag":492,"props":6107,"children":6108},{"style":1012},[6109],{"type":48,"value":1353},{"type":42,"tag":492,"props":6111,"children":6112},{"style":515},[6113],{"type":48,"value":1596},{"type":42,"tag":492,"props":6115,"children":6116},{"style":521},[6117],{"type":48,"value":76},{"type":42,"tag":492,"props":6119,"children":6120},{"style":536},[6121],{"type":48,"value":6122},"stopVideo",{"type":42,"tag":492,"props":6124,"children":6125},{"style":515},[6126],{"type":48,"value":544},{"type":42,"tag":492,"props":6128,"children":6129},{"style":521},[6130],{"type":48,"value":549},{"type":42,"tag":428,"props":6132,"children":6134},{"id":6133},"startstop-audio",[6135],{"type":48,"value":6136},"Start\u002FStop Audio",{"type":42,"tag":481,"props":6138,"children":6140},{"className":483,"code":6139,"language":18,"meta":485,"style":485},"await stream.startAudio();\nawait stream.muteAudio();\nawait stream.unmuteAudio();\nawait stream.stopAudio();\n",[6141],{"type":42,"tag":488,"props":6142,"children":6143},{"__ignoreMap":485},[6144,6171,6199,6227],{"type":42,"tag":492,"props":6145,"children":6146},{"class":494,"line":495},[6147,6151,6155,6159,6163,6167],{"type":42,"tag":492,"props":6148,"children":6149},{"style":1012},[6150],{"type":48,"value":1353},{"type":42,"tag":492,"props":6152,"children":6153},{"style":515},[6154],{"type":48,"value":1596},{"type":42,"tag":492,"props":6156,"children":6157},{"style":521},[6158],{"type":48,"value":76},{"type":42,"tag":492,"props":6160,"children":6161},{"style":536},[6162],{"type":48,"value":1634},{"type":42,"tag":492,"props":6164,"children":6165},{"style":515},[6166],{"type":48,"value":544},{"type":42,"tag":492,"props":6168,"children":6169},{"style":521},[6170],{"type":48,"value":549},{"type":42,"tag":492,"props":6172,"children":6173},{"class":494,"line":505},[6174,6178,6182,6186,6191,6195],{"type":42,"tag":492,"props":6175,"children":6176},{"style":1012},[6177],{"type":48,"value":1353},{"type":42,"tag":492,"props":6179,"children":6180},{"style":515},[6181],{"type":48,"value":1596},{"type":42,"tag":492,"props":6183,"children":6184},{"style":521},[6185],{"type":48,"value":76},{"type":42,"tag":492,"props":6187,"children":6188},{"style":536},[6189],{"type":48,"value":6190},"muteAudio",{"type":42,"tag":492,"props":6192,"children":6193},{"style":515},[6194],{"type":48,"value":544},{"type":42,"tag":492,"props":6196,"children":6197},{"style":521},[6198],{"type":48,"value":549},{"type":42,"tag":492,"props":6200,"children":6201},{"class":494,"line":552},[6202,6206,6210,6214,6219,6223],{"type":42,"tag":492,"props":6203,"children":6204},{"style":1012},[6205],{"type":48,"value":1353},{"type":42,"tag":492,"props":6207,"children":6208},{"style":515},[6209],{"type":48,"value":1596},{"type":42,"tag":492,"props":6211,"children":6212},{"style":521},[6213],{"type":48,"value":76},{"type":42,"tag":492,"props":6215,"children":6216},{"style":536},[6217],{"type":48,"value":6218},"unmuteAudio",{"type":42,"tag":492,"props":6220,"children":6221},{"style":515},[6222],{"type":48,"value":544},{"type":42,"tag":492,"props":6224,"children":6225},{"style":521},[6226],{"type":48,"value":549},{"type":42,"tag":492,"props":6228,"children":6229},{"class":494,"line":613},[6230,6234,6238,6242,6247,6251],{"type":42,"tag":492,"props":6231,"children":6232},{"style":1012},[6233],{"type":48,"value":1353},{"type":42,"tag":492,"props":6235,"children":6236},{"style":515},[6237],{"type":48,"value":1596},{"type":42,"tag":492,"props":6239,"children":6240},{"style":521},[6241],{"type":48,"value":76},{"type":42,"tag":492,"props":6243,"children":6244},{"style":536},[6245],{"type":48,"value":6246},"stopAudio",{"type":42,"tag":492,"props":6248,"children":6249},{"style":515},[6250],{"type":48,"value":544},{"type":42,"tag":492,"props":6252,"children":6253},{"style":521},[6254],{"type":48,"value":549},{"type":42,"tag":428,"props":6256,"children":6258},{"id":6257},"switch-devices",[6259],{"type":48,"value":6260},"Switch Devices",{"type":42,"tag":481,"props":6262,"children":6264},{"className":483,"code":6263,"language":18,"meta":485,"style":485},"\u002F\u002F Get available devices\nconst cameras = stream.getCameraList();\nconst mics = stream.getMicList();\nconst speakers = stream.getSpeakerList();\n\n\u002F\u002F Switch devices\nawait stream.switchCamera(cameraId);\nawait stream.switchMicrophone(micId);\nawait stream.switchSpeaker(speakerId);\n",[6265],{"type":42,"tag":488,"props":6266,"children":6267},{"__ignoreMap":485},[6268,6276,6313,6350,6387,6394,6402,6431,6460],{"type":42,"tag":492,"props":6269,"children":6270},{"class":494,"line":495},[6271],{"type":42,"tag":492,"props":6272,"children":6273},{"style":499},[6274],{"type":48,"value":6275},"\u002F\u002F Get available devices\n",{"type":42,"tag":492,"props":6277,"children":6278},{"class":494,"line":505},[6279,6283,6288,6292,6296,6300,6305,6309],{"type":42,"tag":492,"props":6280,"children":6281},{"style":509},[6282],{"type":48,"value":512},{"type":42,"tag":492,"props":6284,"children":6285},{"style":515},[6286],{"type":48,"value":6287}," cameras ",{"type":42,"tag":492,"props":6289,"children":6290},{"style":521},[6291],{"type":48,"value":524},{"type":42,"tag":492,"props":6293,"children":6294},{"style":515},[6295],{"type":48,"value":1596},{"type":42,"tag":492,"props":6297,"children":6298},{"style":521},[6299],{"type":48,"value":76},{"type":42,"tag":492,"props":6301,"children":6302},{"style":536},[6303],{"type":48,"value":6304},"getCameraList",{"type":42,"tag":492,"props":6306,"children":6307},{"style":515},[6308],{"type":48,"value":544},{"type":42,"tag":492,"props":6310,"children":6311},{"style":521},[6312],{"type":48,"value":549},{"type":42,"tag":492,"props":6314,"children":6315},{"class":494,"line":552},[6316,6320,6325,6329,6333,6337,6342,6346],{"type":42,"tag":492,"props":6317,"children":6318},{"style":509},[6319],{"type":48,"value":512},{"type":42,"tag":492,"props":6321,"children":6322},{"style":515},[6323],{"type":48,"value":6324}," mics ",{"type":42,"tag":492,"props":6326,"children":6327},{"style":521},[6328],{"type":48,"value":524},{"type":42,"tag":492,"props":6330,"children":6331},{"style":515},[6332],{"type":48,"value":1596},{"type":42,"tag":492,"props":6334,"children":6335},{"style":521},[6336],{"type":48,"value":76},{"type":42,"tag":492,"props":6338,"children":6339},{"style":536},[6340],{"type":48,"value":6341},"getMicList",{"type":42,"tag":492,"props":6343,"children":6344},{"style":515},[6345],{"type":48,"value":544},{"type":42,"tag":492,"props":6347,"children":6348},{"style":521},[6349],{"type":48,"value":549},{"type":42,"tag":492,"props":6351,"children":6352},{"class":494,"line":613},[6353,6357,6362,6366,6370,6374,6379,6383],{"type":42,"tag":492,"props":6354,"children":6355},{"style":509},[6356],{"type":48,"value":512},{"type":42,"tag":492,"props":6358,"children":6359},{"style":515},[6360],{"type":48,"value":6361}," speakers ",{"type":42,"tag":492,"props":6363,"children":6364},{"style":521},[6365],{"type":48,"value":524},{"type":42,"tag":492,"props":6367,"children":6368},{"style":515},[6369],{"type":48,"value":1596},{"type":42,"tag":492,"props":6371,"children":6372},{"style":521},[6373],{"type":48,"value":76},{"type":42,"tag":492,"props":6375,"children":6376},{"style":536},[6377],{"type":48,"value":6378},"getSpeakerList",{"type":42,"tag":492,"props":6380,"children":6381},{"style":515},[6382],{"type":48,"value":544},{"type":42,"tag":492,"props":6384,"children":6385},{"style":521},[6386],{"type":48,"value":549},{"type":42,"tag":492,"props":6388,"children":6389},{"class":494,"line":667},[6390],{"type":42,"tag":492,"props":6391,"children":6392},{"emptyLinePlaceholder":725},[6393],{"type":48,"value":728},{"type":42,"tag":492,"props":6395,"children":6396},{"class":494,"line":721},[6397],{"type":42,"tag":492,"props":6398,"children":6399},{"style":499},[6400],{"type":48,"value":6401},"\u002F\u002F Switch devices\n",{"type":42,"tag":492,"props":6403,"children":6404},{"class":494,"line":731},[6405,6409,6413,6417,6422,6427],{"type":42,"tag":492,"props":6406,"children":6407},{"style":1012},[6408],{"type":48,"value":1353},{"type":42,"tag":492,"props":6410,"children":6411},{"style":515},[6412],{"type":48,"value":1596},{"type":42,"tag":492,"props":6414,"children":6415},{"style":521},[6416],{"type":48,"value":76},{"type":42,"tag":492,"props":6418,"children":6419},{"style":536},[6420],{"type":48,"value":6421},"switchCamera",{"type":42,"tag":492,"props":6423,"children":6424},{"style":515},[6425],{"type":48,"value":6426},"(cameraId)",{"type":42,"tag":492,"props":6428,"children":6429},{"style":521},[6430],{"type":48,"value":549},{"type":42,"tag":492,"props":6432,"children":6433},{"class":494,"line":740},[6434,6438,6442,6446,6451,6456],{"type":42,"tag":492,"props":6435,"children":6436},{"style":1012},[6437],{"type":48,"value":1353},{"type":42,"tag":492,"props":6439,"children":6440},{"style":515},[6441],{"type":48,"value":1596},{"type":42,"tag":492,"props":6443,"children":6444},{"style":521},[6445],{"type":48,"value":76},{"type":42,"tag":492,"props":6447,"children":6448},{"style":536},[6449],{"type":48,"value":6450},"switchMicrophone",{"type":42,"tag":492,"props":6452,"children":6453},{"style":515},[6454],{"type":48,"value":6455},"(micId)",{"type":42,"tag":492,"props":6457,"children":6458},{"style":521},[6459],{"type":48,"value":549},{"type":42,"tag":492,"props":6461,"children":6462},{"class":494,"line":778},[6463,6467,6471,6475,6480,6485],{"type":42,"tag":492,"props":6464,"children":6465},{"style":1012},[6466],{"type":48,"value":1353},{"type":42,"tag":492,"props":6468,"children":6469},{"style":515},[6470],{"type":48,"value":1596},{"type":42,"tag":492,"props":6472,"children":6473},{"style":521},[6474],{"type":48,"value":76},{"type":42,"tag":492,"props":6476,"children":6477},{"style":536},[6478],{"type":48,"value":6479},"switchSpeaker",{"type":42,"tag":492,"props":6481,"children":6482},{"style":515},[6483],{"type":48,"value":6484},"(speakerId)",{"type":42,"tag":492,"props":6486,"children":6487},{"style":521},[6488],{"type":48,"value":549},{"type":42,"tag":428,"props":6490,"children":6492},{"id":6491},"screen-sharing",[6493],{"type":48,"value":338},{"type":42,"tag":481,"props":6495,"children":6497},{"className":483,"code":6496,"language":18,"meta":485,"style":485},"\u002F\u002F Start sharing\nawait stream.startShareScreen(canvas);\n\n\u002F\u002F Stop sharing\nawait stream.stopShareScreen();\n\n\u002F\u002F Receive share\nclient.on('active-share-change', async (payload) => {\n  if (payload.state === 'Active') {\n    await stream.startShareView(canvas, payload.userId);\n  } else {\n    await stream.stopShareView();\n  }\n});\n",[6498],{"type":42,"tag":488,"props":6499,"children":6500},{"__ignoreMap":485},[6501,6509,6537,6544,6552,6580,6587,6595,6655,6704,6756,6771,6799,6806],{"type":42,"tag":492,"props":6502,"children":6503},{"class":494,"line":495},[6504],{"type":42,"tag":492,"props":6505,"children":6506},{"style":499},[6507],{"type":48,"value":6508},"\u002F\u002F Start sharing\n",{"type":42,"tag":492,"props":6510,"children":6511},{"class":494,"line":505},[6512,6516,6520,6524,6528,6533],{"type":42,"tag":492,"props":6513,"children":6514},{"style":1012},[6515],{"type":48,"value":1353},{"type":42,"tag":492,"props":6517,"children":6518},{"style":515},[6519],{"type":48,"value":1596},{"type":42,"tag":492,"props":6521,"children":6522},{"style":521},[6523],{"type":48,"value":76},{"type":42,"tag":492,"props":6525,"children":6526},{"style":536},[6527],{"type":48,"value":4710},{"type":42,"tag":492,"props":6529,"children":6530},{"style":515},[6531],{"type":48,"value":6532},"(canvas)",{"type":42,"tag":492,"props":6534,"children":6535},{"style":521},[6536],{"type":48,"value":549},{"type":42,"tag":492,"props":6538,"children":6539},{"class":494,"line":552},[6540],{"type":42,"tag":492,"props":6541,"children":6542},{"emptyLinePlaceholder":725},[6543],{"type":48,"value":728},{"type":42,"tag":492,"props":6545,"children":6546},{"class":494,"line":613},[6547],{"type":42,"tag":492,"props":6548,"children":6549},{"style":499},[6550],{"type":48,"value":6551},"\u002F\u002F Stop sharing\n",{"type":42,"tag":492,"props":6553,"children":6554},{"class":494,"line":667},[6555,6559,6563,6567,6572,6576],{"type":42,"tag":492,"props":6556,"children":6557},{"style":1012},[6558],{"type":48,"value":1353},{"type":42,"tag":492,"props":6560,"children":6561},{"style":515},[6562],{"type":48,"value":1596},{"type":42,"tag":492,"props":6564,"children":6565},{"style":521},[6566],{"type":48,"value":76},{"type":42,"tag":492,"props":6568,"children":6569},{"style":536},[6570],{"type":48,"value":6571},"stopShareScreen",{"type":42,"tag":492,"props":6573,"children":6574},{"style":515},[6575],{"type":48,"value":544},{"type":42,"tag":492,"props":6577,"children":6578},{"style":521},[6579],{"type":48,"value":549},{"type":42,"tag":492,"props":6581,"children":6582},{"class":494,"line":721},[6583],{"type":42,"tag":492,"props":6584,"children":6585},{"emptyLinePlaceholder":725},[6586],{"type":48,"value":728},{"type":42,"tag":492,"props":6588,"children":6589},{"class":494,"line":731},[6590],{"type":42,"tag":492,"props":6591,"children":6592},{"style":499},[6593],{"type":48,"value":6594},"\u002F\u002F Receive share\n",{"type":42,"tag":492,"props":6596,"children":6597},{"class":494,"line":740},[6598,6602,6606,6610,6614,6618,6623,6627,6631,6635,6639,6643,6647,6651],{"type":42,"tag":492,"props":6599,"children":6600},{"style":515},[6601],{"type":48,"value":2497},{"type":42,"tag":492,"props":6603,"children":6604},{"style":521},[6605],{"type":48,"value":76},{"type":42,"tag":492,"props":6607,"children":6608},{"style":536},[6609],{"type":48,"value":2506},{"type":42,"tag":492,"props":6611,"children":6612},{"style":515},[6613],{"type":48,"value":572},{"type":42,"tag":492,"props":6615,"children":6616},{"style":521},[6617],{"type":48,"value":577},{"type":42,"tag":492,"props":6619,"children":6620},{"style":580},[6621],{"type":48,"value":6622},"active-share-change",{"type":42,"tag":492,"props":6624,"children":6625},{"style":521},[6626],{"type":48,"value":577},{"type":42,"tag":492,"props":6628,"children":6629},{"style":521},[6630],{"type":48,"value":592},{"type":42,"tag":492,"props":6632,"children":6633},{"style":509},[6634],{"type":48,"value":2532},{"type":42,"tag":492,"props":6636,"children":6637},{"style":521},[6638],{"type":48,"value":2537},{"type":42,"tag":492,"props":6640,"children":6641},{"style":2540},[6642],{"type":48,"value":2543},{"type":42,"tag":492,"props":6644,"children":6645},{"style":521},[6646],{"type":48,"value":1436},{"type":42,"tag":492,"props":6648,"children":6649},{"style":509},[6650],{"type":48,"value":2552},{"type":42,"tag":492,"props":6652,"children":6653},{"style":521},[6654],{"type":48,"value":2557},{"type":42,"tag":492,"props":6656,"children":6657},{"class":494,"line":778},[6658,6662,6666,6670,6674,6679,6683,6687,6692,6696,6700],{"type":42,"tag":492,"props":6659,"children":6660},{"style":1012},[6661],{"type":48,"value":2615},{"type":42,"tag":492,"props":6663,"children":6664},{"style":1147},[6665],{"type":48,"value":2537},{"type":42,"tag":492,"props":6667,"children":6668},{"style":515},[6669],{"type":48,"value":2543},{"type":42,"tag":492,"props":6671,"children":6672},{"style":521},[6673],{"type":48,"value":76},{"type":42,"tag":492,"props":6675,"children":6676},{"style":515},[6677],{"type":48,"value":6678},"state",{"type":42,"tag":492,"props":6680,"children":6681},{"style":521},[6682],{"type":48,"value":2629},{"type":42,"tag":492,"props":6684,"children":6685},{"style":521},[6686],{"type":48,"value":1030},{"type":42,"tag":492,"props":6688,"children":6689},{"style":580},[6690],{"type":48,"value":6691},"Active",{"type":42,"tag":492,"props":6693,"children":6694},{"style":521},[6695],{"type":48,"value":577},{"type":42,"tag":492,"props":6697,"children":6698},{"style":1147},[6699],{"type":48,"value":2647},{"type":42,"tag":492,"props":6701,"children":6702},{"style":521},[6703],{"type":48,"value":2652},{"type":42,"tag":492,"props":6705,"children":6706},{"class":494,"line":833},[6707,6711,6715,6719,6724,6728,6732,6736,6740,6744,6748,6752],{"type":42,"tag":492,"props":6708,"children":6709},{"style":1012},[6710],{"type":48,"value":2826},{"type":42,"tag":492,"props":6712,"children":6713},{"style":515},[6714],{"type":48,"value":1596},{"type":42,"tag":492,"props":6716,"children":6717},{"style":521},[6718],{"type":48,"value":76},{"type":42,"tag":492,"props":6720,"children":6721},{"style":536},[6722],{"type":48,"value":6723},"startShareView",{"type":42,"tag":492,"props":6725,"children":6726},{"style":1147},[6727],{"type":48,"value":572},{"type":42,"tag":492,"props":6729,"children":6730},{"style":515},[6731],{"type":48,"value":4850},{"type":42,"tag":492,"props":6733,"children":6734},{"style":521},[6735],{"type":48,"value":592},{"type":42,"tag":492,"props":6737,"children":6738},{"style":515},[6739],{"type":48,"value":2596},{"type":42,"tag":492,"props":6741,"children":6742},{"style":521},[6743],{"type":48,"value":76},{"type":42,"tag":492,"props":6745,"children":6746},{"style":515},[6747],{"type":48,"value":2702},{"type":42,"tag":492,"props":6749,"children":6750},{"style":1147},[6751],{"type":48,"value":1436},{"type":42,"tag":492,"props":6753,"children":6754},{"style":521},[6755],{"type":48,"value":549},{"type":42,"tag":492,"props":6757,"children":6758},{"class":494,"line":1514},[6759,6763,6767],{"type":42,"tag":492,"props":6760,"children":6761},{"style":521},[6762],{"type":48,"value":2767},{"type":42,"tag":492,"props":6764,"children":6765},{"style":1012},[6766],{"type":48,"value":2772},{"type":42,"tag":492,"props":6768,"children":6769},{"style":521},[6770],{"type":48,"value":2557},{"type":42,"tag":492,"props":6772,"children":6773},{"class":494,"line":1522},[6774,6778,6782,6786,6791,6795],{"type":42,"tag":492,"props":6775,"children":6776},{"style":1012},[6777],{"type":48,"value":2826},{"type":42,"tag":492,"props":6779,"children":6780},{"style":515},[6781],{"type":48,"value":1596},{"type":42,"tag":492,"props":6783,"children":6784},{"style":521},[6785],{"type":48,"value":76},{"type":42,"tag":492,"props":6787,"children":6788},{"style":536},[6789],{"type":48,"value":6790},"stopShareView",{"type":42,"tag":492,"props":6792,"children":6793},{"style":1147},[6794],{"type":48,"value":544},{"type":42,"tag":492,"props":6796,"children":6797},{"style":521},[6798],{"type":48,"value":549},{"type":42,"tag":492,"props":6800,"children":6801},{"class":494,"line":1531},[6802],{"type":42,"tag":492,"props":6803,"children":6804},{"style":521},[6805],{"type":48,"value":2863},{"type":42,"tag":492,"props":6807,"children":6808},{"class":494,"line":1569},[6809,6813,6817],{"type":42,"tag":492,"props":6810,"children":6811},{"style":521},[6812],{"type":48,"value":2871},{"type":42,"tag":492,"props":6814,"children":6815},{"style":515},[6816],{"type":48,"value":1436},{"type":42,"tag":492,"props":6818,"children":6819},{"style":521},[6820],{"type":48,"value":549},{"type":42,"tag":428,"props":6822,"children":6824},{"id":6823},"chat",[6825],{"type":48,"value":368},{"type":42,"tag":481,"props":6827,"children":6829},{"className":483,"code":6828,"language":18,"meta":485,"style":485},"const chatClient = client.getChatClient();\n\n\u002F\u002F Send to everyone\nawait chatClient.send('Hello, everyone!');\n\n\u002F\u002F Send to specific user\nawait chatClient.sendToUser(userId, 'Private message');\n\n\u002F\u002F Receive messages\nclient.on('chat-on-message', (payload) => {\n  console.log(`${payload.sender.name}: ${payload.message}`);\n});\n",[6830],{"type":42,"tag":488,"props":6831,"children":6832},{"__ignoreMap":485},[6833,6870,6877,6885,6931,6938,6946,6995,7002,7010,7066,7150],{"type":42,"tag":492,"props":6834,"children":6835},{"class":494,"line":495},[6836,6840,6845,6849,6853,6857,6862,6866],{"type":42,"tag":492,"props":6837,"children":6838},{"style":509},[6839],{"type":48,"value":512},{"type":42,"tag":492,"props":6841,"children":6842},{"style":515},[6843],{"type":48,"value":6844}," chatClient ",{"type":42,"tag":492,"props":6846,"children":6847},{"style":521},[6848],{"type":48,"value":524},{"type":42,"tag":492,"props":6850,"children":6851},{"style":515},[6852],{"type":48,"value":1358},{"type":42,"tag":492,"props":6854,"children":6855},{"style":521},[6856],{"type":48,"value":76},{"type":42,"tag":492,"props":6858,"children":6859},{"style":536},[6860],{"type":48,"value":6861},"getChatClient",{"type":42,"tag":492,"props":6863,"children":6864},{"style":515},[6865],{"type":48,"value":544},{"type":42,"tag":492,"props":6867,"children":6868},{"style":521},[6869],{"type":48,"value":549},{"type":42,"tag":492,"props":6871,"children":6872},{"class":494,"line":505},[6873],{"type":42,"tag":492,"props":6874,"children":6875},{"emptyLinePlaceholder":725},[6876],{"type":48,"value":728},{"type":42,"tag":492,"props":6878,"children":6879},{"class":494,"line":552},[6880],{"type":42,"tag":492,"props":6881,"children":6882},{"style":499},[6883],{"type":48,"value":6884},"\u002F\u002F Send to everyone\n",{"type":42,"tag":492,"props":6886,"children":6887},{"class":494,"line":613},[6888,6892,6897,6901,6906,6910,6914,6919,6923,6927],{"type":42,"tag":492,"props":6889,"children":6890},{"style":1012},[6891],{"type":48,"value":1353},{"type":42,"tag":492,"props":6893,"children":6894},{"style":515},[6895],{"type":48,"value":6896}," chatClient",{"type":42,"tag":492,"props":6898,"children":6899},{"style":521},[6900],{"type":48,"value":76},{"type":42,"tag":492,"props":6902,"children":6903},{"style":536},[6904],{"type":48,"value":6905},"send",{"type":42,"tag":492,"props":6907,"children":6908},{"style":515},[6909],{"type":48,"value":572},{"type":42,"tag":492,"props":6911,"children":6912},{"style":521},[6913],{"type":48,"value":577},{"type":42,"tag":492,"props":6915,"children":6916},{"style":580},[6917],{"type":48,"value":6918},"Hello, everyone!",{"type":42,"tag":492,"props":6920,"children":6921},{"style":521},[6922],{"type":48,"value":577},{"type":42,"tag":492,"props":6924,"children":6925},{"style":515},[6926],{"type":48,"value":1436},{"type":42,"tag":492,"props":6928,"children":6929},{"style":521},[6930],{"type":48,"value":549},{"type":42,"tag":492,"props":6932,"children":6933},{"class":494,"line":667},[6934],{"type":42,"tag":492,"props":6935,"children":6936},{"emptyLinePlaceholder":725},[6937],{"type":48,"value":728},{"type":42,"tag":492,"props":6939,"children":6940},{"class":494,"line":721},[6941],{"type":42,"tag":492,"props":6942,"children":6943},{"style":499},[6944],{"type":48,"value":6945},"\u002F\u002F Send to specific user\n",{"type":42,"tag":492,"props":6947,"children":6948},{"class":494,"line":731},[6949,6953,6957,6961,6966,6970,6974,6978,6983,6987,6991],{"type":42,"tag":492,"props":6950,"children":6951},{"style":1012},[6952],{"type":48,"value":1353},{"type":42,"tag":492,"props":6954,"children":6955},{"style":515},[6956],{"type":48,"value":6896},{"type":42,"tag":492,"props":6958,"children":6959},{"style":521},[6960],{"type":48,"value":76},{"type":42,"tag":492,"props":6962,"children":6963},{"style":536},[6964],{"type":48,"value":6965},"sendToUser",{"type":42,"tag":492,"props":6967,"children":6968},{"style":515},[6969],{"type":48,"value":1699},{"type":42,"tag":492,"props":6971,"children":6972},{"style":521},[6973],{"type":48,"value":592},{"type":42,"tag":492,"props":6975,"children":6976},{"style":521},[6977],{"type":48,"value":1030},{"type":42,"tag":492,"props":6979,"children":6980},{"style":580},[6981],{"type":48,"value":6982},"Private message",{"type":42,"tag":492,"props":6984,"children":6985},{"style":521},[6986],{"type":48,"value":577},{"type":42,"tag":492,"props":6988,"children":6989},{"style":515},[6990],{"type":48,"value":1436},{"type":42,"tag":492,"props":6992,"children":6993},{"style":521},[6994],{"type":48,"value":549},{"type":42,"tag":492,"props":6996,"children":6997},{"class":494,"line":740},[6998],{"type":42,"tag":492,"props":6999,"children":7000},{"emptyLinePlaceholder":725},[7001],{"type":48,"value":728},{"type":42,"tag":492,"props":7003,"children":7004},{"class":494,"line":778},[7005],{"type":42,"tag":492,"props":7006,"children":7007},{"style":499},[7008],{"type":48,"value":7009},"\u002F\u002F Receive messages\n",{"type":42,"tag":492,"props":7011,"children":7012},{"class":494,"line":833},[7013,7017,7021,7025,7029,7033,7038,7042,7046,7050,7054,7058,7062],{"type":42,"tag":492,"props":7014,"children":7015},{"style":515},[7016],{"type":48,"value":2497},{"type":42,"tag":492,"props":7018,"children":7019},{"style":521},[7020],{"type":48,"value":76},{"type":42,"tag":492,"props":7022,"children":7023},{"style":536},[7024],{"type":48,"value":2506},{"type":42,"tag":492,"props":7026,"children":7027},{"style":515},[7028],{"type":48,"value":572},{"type":42,"tag":492,"props":7030,"children":7031},{"style":521},[7032],{"type":48,"value":577},{"type":42,"tag":492,"props":7034,"children":7035},{"style":580},[7036],{"type":48,"value":7037},"chat-on-message",{"type":42,"tag":492,"props":7039,"children":7040},{"style":521},[7041],{"type":48,"value":577},{"type":42,"tag":492,"props":7043,"children":7044},{"style":521},[7045],{"type":48,"value":592},{"type":42,"tag":492,"props":7047,"children":7048},{"style":521},[7049],{"type":48,"value":2537},{"type":42,"tag":492,"props":7051,"children":7052},{"style":2540},[7053],{"type":48,"value":2543},{"type":42,"tag":492,"props":7055,"children":7056},{"style":521},[7057],{"type":48,"value":1436},{"type":42,"tag":492,"props":7059,"children":7060},{"style":509},[7061],{"type":48,"value":2552},{"type":42,"tag":492,"props":7063,"children":7064},{"style":521},[7065],{"type":48,"value":2557},{"type":42,"tag":492,"props":7067,"children":7068},{"class":494,"line":1514},[7069,7074,7078,7082,7086,7091,7095,7099,7104,7108,7113,7117,7121,7125,7129,7133,7138,7142,7146],{"type":42,"tag":492,"props":7070,"children":7071},{"style":515},[7072],{"type":48,"value":7073},"  console",{"type":42,"tag":492,"props":7075,"children":7076},{"style":521},[7077],{"type":48,"value":76},{"type":42,"tag":492,"props":7079,"children":7080},{"style":536},[7081],{"type":48,"value":567},{"type":42,"tag":492,"props":7083,"children":7084},{"style":1147},[7085],{"type":48,"value":572},{"type":42,"tag":492,"props":7087,"children":7088},{"style":521},[7089],{"type":48,"value":7090},"`${",{"type":42,"tag":492,"props":7092,"children":7093},{"style":515},[7094],{"type":48,"value":2543},{"type":42,"tag":492,"props":7096,"children":7097},{"style":521},[7098],{"type":48,"value":76},{"type":42,"tag":492,"props":7100,"children":7101},{"style":515},[7102],{"type":48,"value":7103},"sender",{"type":42,"tag":492,"props":7105,"children":7106},{"style":521},[7107],{"type":48,"value":76},{"type":42,"tag":492,"props":7109,"children":7110},{"style":515},[7111],{"type":48,"value":7112},"name",{"type":42,"tag":492,"props":7114,"children":7115},{"style":521},[7116],{"type":48,"value":2871},{"type":42,"tag":492,"props":7118,"children":7119},{"style":580},[7120],{"type":48,"value":86},{"type":42,"tag":492,"props":7122,"children":7123},{"style":521},[7124],{"type":48,"value":3587},{"type":42,"tag":492,"props":7126,"children":7127},{"style":515},[7128],{"type":48,"value":2543},{"type":42,"tag":492,"props":7130,"children":7131},{"style":521},[7132],{"type":48,"value":76},{"type":42,"tag":492,"props":7134,"children":7135},{"style":515},[7136],{"type":48,"value":7137},"message",{"type":42,"tag":492,"props":7139,"children":7140},{"style":521},[7141],{"type":48,"value":3604},{"type":42,"tag":492,"props":7143,"children":7144},{"style":1147},[7145],{"type":48,"value":1436},{"type":42,"tag":492,"props":7147,"children":7148},{"style":521},[7149],{"type":48,"value":549},{"type":42,"tag":492,"props":7151,"children":7152},{"class":494,"line":1522},[7153,7157,7161],{"type":42,"tag":492,"props":7154,"children":7155},{"style":521},[7156],{"type":48,"value":2871},{"type":42,"tag":492,"props":7158,"children":7159},{"style":515},[7160],{"type":48,"value":1436},{"type":42,"tag":492,"props":7162,"children":7163},{"style":521},[7164],{"type":48,"value":549},{"type":42,"tag":428,"props":7166,"children":7168},{"id":7167},"recording-host-only",[7169],{"type":48,"value":7170},"Recording (Host Only)",{"type":42,"tag":481,"props":7172,"children":7174},{"className":483,"code":7173,"language":18,"meta":485,"style":485},"const recordingClient = client.getRecordingClient();\n\nawait recordingClient.startCloudRecording();\nawait recordingClient.stopCloudRecording();\n\nclient.on('recording-change', (payload) => {\n  console.log('Recording status:', payload.state);\n});\n",[7175],{"type":42,"tag":488,"props":7176,"children":7177},{"__ignoreMap":485},[7178,7215,7222,7251,7279,7286,7342,7398],{"type":42,"tag":492,"props":7179,"children":7180},{"class":494,"line":495},[7181,7185,7190,7194,7198,7202,7207,7211],{"type":42,"tag":492,"props":7182,"children":7183},{"style":509},[7184],{"type":48,"value":512},{"type":42,"tag":492,"props":7186,"children":7187},{"style":515},[7188],{"type":48,"value":7189}," recordingClient ",{"type":42,"tag":492,"props":7191,"children":7192},{"style":521},[7193],{"type":48,"value":524},{"type":42,"tag":492,"props":7195,"children":7196},{"style":515},[7197],{"type":48,"value":1358},{"type":42,"tag":492,"props":7199,"children":7200},{"style":521},[7201],{"type":48,"value":76},{"type":42,"tag":492,"props":7203,"children":7204},{"style":536},[7205],{"type":48,"value":7206},"getRecordingClient",{"type":42,"tag":492,"props":7208,"children":7209},{"style":515},[7210],{"type":48,"value":544},{"type":42,"tag":492,"props":7212,"children":7213},{"style":521},[7214],{"type":48,"value":549},{"type":42,"tag":492,"props":7216,"children":7217},{"class":494,"line":505},[7218],{"type":42,"tag":492,"props":7219,"children":7220},{"emptyLinePlaceholder":725},[7221],{"type":48,"value":728},{"type":42,"tag":492,"props":7223,"children":7224},{"class":494,"line":552},[7225,7229,7234,7238,7243,7247],{"type":42,"tag":492,"props":7226,"children":7227},{"style":1012},[7228],{"type":48,"value":1353},{"type":42,"tag":492,"props":7230,"children":7231},{"style":515},[7232],{"type":48,"value":7233}," recordingClient",{"type":42,"tag":492,"props":7235,"children":7236},{"style":521},[7237],{"type":48,"value":76},{"type":42,"tag":492,"props":7239,"children":7240},{"style":536},[7241],{"type":48,"value":7242},"startCloudRecording",{"type":42,"tag":492,"props":7244,"children":7245},{"style":515},[7246],{"type":48,"value":544},{"type":42,"tag":492,"props":7248,"children":7249},{"style":521},[7250],{"type":48,"value":549},{"type":42,"tag":492,"props":7252,"children":7253},{"class":494,"line":613},[7254,7258,7262,7266,7271,7275],{"type":42,"tag":492,"props":7255,"children":7256},{"style":1012},[7257],{"type":48,"value":1353},{"type":42,"tag":492,"props":7259,"children":7260},{"style":515},[7261],{"type":48,"value":7233},{"type":42,"tag":492,"props":7263,"children":7264},{"style":521},[7265],{"type":48,"value":76},{"type":42,"tag":492,"props":7267,"children":7268},{"style":536},[7269],{"type":48,"value":7270},"stopCloudRecording",{"type":42,"tag":492,"props":7272,"children":7273},{"style":515},[7274],{"type":48,"value":544},{"type":42,"tag":492,"props":7276,"children":7277},{"style":521},[7278],{"type":48,"value":549},{"type":42,"tag":492,"props":7280,"children":7281},{"class":494,"line":667},[7282],{"type":42,"tag":492,"props":7283,"children":7284},{"emptyLinePlaceholder":725},[7285],{"type":48,"value":728},{"type":42,"tag":492,"props":7287,"children":7288},{"class":494,"line":721},[7289,7293,7297,7301,7305,7309,7314,7318,7322,7326,7330,7334,7338],{"type":42,"tag":492,"props":7290,"children":7291},{"style":515},[7292],{"type":48,"value":2497},{"type":42,"tag":492,"props":7294,"children":7295},{"style":521},[7296],{"type":48,"value":76},{"type":42,"tag":492,"props":7298,"children":7299},{"style":536},[7300],{"type":48,"value":2506},{"type":42,"tag":492,"props":7302,"children":7303},{"style":515},[7304],{"type":48,"value":572},{"type":42,"tag":492,"props":7306,"children":7307},{"style":521},[7308],{"type":48,"value":577},{"type":42,"tag":492,"props":7310,"children":7311},{"style":580},[7312],{"type":48,"value":7313},"recording-change",{"type":42,"tag":492,"props":7315,"children":7316},{"style":521},[7317],{"type":48,"value":577},{"type":42,"tag":492,"props":7319,"children":7320},{"style":521},[7321],{"type":48,"value":592},{"type":42,"tag":492,"props":7323,"children":7324},{"style":521},[7325],{"type":48,"value":2537},{"type":42,"tag":492,"props":7327,"children":7328},{"style":2540},[7329],{"type":48,"value":2543},{"type":42,"tag":492,"props":7331,"children":7332},{"style":521},[7333],{"type":48,"value":1436},{"type":42,"tag":492,"props":7335,"children":7336},{"style":509},[7337],{"type":48,"value":2552},{"type":42,"tag":492,"props":7339,"children":7340},{"style":521},[7341],{"type":48,"value":2557},{"type":42,"tag":492,"props":7343,"children":7344},{"class":494,"line":731},[7345,7349,7353,7357,7361,7365,7370,7374,7378,7382,7386,7390,7394],{"type":42,"tag":492,"props":7346,"children":7347},{"style":515},[7348],{"type":48,"value":7073},{"type":42,"tag":492,"props":7350,"children":7351},{"style":521},[7352],{"type":48,"value":76},{"type":42,"tag":492,"props":7354,"children":7355},{"style":536},[7356],{"type":48,"value":567},{"type":42,"tag":492,"props":7358,"children":7359},{"style":1147},[7360],{"type":48,"value":572},{"type":42,"tag":492,"props":7362,"children":7363},{"style":521},[7364],{"type":48,"value":577},{"type":42,"tag":492,"props":7366,"children":7367},{"style":580},[7368],{"type":48,"value":7369},"Recording status:",{"type":42,"tag":492,"props":7371,"children":7372},{"style":521},[7373],{"type":48,"value":577},{"type":42,"tag":492,"props":7375,"children":7376},{"style":521},[7377],{"type":48,"value":592},{"type":42,"tag":492,"props":7379,"children":7380},{"style":515},[7381],{"type":48,"value":2596},{"type":42,"tag":492,"props":7383,"children":7384},{"style":521},[7385],{"type":48,"value":76},{"type":42,"tag":492,"props":7387,"children":7388},{"style":515},[7389],{"type":48,"value":6678},{"type":42,"tag":492,"props":7391,"children":7392},{"style":1147},[7393],{"type":48,"value":1436},{"type":42,"tag":492,"props":7395,"children":7396},{"style":521},[7397],{"type":48,"value":549},{"type":42,"tag":492,"props":7399,"children":7400},{"class":494,"line":740},[7401,7405,7409],{"type":42,"tag":492,"props":7402,"children":7403},{"style":521},[7404],{"type":48,"value":2871},{"type":42,"tag":492,"props":7406,"children":7407},{"style":515},[7408],{"type":48,"value":1436},{"type":42,"tag":492,"props":7410,"children":7411},{"style":521},[7412],{"type":48,"value":549},{"type":42,"tag":428,"props":7414,"children":7416},{"id":7415},"leaveend-session",[7417],{"type":48,"value":7418},"Leave\u002FEnd Session",{"type":42,"tag":481,"props":7420,"children":7422},{"className":483,"code":7421,"language":18,"meta":485,"style":485},"\u002F\u002F Leave session (others stay)\nawait client.leave();\n\n\u002F\u002F End session for ALL participants (host only)\nawait client.leave(true);\n",[7423],{"type":42,"tag":488,"props":7424,"children":7425},{"__ignoreMap":485},[7426,7434,7462,7469,7477],{"type":42,"tag":492,"props":7427,"children":7428},{"class":494,"line":495},[7429],{"type":42,"tag":492,"props":7430,"children":7431},{"style":499},[7432],{"type":48,"value":7433},"\u002F\u002F Leave session (others stay)\n",{"type":42,"tag":492,"props":7435,"children":7436},{"class":494,"line":505},[7437,7441,7445,7449,7454,7458],{"type":42,"tag":492,"props":7438,"children":7439},{"style":1012},[7440],{"type":48,"value":1353},{"type":42,"tag":492,"props":7442,"children":7443},{"style":515},[7444],{"type":48,"value":1358},{"type":42,"tag":492,"props":7446,"children":7447},{"style":521},[7448],{"type":48,"value":76},{"type":42,"tag":492,"props":7450,"children":7451},{"style":536},[7452],{"type":48,"value":7453},"leave",{"type":42,"tag":492,"props":7455,"children":7456},{"style":515},[7457],{"type":48,"value":544},{"type":42,"tag":492,"props":7459,"children":7460},{"style":521},[7461],{"type":48,"value":549},{"type":42,"tag":492,"props":7463,"children":7464},{"class":494,"line":552},[7465],{"type":42,"tag":492,"props":7466,"children":7467},{"emptyLinePlaceholder":725},[7468],{"type":48,"value":728},{"type":42,"tag":492,"props":7470,"children":7471},{"class":494,"line":613},[7472],{"type":42,"tag":492,"props":7473,"children":7474},{"style":499},[7475],{"type":48,"value":7476},"\u002F\u002F End session for ALL participants (host only)\n",{"type":42,"tag":492,"props":7478,"children":7479},{"class":494,"line":667},[7480,7484,7488,7492,7496,7500,7505,7509],{"type":42,"tag":492,"props":7481,"children":7482},{"style":1012},[7483],{"type":48,"value":1353},{"type":42,"tag":492,"props":7485,"children":7486},{"style":515},[7487],{"type":48,"value":1358},{"type":42,"tag":492,"props":7489,"children":7490},{"style":521},[7491],{"type":48,"value":76},{"type":42,"tag":492,"props":7493,"children":7494},{"style":536},[7495],{"type":48,"value":7453},{"type":42,"tag":492,"props":7497,"children":7498},{"style":515},[7499],{"type":48,"value":572},{"type":42,"tag":492,"props":7501,"children":7502},{"style":1423},[7503],{"type":48,"value":7504},"true",{"type":42,"tag":492,"props":7506,"children":7507},{"style":515},[7508],{"type":48,"value":1436},{"type":42,"tag":492,"props":7510,"children":7511},{"style":521},[7512],{"type":48,"value":549},{"type":42,"tag":119,"props":7514,"children":7516},{"id":7515},"error-handling",[7517],{"type":48,"value":7518},"Error Handling",{"type":42,"tag":428,"props":7520,"children":7522},{"id":7521},"common-join-errors",[7523],{"type":48,"value":7524},"Common Join Errors",{"type":42,"tag":5827,"props":7526,"children":7527},{},[7528,7549],{"type":42,"tag":5831,"props":7529,"children":7530},{},[7531],{"type":42,"tag":5835,"props":7532,"children":7533},{},[7534,7539,7544],{"type":42,"tag":5839,"props":7535,"children":7536},{},[7537],{"type":48,"value":7538},"Error",{"type":42,"tag":5839,"props":7540,"children":7541},{},[7542],{"type":48,"value":7543},"Cause",{"type":42,"tag":5839,"props":7545,"children":7546},{},[7547],{"type":48,"value":7548},"Solution",{"type":42,"tag":5855,"props":7550,"children":7551},{},[7552,7574,7596],{"type":42,"tag":5835,"props":7553,"children":7554},{},[7555,7564,7569],{"type":42,"tag":5862,"props":7556,"children":7557},{},[7558],{"type":42,"tag":488,"props":7559,"children":7561},{"className":7560},[],[7562],{"type":48,"value":7563},"Invalid signature",{"type":42,"tag":5862,"props":7565,"children":7566},{},[7567],{"type":48,"value":7568},"JWT expired or malformed",{"type":42,"tag":5862,"props":7570,"children":7571},{},[7572],{"type":48,"value":7573},"Generate new signature",{"type":42,"tag":5835,"props":7575,"children":7576},{},[7577,7586,7591],{"type":42,"tag":5862,"props":7578,"children":7579},{},[7580],{"type":42,"tag":488,"props":7581,"children":7583},{"className":7582},[],[7584],{"type":48,"value":7585},"Session does not exist",{"type":42,"tag":5862,"props":7587,"children":7588},{},[7589],{"type":48,"value":7590},"Host hasn't started yet",{"type":42,"tag":5862,"props":7592,"children":7593},{},[7594],{"type":48,"value":7595},"Show \"waiting\" message, retry",{"type":42,"tag":5835,"props":7597,"children":7598},{},[7599,7608,7613],{"type":42,"tag":5862,"props":7600,"children":7601},{},[7602],{"type":42,"tag":488,"props":7603,"children":7605},{"className":7604},[],[7606],{"type":48,"value":7607},"Permission denied",{"type":42,"tag":5862,"props":7609,"children":7610},{},[7611],{"type":48,"value":7612},"User denied camera\u002Fmic",{"type":42,"tag":5862,"props":7614,"children":7615},{},[7616],{"type":48,"value":7617},"Request permission again",{"type":42,"tag":428,"props":7619,"children":7621},{"id":7620},"example-error-handler",[7622],{"type":48,"value":7623},"Example Error Handler",{"type":42,"tag":481,"props":7625,"children":7627},{"className":483,"code":7626,"language":18,"meta":485,"style":485},"try {\n  await client.join(topic, signature, userName, password);\n} catch (error) {\n  if (error.reason?.includes('signature')) {\n    \u002F\u002F Regenerate signature and retry\n  } else if (error.reason?.includes('Session')) {\n    \u002F\u002F Show \"Waiting for host...\" and poll\n  } else if (error.reason?.includes('Permission')) {\n    \u002F\u002F Guide user to enable permissions\n  }\n  console.error('Join failed:', error);\n}\n",[7628],{"type":42,"tag":488,"props":7629,"children":7630},{"__ignoreMap":485},[7631,7643,7704,7725,7786,7794,7858,7866,7930,7938,7945,7994],{"type":42,"tag":492,"props":7632,"children":7633},{"class":494,"line":495},[7634,7639],{"type":42,"tag":492,"props":7635,"children":7636},{"style":1012},[7637],{"type":48,"value":7638},"try",{"type":42,"tag":492,"props":7640,"children":7641},{"style":521},[7642],{"type":48,"value":2557},{"type":42,"tag":492,"props":7644,"children":7645},{"class":494,"line":505},[7646,7650,7654,7658,7662,7666,7671,7675,7679,7683,7687,7691,7696,7700],{"type":42,"tag":492,"props":7647,"children":7648},{"style":1012},[7649],{"type":48,"value":3234},{"type":42,"tag":492,"props":7651,"children":7652},{"style":515},[7653],{"type":48,"value":1358},{"type":42,"tag":492,"props":7655,"children":7656},{"style":521},[7657],{"type":48,"value":76},{"type":42,"tag":492,"props":7659,"children":7660},{"style":536},[7661],{"type":48,"value":1475},{"type":42,"tag":492,"props":7663,"children":7664},{"style":1147},[7665],{"type":48,"value":572},{"type":42,"tag":492,"props":7667,"children":7668},{"style":515},[7669],{"type":48,"value":7670},"topic",{"type":42,"tag":492,"props":7672,"children":7673},{"style":521},[7674],{"type":48,"value":592},{"type":42,"tag":492,"props":7676,"children":7677},{"style":515},[7678],{"type":48,"value":1489},{"type":42,"tag":492,"props":7680,"children":7681},{"style":521},[7682],{"type":48,"value":592},{"type":42,"tag":492,"props":7684,"children":7685},{"style":515},[7686],{"type":48,"value":1498},{"type":42,"tag":492,"props":7688,"children":7689},{"style":521},[7690],{"type":48,"value":592},{"type":42,"tag":492,"props":7692,"children":7693},{"style":515},[7694],{"type":48,"value":7695}," password",{"type":42,"tag":492,"props":7697,"children":7698},{"style":1147},[7699],{"type":48,"value":1436},{"type":42,"tag":492,"props":7701,"children":7702},{"style":521},[7703],{"type":48,"value":549},{"type":42,"tag":492,"props":7705,"children":7706},{"class":494,"line":552},[7707,7711,7716,7721],{"type":42,"tag":492,"props":7708,"children":7709},{"style":521},[7710],{"type":48,"value":2871},{"type":42,"tag":492,"props":7712,"children":7713},{"style":1012},[7714],{"type":48,"value":7715}," catch",{"type":42,"tag":492,"props":7717,"children":7718},{"style":515},[7719],{"type":48,"value":7720}," (error) ",{"type":42,"tag":492,"props":7722,"children":7723},{"style":521},[7724],{"type":48,"value":2652},{"type":42,"tag":492,"props":7726,"children":7727},{"class":494,"line":613},[7728,7732,7736,7741,7745,7750,7755,7760,7764,7768,7773,7777,7782],{"type":42,"tag":492,"props":7729,"children":7730},{"style":1012},[7731],{"type":48,"value":2615},{"type":42,"tag":492,"props":7733,"children":7734},{"style":1147},[7735],{"type":48,"value":2537},{"type":42,"tag":492,"props":7737,"children":7738},{"style":515},[7739],{"type":48,"value":7740},"error",{"type":42,"tag":492,"props":7742,"children":7743},{"style":521},[7744],{"type":48,"value":76},{"type":42,"tag":492,"props":7746,"children":7747},{"style":515},[7748],{"type":48,"value":7749},"reason",{"type":42,"tag":492,"props":7751,"children":7752},{"style":521},[7753],{"type":48,"value":7754},"?.",{"type":42,"tag":492,"props":7756,"children":7757},{"style":536},[7758],{"type":48,"value":7759},"includes",{"type":42,"tag":492,"props":7761,"children":7762},{"style":1147},[7763],{"type":48,"value":572},{"type":42,"tag":492,"props":7765,"children":7766},{"style":521},[7767],{"type":48,"value":577},{"type":42,"tag":492,"props":7769,"children":7770},{"style":580},[7771],{"type":48,"value":7772},"signature",{"type":42,"tag":492,"props":7774,"children":7775},{"style":521},[7776],{"type":48,"value":577},{"type":42,"tag":492,"props":7778,"children":7779},{"style":1147},[7780],{"type":48,"value":7781},")) ",{"type":42,"tag":492,"props":7783,"children":7784},{"style":521},[7785],{"type":48,"value":2652},{"type":42,"tag":492,"props":7787,"children":7788},{"class":494,"line":667},[7789],{"type":42,"tag":492,"props":7790,"children":7791},{"style":499},[7792],{"type":48,"value":7793},"    \u002F\u002F Regenerate signature and retry\n",{"type":42,"tag":492,"props":7795,"children":7796},{"class":494,"line":721},[7797,7801,7805,7809,7813,7817,7821,7825,7829,7833,7837,7841,7846,7850,7854],{"type":42,"tag":492,"props":7798,"children":7799},{"style":521},[7800],{"type":48,"value":2767},{"type":42,"tag":492,"props":7802,"children":7803},{"style":1012},[7804],{"type":48,"value":2772},{"type":42,"tag":492,"props":7806,"children":7807},{"style":1012},[7808],{"type":48,"value":2777},{"type":42,"tag":492,"props":7810,"children":7811},{"style":1147},[7812],{"type":48,"value":2537},{"type":42,"tag":492,"props":7814,"children":7815},{"style":515},[7816],{"type":48,"value":7740},{"type":42,"tag":492,"props":7818,"children":7819},{"style":521},[7820],{"type":48,"value":76},{"type":42,"tag":492,"props":7822,"children":7823},{"style":515},[7824],{"type":48,"value":7749},{"type":42,"tag":492,"props":7826,"children":7827},{"style":521},[7828],{"type":48,"value":7754},{"type":42,"tag":492,"props":7830,"children":7831},{"style":536},[7832],{"type":48,"value":7759},{"type":42,"tag":492,"props":7834,"children":7835},{"style":1147},[7836],{"type":48,"value":572},{"type":42,"tag":492,"props":7838,"children":7839},{"style":521},[7840],{"type":48,"value":577},{"type":42,"tag":492,"props":7842,"children":7843},{"style":580},[7844],{"type":48,"value":7845},"Session",{"type":42,"tag":492,"props":7847,"children":7848},{"style":521},[7849],{"type":48,"value":577},{"type":42,"tag":492,"props":7851,"children":7852},{"style":1147},[7853],{"type":48,"value":7781},{"type":42,"tag":492,"props":7855,"children":7856},{"style":521},[7857],{"type":48,"value":2652},{"type":42,"tag":492,"props":7859,"children":7860},{"class":494,"line":731},[7861],{"type":42,"tag":492,"props":7862,"children":7863},{"style":499},[7864],{"type":48,"value":7865},"    \u002F\u002F Show \"Waiting for host...\" and poll\n",{"type":42,"tag":492,"props":7867,"children":7868},{"class":494,"line":740},[7869,7873,7877,7881,7885,7889,7893,7897,7901,7905,7909,7913,7918,7922,7926],{"type":42,"tag":492,"props":7870,"children":7871},{"style":521},[7872],{"type":48,"value":2767},{"type":42,"tag":492,"props":7874,"children":7875},{"style":1012},[7876],{"type":48,"value":2772},{"type":42,"tag":492,"props":7878,"children":7879},{"style":1012},[7880],{"type":48,"value":2777},{"type":42,"tag":492,"props":7882,"children":7883},{"style":1147},[7884],{"type":48,"value":2537},{"type":42,"tag":492,"props":7886,"children":7887},{"style":515},[7888],{"type":48,"value":7740},{"type":42,"tag":492,"props":7890,"children":7891},{"style":521},[7892],{"type":48,"value":76},{"type":42,"tag":492,"props":7894,"children":7895},{"style":515},[7896],{"type":48,"value":7749},{"type":42,"tag":492,"props":7898,"children":7899},{"style":521},[7900],{"type":48,"value":7754},{"type":42,"tag":492,"props":7902,"children":7903},{"style":536},[7904],{"type":48,"value":7759},{"type":42,"tag":492,"props":7906,"children":7907},{"style":1147},[7908],{"type":48,"value":572},{"type":42,"tag":492,"props":7910,"children":7911},{"style":521},[7912],{"type":48,"value":577},{"type":42,"tag":492,"props":7914,"children":7915},{"style":580},[7916],{"type":48,"value":7917},"Permission",{"type":42,"tag":492,"props":7919,"children":7920},{"style":521},[7921],{"type":48,"value":577},{"type":42,"tag":492,"props":7923,"children":7924},{"style":1147},[7925],{"type":48,"value":7781},{"type":42,"tag":492,"props":7927,"children":7928},{"style":521},[7929],{"type":48,"value":2652},{"type":42,"tag":492,"props":7931,"children":7932},{"class":494,"line":778},[7933],{"type":42,"tag":492,"props":7934,"children":7935},{"style":499},[7936],{"type":48,"value":7937},"    \u002F\u002F Guide user to enable permissions\n",{"type":42,"tag":492,"props":7939,"children":7940},{"class":494,"line":833},[7941],{"type":42,"tag":492,"props":7942,"children":7943},{"style":521},[7944],{"type":48,"value":2863},{"type":42,"tag":492,"props":7946,"children":7947},{"class":494,"line":1514},[7948,7952,7956,7960,7964,7968,7973,7977,7981,7986,7990],{"type":42,"tag":492,"props":7949,"children":7950},{"style":515},[7951],{"type":48,"value":7073},{"type":42,"tag":492,"props":7953,"children":7954},{"style":521},[7955],{"type":48,"value":76},{"type":42,"tag":492,"props":7957,"children":7958},{"style":536},[7959],{"type":48,"value":7740},{"type":42,"tag":492,"props":7961,"children":7962},{"style":1147},[7963],{"type":48,"value":572},{"type":42,"tag":492,"props":7965,"children":7966},{"style":521},[7967],{"type":48,"value":577},{"type":42,"tag":492,"props":7969,"children":7970},{"style":580},[7971],{"type":48,"value":7972},"Join failed:",{"type":42,"tag":492,"props":7974,"children":7975},{"style":521},[7976],{"type":48,"value":577},{"type":42,"tag":492,"props":7978,"children":7979},{"style":521},[7980],{"type":48,"value":592},{"type":42,"tag":492,"props":7982,"children":7983},{"style":515},[7984],{"type":48,"value":7985}," error",{"type":42,"tag":492,"props":7987,"children":7988},{"style":1147},[7989],{"type":48,"value":1436},{"type":42,"tag":492,"props":7991,"children":7992},{"style":521},[7993],{"type":48,"value":549},{"type":42,"tag":492,"props":7995,"children":7996},{"class":494,"line":1522},[7997],{"type":42,"tag":492,"props":7998,"children":7999},{"style":521},[8000],{"type":48,"value":4196},{"type":42,"tag":119,"props":8002,"children":8004},{"id":8003},"browser-compatibility",[8005],{"type":48,"value":8006},"Browser Compatibility",{"type":42,"tag":5827,"props":8008,"children":8009},{},[8010,8041],{"type":42,"tag":5831,"props":8011,"children":8012},{},[8013],{"type":42,"tag":5835,"props":8014,"children":8015},{},[8016,8021,8026,8031,8036],{"type":42,"tag":5839,"props":8017,"children":8018},{},[8019],{"type":48,"value":8020},"Feature",{"type":42,"tag":5839,"props":8022,"children":8023},{},[8024],{"type":48,"value":8025},"Chrome",{"type":42,"tag":5839,"props":8027,"children":8028},{},[8029],{"type":48,"value":8030},"Firefox",{"type":42,"tag":5839,"props":8032,"children":8033},{},[8034],{"type":48,"value":8035},"Safari",{"type":42,"tag":5839,"props":8037,"children":8038},{},[8039],{"type":48,"value":8040},"Edge",{"type":42,"tag":5855,"props":8042,"children":8043},{},[8044,8071,8095,8120],{"type":42,"tag":5835,"props":8045,"children":8046},{},[8047,8052,8057,8062,8067],{"type":42,"tag":5862,"props":8048,"children":8049},{},[8050],{"type":48,"value":8051},"Video",{"type":42,"tag":5862,"props":8053,"children":8054},{},[8055],{"type":48,"value":8056},"80+",{"type":42,"tag":5862,"props":8058,"children":8059},{},[8060],{"type":48,"value":8061},"75+",{"type":42,"tag":5862,"props":8063,"children":8064},{},[8065],{"type":48,"value":8066},"14+",{"type":42,"tag":5862,"props":8068,"children":8069},{},[8070],{"type":48,"value":8056},{"type":42,"tag":5835,"props":8072,"children":8073},{},[8074,8079,8083,8087,8091],{"type":42,"tag":5862,"props":8075,"children":8076},{},[8077],{"type":48,"value":8078},"Audio",{"type":42,"tag":5862,"props":8080,"children":8081},{},[8082],{"type":48,"value":8056},{"type":42,"tag":5862,"props":8084,"children":8085},{},[8086],{"type":48,"value":8061},{"type":42,"tag":5862,"props":8088,"children":8089},{},[8090],{"type":48,"value":8066},{"type":42,"tag":5862,"props":8092,"children":8093},{},[8094],{"type":48,"value":8056},{"type":42,"tag":5835,"props":8096,"children":8097},{},[8098,8103,8107,8111,8116],{"type":42,"tag":5862,"props":8099,"children":8100},{},[8101],{"type":48,"value":8102},"Screen Share",{"type":42,"tag":5862,"props":8104,"children":8105},{},[8106],{"type":48,"value":8056},{"type":42,"tag":5862,"props":8108,"children":8109},{},[8110],{"type":48,"value":8061},{"type":42,"tag":5862,"props":8112,"children":8113},{},[8114],{"type":48,"value":8115},"15+",{"type":42,"tag":5862,"props":8117,"children":8118},{},[8119],{"type":48,"value":8056},{"type":42,"tag":5835,"props":8121,"children":8122},{},[8123,8128,8132,8137,8141],{"type":42,"tag":5862,"props":8124,"children":8125},{},[8126],{"type":48,"value":8127},"Virtual BG",{"type":42,"tag":5862,"props":8129,"children":8130},{},[8131],{"type":48,"value":8056},{"type":42,"tag":5862,"props":8133,"children":8134},{},[8135],{"type":48,"value":8136},"90+",{"type":42,"tag":5862,"props":8138,"children":8139},{},[8140],{"type":48,"value":4052},{"type":42,"tag":5862,"props":8142,"children":8143},{},[8144],{"type":48,"value":8056},{"type":42,"tag":51,"props":8146,"children":8147},{},[8148],{"type":42,"tag":62,"props":8149,"children":8150},{},[8151],{"type":48,"value":8152},"Safari Notes:",{"type":42,"tag":203,"props":8154,"children":8155},{},[8156,8161],{"type":42,"tag":138,"props":8157,"children":8158},{},[8159],{"type":48,"value":8160},"Virtual background not supported",{"type":42,"tag":138,"props":8162,"children":8163},{},[8164],{"type":48,"value":8165},"Screen sharing requires macOS 15+",{"type":42,"tag":119,"props":8167,"children":8169},{"id":8168},"cors-errors-telemetry",[8170],{"type":48,"value":8171},"CORS Errors (Telemetry)",{"type":42,"tag":51,"props":8173,"children":8174},{},[8175],{"type":42,"tag":62,"props":8176,"children":8177},{},[8178,8180,8186],{"type":48,"value":8179},"CORS errors to ",{"type":42,"tag":488,"props":8181,"children":8183},{"className":8182},[],[8184],{"type":48,"value":8185},"log-external-gateway.zoom.us",{"type":48,"value":8187}," are harmless.",{"type":42,"tag":51,"props":8189,"children":8190},{},[8191],{"type":48,"value":8192},"These are caused by COOP\u002FCOEP headers blocking telemetry requests. They don't affect SDK functionality.",{"type":42,"tag":119,"props":8194,"children":8196},{"id":8195},"complete-documentation-library",[8197],{"type":48,"value":8198},"Complete Documentation Library",{"type":42,"tag":428,"props":8200,"children":8202},{"id":8201},"core-concepts",[8203],{"type":48,"value":8204},"Core Concepts",{"type":42,"tag":203,"props":8206,"children":8207},{},[8208,8219],{"type":42,"tag":138,"props":8209,"children":8210},{},[8211,8218],{"type":42,"tag":62,"props":8212,"children":8213},{},[8214],{"type":42,"tag":70,"props":8215,"children":8216},{"href":146},[8217],{"type":48,"value":149},{"type":48,"value":151},{"type":42,"tag":138,"props":8220,"children":8221},{},[8222,8229],{"type":42,"tag":62,"props":8223,"children":8224},{},[8225],{"type":42,"tag":70,"props":8226,"children":8227},{"href":214},[8228],{"type":48,"value":217},{"type":48,"value":8230}," - 4-level navigation guide",{"type":42,"tag":428,"props":8232,"children":8234},{"id":8233},"complete-examples",[8235],{"type":48,"value":8236},"Complete Examples",{"type":42,"tag":203,"props":8238,"children":8239},{},[8240,8252,8264,8277,8289,8302,8315],{"type":42,"tag":138,"props":8241,"children":8242},{},[8243,8250],{"type":42,"tag":62,"props":8244,"children":8245},{},[8246],{"type":42,"tag":70,"props":8247,"children":8248},{"href":160},[8249],{"type":48,"value":163},{"type":48,"value":8251}," - JWT auth + session join with full code",{"type":42,"tag":138,"props":8253,"children":8254},{},[8255,8262],{"type":42,"tag":62,"props":8256,"children":8257},{},[8258],{"type":42,"tag":70,"props":8259,"children":8260},{"href":174},[8261],{"type":48,"value":177},{"type":48,"value":8263}," - attachVideo() patterns",{"type":42,"tag":138,"props":8265,"children":8266},{},[8267,8275],{"type":42,"tag":62,"props":8268,"children":8269},{},[8270],{"type":42,"tag":70,"props":8271,"children":8273},{"href":8272},"examples\u002Fscreen-share.md",[8274],{"type":48,"value":8102},{"type":48,"value":8276}," - Send and receive screen shares",{"type":42,"tag":138,"props":8278,"children":8279},{},[8280,8287],{"type":42,"tag":62,"props":8281,"children":8282},{},[8283],{"type":42,"tag":70,"props":8284,"children":8285},{"href":188},[8286],{"type":48,"value":191},{"type":48,"value":8288}," - Required events",{"type":42,"tag":138,"props":8290,"children":8291},{},[8292,8300],{"type":42,"tag":62,"props":8293,"children":8294},{},[8295],{"type":42,"tag":70,"props":8296,"children":8298},{"href":8297},"examples\u002Fchat.md",[8299],{"type":48,"value":368},{"type":48,"value":8301}," - In-session messaging",{"type":42,"tag":138,"props":8303,"children":8304},{},[8305,8313],{"type":42,"tag":62,"props":8306,"children":8307},{},[8308],{"type":42,"tag":70,"props":8309,"children":8311},{"href":8310},"examples\u002Frecording.md",[8312],{"type":48,"value":5943},{"type":48,"value":8314}," - Cloud recording control",{"type":42,"tag":138,"props":8316,"children":8317},{},[8318,8326],{"type":42,"tag":62,"props":8319,"children":8320},{},[8321],{"type":42,"tag":70,"props":8322,"children":8324},{"href":8323},"examples\u002Ftranscription.md",[8325],{"type":48,"value":5968},{"type":48,"value":8327}," - Live captions",{"type":42,"tag":428,"props":8329,"children":8331},{"id":8330},"framework-integrations",[8332],{"type":48,"value":8333},"Framework Integrations",{"type":42,"tag":203,"props":8335,"children":8336},{},[8337,8351],{"type":42,"tag":138,"props":8338,"children":8339},{},[8340,8349],{"type":42,"tag":62,"props":8341,"children":8342},{},[8343],{"type":42,"tag":70,"props":8344,"children":8346},{"href":8345},"examples\u002Freact-hooks.md",[8347],{"type":48,"value":8348},"React Hooks",{"type":48,"value":8350}," - Official @zoom\u002Fvideosdk-react library",{"type":42,"tag":138,"props":8352,"children":8353},{},[8354,8362],{"type":42,"tag":62,"props":8355,"children":8356},{},[8357],{"type":42,"tag":70,"props":8358,"children":8360},{"href":8359},"examples\u002Fframework-integrations.md",[8361],{"type":48,"value":8333},{"type":48,"value":8363}," - Next.js, Vue\u002FNuxt patterns",{"type":42,"tag":428,"props":8365,"children":8367},{"id":8366},"troubleshooting",[8368],{"type":48,"value":8369},"Troubleshooting",{"type":42,"tag":203,"props":8371,"children":8372},{},[8373],{"type":42,"tag":138,"props":8374,"children":8375},{},[8376,8383],{"type":42,"tag":62,"props":8377,"children":8378},{},[8379],{"type":42,"tag":70,"props":8380,"children":8381},{"href":293},[8382],{"type":48,"value":296},{"type":48,"value":8384}," - Quick diagnostics & error codes",{"type":42,"tag":428,"props":8386,"children":8388},{"id":8387},"references",[8389],{"type":48,"value":8390},"References",{"type":42,"tag":203,"props":8392,"children":8393},{},[8394,8406,8420],{"type":42,"tag":138,"props":8395,"children":8396},{},[8397,8404],{"type":42,"tag":62,"props":8398,"children":8399},{},[8400],{"type":42,"tag":70,"props":8401,"children":8402},{"href":228},[8403],{"type":48,"value":98},{"type":48,"value":8405}," - Complete method signatures",{"type":42,"tag":138,"props":8407,"children":8408},{},[8409,8418],{"type":42,"tag":62,"props":8410,"children":8411},{},[8412],{"type":42,"tag":70,"props":8413,"children":8415},{"href":8414},"references\u002Fevents-reference.md",[8416],{"type":48,"value":8417},"Events Reference",{"type":48,"value":8419}," - All event types",{"type":42,"tag":138,"props":8421,"children":8422},{},[8423,8430],{"type":42,"tag":62,"props":8424,"children":8425},{},[8426],{"type":42,"tag":70,"props":8427,"children":8428},{"href":241},[8429],{"type":48,"value":241},{"type":48,"value":8431}," - Complete navigation guide",{"type":42,"tag":119,"props":8433,"children":8435},{"id":8434},"official-sample-repositories",[8436],{"type":48,"value":8437},"Official Sample Repositories",{"type":42,"tag":5827,"props":8439,"children":8440},{},[8441,8457],{"type":42,"tag":5831,"props":8442,"children":8443},{},[8444],{"type":42,"tag":5835,"props":8445,"children":8446},{},[8447,8452],{"type":42,"tag":5839,"props":8448,"children":8449},{},[8450],{"type":48,"value":8451},"Type",{"type":42,"tag":5839,"props":8453,"children":8454},{},[8455],{"type":48,"value":8456},"Repository",{"type":42,"tag":5855,"props":8458,"children":8459},{},[8460,8477,8495,8513,8531,8549],{"type":42,"tag":5835,"props":8461,"children":8462},{},[8463,8468],{"type":42,"tag":5862,"props":8464,"children":8465},{},[8466],{"type":48,"value":8467},"Web Sample",{"type":42,"tag":5862,"props":8469,"children":8470},{},[8471],{"type":42,"tag":70,"props":8472,"children":8474},{"href":114,"rel":8473},[91],[8475],{"type":48,"value":8476},"videosdk-web-sample",{"type":42,"tag":5835,"props":8478,"children":8479},{},[8480,8485],{"type":42,"tag":5862,"props":8481,"children":8482},{},[8483],{"type":48,"value":8484},"React SDK",{"type":42,"tag":5862,"props":8486,"children":8487},{},[8488],{"type":42,"tag":70,"props":8489,"children":8492},{"href":8490,"rel":8491},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-react",[91],[8493],{"type":48,"value":8494},"videosdk-react",{"type":42,"tag":5835,"props":8496,"children":8497},{},[8498,8503],{"type":42,"tag":5862,"props":8499,"children":8500},{},[8501],{"type":48,"value":8502},"Next.js",{"type":42,"tag":5862,"props":8504,"children":8505},{},[8506],{"type":42,"tag":70,"props":8507,"children":8510},{"href":8508,"rel":8509},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-nextjs-quickstart",[91],[8511],{"type":48,"value":8512},"videosdk-nextjs-quickstart",{"type":42,"tag":5835,"props":8514,"children":8515},{},[8516,8521],{"type":42,"tag":5862,"props":8517,"children":8518},{},[8519],{"type":48,"value":8520},"Vue\u002FNuxt",{"type":42,"tag":5862,"props":8522,"children":8523},{},[8524],{"type":42,"tag":70,"props":8525,"children":8528},{"href":8526,"rel":8527},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-vue-nuxt-quickstart",[91],[8529],{"type":48,"value":8530},"videosdk-vue-nuxt-quickstart",{"type":42,"tag":5835,"props":8532,"children":8533},{},[8534,8539],{"type":42,"tag":5862,"props":8535,"children":8536},{},[8537],{"type":48,"value":8538},"Auth Endpoint",{"type":42,"tag":5862,"props":8540,"children":8541},{},[8542],{"type":42,"tag":70,"props":8543,"children":8546},{"href":8544,"rel":8545},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-auth-endpoint-sample",[91],[8547],{"type":48,"value":8548},"videosdk-auth-endpoint-sample",{"type":42,"tag":5835,"props":8550,"children":8551},{},[8552,8557],{"type":42,"tag":5862,"props":8553,"children":8554},{},[8555],{"type":48,"value":8556},"UI Toolkit",{"type":42,"tag":5862,"props":8558,"children":8559},{},[8560],{"type":42,"tag":70,"props":8561,"children":8564},{"href":8562,"rel":8563},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-zoom-ui-toolkit-react-sample",[91],[8565],{"type":48,"value":8566},"videosdk-zoom-ui-toolkit-react-sample",{"type":42,"tag":119,"props":8568,"children":8570},{"id":8569},"resources",[8571],{"type":48,"value":8572},"Resources",{"type":42,"tag":203,"props":8574,"children":8575},{},[8576,8590,8603,8618],{"type":42,"tag":138,"props":8577,"children":8578},{},[8579,8584,8585],{"type":42,"tag":62,"props":8580,"children":8581},{},[8582],{"type":48,"value":8583},"Official Docs",{"type":48,"value":86},{"type":42,"tag":70,"props":8586,"children":8588},{"href":89,"rel":8587},[91],[8589],{"type":48,"value":89},{"type":42,"tag":138,"props":8591,"children":8592},{},[8593,8597,8598],{"type":42,"tag":62,"props":8594,"children":8595},{},[8596],{"type":48,"value":98},{"type":48,"value":86},{"type":42,"tag":70,"props":8599,"children":8601},{"href":102,"rel":8600},[91],[8602],{"type":48,"value":102},{"type":42,"tag":138,"props":8604,"children":8605},{},[8606,8611,8612],{"type":42,"tag":62,"props":8607,"children":8608},{},[8609],{"type":48,"value":8610},"Dev Forum",{"type":48,"value":86},{"type":42,"tag":70,"props":8613,"children":8616},{"href":8614,"rel":8615},"https:\u002F\u002Fdevforum.zoom.us\u002F",[91],[8617],{"type":48,"value":8614},{"type":42,"tag":138,"props":8619,"children":8620},{},[8621,8626,8627],{"type":42,"tag":62,"props":8622,"children":8623},{},[8624],{"type":48,"value":8625},"GitHub Samples",{"type":48,"value":86},{"type":42,"tag":70,"props":8628,"children":8630},{"href":114,"rel":8629},[91],[8631],{"type":48,"value":114},{"type":42,"tag":8633,"props":8634,"children":8635},"hr",{},[],{"type":42,"tag":51,"props":8637,"children":8638},{},[8639,8644,8646,8650],{"type":42,"tag":62,"props":8640,"children":8641},{},[8642],{"type":48,"value":8643},"Need help?",{"type":48,"value":8645}," Start with ",{"type":42,"tag":70,"props":8647,"children":8648},{"href":241},[8649],{"type":48,"value":241},{"type":48,"value":8651}," for complete navigation.",{"type":42,"tag":119,"props":8653,"children":8655},{"id":8654},"merged-from-video-sdkwebskillmd",[8656],{"type":48,"value":8657},"Merged from video-sdk\u002Fweb\u002FSKILL.md",{"type":42,"tag":43,"props":8659,"children":8661},{"id":8660},"zoom-video-sdk-web-complete-documentation-index",[8662],{"type":48,"value":8663},"Zoom Video SDK Web - Complete Documentation Index",{"type":42,"tag":119,"props":8665,"children":8667},{"id":8666},"quick-start-path",[8668],{"type":48,"value":8669},"Quick Start Path",{"type":42,"tag":51,"props":8671,"children":8672},{},[8673],{"type":42,"tag":62,"props":8674,"children":8675},{},[8676],{"type":48,"value":8677},"If you're new to the SDK, follow this order:",{"type":42,"tag":134,"props":8679,"children":8680},{},[8681,8708,8729,8755,8776],{"type":42,"tag":138,"props":8682,"children":8683},{},[8684,8689,8691,8695],{"type":42,"tag":62,"props":8685,"children":8686},{},[8687],{"type":48,"value":8688},"Read the architecture pattern",{"type":48,"value":8690}," → ",{"type":42,"tag":70,"props":8692,"children":8693},{"href":146},[8694],{"type":48,"value":146},{"type":42,"tag":203,"props":8696,"children":8697},{},[8698,8703],{"type":42,"tag":138,"props":8699,"children":8700},{},[8701],{"type":48,"value":8702},"Universal formula: Create Client → Init → Join → Get Stream → Use",{"type":42,"tag":138,"props":8704,"children":8705},{},[8706],{"type":48,"value":8707},"Once you understand this, you can implement any feature",{"type":42,"tag":138,"props":8709,"children":8710},{},[8711,8716,8717,8721],{"type":42,"tag":62,"props":8712,"children":8713},{},[8714],{"type":48,"value":8715},"Implement session join",{"type":48,"value":8690},{"type":42,"tag":70,"props":8718,"children":8719},{"href":160},[8720],{"type":48,"value":160},{"type":42,"tag":203,"props":8722,"children":8723},{},[8724],{"type":42,"tag":138,"props":8725,"children":8726},{},[8727],{"type":48,"value":8728},"Complete working JWT + session join code",{"type":42,"tag":138,"props":8730,"children":8731},{},[8732,8737,8738,8742],{"type":42,"tag":62,"props":8733,"children":8734},{},[8735],{"type":48,"value":8736},"Listen to events",{"type":48,"value":8690},{"type":42,"tag":70,"props":8739,"children":8740},{"href":188},[8741],{"type":48,"value":188},{"type":42,"tag":203,"props":8743,"children":8744},{},[8745],{"type":42,"tag":138,"props":8746,"children":8747},{},[8748,8753],{"type":42,"tag":62,"props":8749,"children":8750},{},[8751],{"type":48,"value":8752},"CRITICAL",{"type":48,"value":8754},": The SDK is event-driven, you must listen for events",{"type":42,"tag":138,"props":8756,"children":8757},{},[8758,8763,8764,8768],{"type":42,"tag":62,"props":8759,"children":8760},{},[8761],{"type":48,"value":8762},"Implement video",{"type":48,"value":8690},{"type":42,"tag":70,"props":8765,"children":8766},{"href":174},[8767],{"type":48,"value":174},{"type":42,"tag":203,"props":8769,"children":8770},{},[8771],{"type":42,"tag":138,"props":8772,"children":8773},{},[8774],{"type":48,"value":8775},"Use attachVideo(), NOT renderVideo()",{"type":42,"tag":138,"props":8777,"children":8778},{},[8779,8784,8785,8789],{"type":42,"tag":62,"props":8780,"children":8781},{},[8782],{"type":48,"value":8783},"Troubleshoot any issues",{"type":48,"value":8690},{"type":42,"tag":70,"props":8786,"children":8787},{"href":293},[8788],{"type":48,"value":293},{"type":42,"tag":203,"props":8790,"children":8791},{},[8792,8797],{"type":42,"tag":138,"props":8793,"children":8794},{},[8795],{"type":48,"value":8796},"Quick diagnostic checklist",{"type":42,"tag":138,"props":8798,"children":8799},{},[8800],{"type":48,"value":8801},"Error code tables",{"type":42,"tag":8633,"props":8803,"children":8804},{},[],{"type":42,"tag":119,"props":8806,"children":8808},{"id":8807},"documentation-structure",[8809],{"type":48,"value":8810},"Documentation Structure",{"type":42,"tag":481,"props":8812,"children":8815},{"className":8813,"code":8814,"language":48},[1799],"video-sdk\u002Fweb\u002F\n├── SKILL.md                           # Main skill overview\n├── SKILL.md                           # This file - navigation guide\n│\n├── concepts\u002F                          # Core architectural patterns\n│   ├── sdk-architecture-pattern.md   # Universal formula for ANY feature\n│   └── singleton-hierarchy.md        # 4-level navigation guide\n│\n├── examples\u002F                          # Complete working code\n│   ├── session-join-pattern.md       # JWT auth + session join\n│   ├── video-rendering.md            # attachVideo() patterns\n│   ├── screen-share.md               # Send and receive screen shares\n│   ├── event-handling.md             # Required events\n│   ├── chat.md                       # Chat implementation\n│   ├── command-channel.md            # Command channel messaging\n│   ├── recording.md                  # Cloud recording control\n│   ├── transcription.md              # Live transcription\u002Fcaptions\n│   ├── react-hooks.md                # Official @zoom\u002Fvideosdk-react library\n│   └── framework-integrations.md     # Next.js, Vue\u002FNuxt, ZFG patterns\n│\n├── troubleshooting\u002F                   # Problem solving guides\n│   └── common-issues.md              # Quick diagnostic workflow\n│\n└── references\u002F                        # Reference documentation\n    ├── web-reference.md              # API hierarchy, methods, error codes\n    └── events-reference.md           # All event types\n",[8816],{"type":42,"tag":488,"props":8817,"children":8818},{"__ignoreMap":485},[8819],{"type":48,"value":8814},{"type":42,"tag":8633,"props":8821,"children":8822},{},[],{"type":42,"tag":119,"props":8824,"children":8826},{"id":8825},"by-use-case",[8827],{"type":48,"value":8828},"By Use Case",{"type":42,"tag":428,"props":8830,"children":8832},{"id":8831},"i-want-to-build-a-video-app",[8833],{"type":48,"value":8834},"I want to build a video app",{"type":42,"tag":134,"props":8836,"children":8837},{},[8838,8847,8856,8865],{"type":42,"tag":138,"props":8839,"children":8840},{},[8841,8845],{"type":42,"tag":70,"props":8842,"children":8843},{"href":146},[8844],{"type":48,"value":149},{"type":48,"value":8846}," - Understand the pattern",{"type":42,"tag":138,"props":8848,"children":8849},{},[8850,8854],{"type":42,"tag":70,"props":8851,"children":8852},{"href":160},[8853],{"type":48,"value":163},{"type":48,"value":8855}," - Join sessions",{"type":42,"tag":138,"props":8857,"children":8858},{},[8859,8863],{"type":42,"tag":70,"props":8860,"children":8861},{"href":174},[8862],{"type":48,"value":177},{"type":48,"value":8864}," - Display video",{"type":42,"tag":138,"props":8866,"children":8867},{},[8868,8872],{"type":42,"tag":70,"props":8869,"children":8870},{"href":188},[8871],{"type":48,"value":191},{"type":48,"value":8873}," - Listen for video events",{"type":42,"tag":428,"props":8875,"children":8877},{"id":8876},"im-getting-runtime-errors",[8878],{"type":48,"value":8879},"I'm getting runtime errors",{"type":42,"tag":134,"props":8881,"children":8882},{},[8883,8892],{"type":42,"tag":138,"props":8884,"children":8885},{},[8886,8890],{"type":42,"tag":70,"props":8887,"children":8888},{"href":293},[8889],{"type":48,"value":296},{"type":48,"value":8891}," - Error code tables",{"type":42,"tag":138,"props":8893,"children":8894},{},[8895],{"type":48,"value":8896},"\"getMediaStream() is undefined\" → Call AFTER join() completes",{"type":42,"tag":428,"props":8898,"children":8900},{"id":8899},"i-want-to-receive-screen-shares",[8901],{"type":48,"value":8902},"I want to receive screen shares",{"type":42,"tag":134,"props":8904,"children":8905},{},[8906,8915],{"type":42,"tag":138,"props":8907,"children":8908},{},[8909,8913],{"type":42,"tag":70,"props":8910,"children":8911},{"href":8272},[8912],{"type":48,"value":8102},{"type":48,"value":8914}," - startShareView() patterns",{"type":42,"tag":138,"props":8916,"children":8917},{},[8918,8922],{"type":42,"tag":70,"props":8919,"children":8920},{"href":188},[8921],{"type":48,"value":191},{"type":48,"value":8923}," - active-share-change event",{"type":42,"tag":428,"props":8925,"children":8927},{"id":8926},"i-want-to-send-screen-shares",[8928],{"type":48,"value":8929},"I want to send screen shares",{"type":42,"tag":134,"props":8931,"children":8932},{},[8933,8942],{"type":42,"tag":138,"props":8934,"children":8935},{},[8936,8940],{"type":42,"tag":70,"props":8937,"children":8938},{"href":8272},[8939],{"type":48,"value":8102},{"type":48,"value":8941}," - startShareScreen() patterns",{"type":42,"tag":138,"props":8943,"children":8944},{},[8945],{"type":48,"value":8946},"Check isStartShareScreenWithVideoElement() for element type",{"type":42,"tag":428,"props":8948,"children":8950},{"id":8949},"i-want-to-use-chat",[8951],{"type":48,"value":8952},"I want to use chat",{"type":42,"tag":134,"props":8954,"children":8955},{},[8956,8965],{"type":42,"tag":138,"props":8957,"children":8958},{},[8959,8963],{"type":42,"tag":70,"props":8960,"children":8961},{"href":8297},[8962],{"type":48,"value":368},{"type":48,"value":8964}," - Send\u002Freceive messages",{"type":42,"tag":138,"props":8966,"children":8967},{},[8968],{"type":48,"value":8969},"getChatClient() for ChatClient access",{"type":42,"tag":428,"props":8971,"children":8973},{"id":8972},"i-want-to-record-sessions",[8974],{"type":48,"value":8975},"I want to record sessions",{"type":42,"tag":134,"props":8977,"children":8978},{},[8979,8988],{"type":42,"tag":138,"props":8980,"children":8981},{},[8982,8986],{"type":42,"tag":70,"props":8983,"children":8984},{"href":8310},[8985],{"type":48,"value":5943},{"type":48,"value":8987}," - Cloud recording (host only)",{"type":42,"tag":138,"props":8989,"children":8990},{},[8991],{"type":48,"value":8992},"getRecordingClient() for RecordingClient access",{"type":42,"tag":428,"props":8994,"children":8996},{"id":8995},"i-want-to-use-live-transcription",[8997],{"type":48,"value":8998},"I want to use live transcription",{"type":42,"tag":134,"props":9000,"children":9001},{},[9002,9011],{"type":42,"tag":138,"props":9003,"children":9004},{},[9005,9009],{"type":42,"tag":70,"props":9006,"children":9007},{"href":8323},[9008],{"type":48,"value":5968},{"type":48,"value":9010}," - Enable live captions",{"type":42,"tag":138,"props":9012,"children":9013},{},[9014],{"type":48,"value":9015},"getLiveTranscriptionClient() for LiveTranscriptionClient access",{"type":42,"tag":428,"props":9017,"children":9019},{"id":9018},"i-want-to-use-command-channel",[9020],{"type":48,"value":9021},"I want to use command channel",{"type":42,"tag":134,"props":9023,"children":9024},{},[9025,9035],{"type":42,"tag":138,"props":9026,"children":9027},{},[9028,9033],{"type":42,"tag":70,"props":9029,"children":9031},{"href":9030},"examples\u002Fcommand-channel.md",[9032],{"type":48,"value":378},{"type":48,"value":9034}," - Custom signaling between participants",{"type":42,"tag":138,"props":9036,"children":9037},{},[9038],{"type":48,"value":9039},"Must call getCommandClient() AFTER join()",{"type":42,"tag":428,"props":9041,"children":9043},{"id":9042},"i-want-to-implement-a-specific-feature",[9044],{"type":48,"value":9045},"I want to implement a specific feature",{"type":42,"tag":134,"props":9047,"children":9048},{},[9049,9063,9072],{"type":42,"tag":138,"props":9050,"children":9051},{},[9052,9056,9058],{"type":42,"tag":70,"props":9053,"children":9054},{"href":146},[9055],{"type":48,"value":149},{"type":48,"value":9057}," - ",{"type":42,"tag":62,"props":9059,"children":9060},{},[9061],{"type":48,"value":9062},"START HERE!",{"type":42,"tag":138,"props":9064,"children":9065},{},[9066,9070],{"type":42,"tag":70,"props":9067,"children":9068},{"href":214},[9069],{"type":48,"value":217},{"type":48,"value":9071}," - Navigate to the feature",{"type":42,"tag":138,"props":9073,"children":9074},{},[9075,9079],{"type":42,"tag":70,"props":9076,"children":9077},{"href":228},[9078],{"type":48,"value":98},{"type":48,"value":9080}," - Method signatures",{"type":42,"tag":428,"props":9082,"children":9084},{"id":9083},"im-using-react",[9085],{"type":48,"value":9086},"I'm using React",{"type":42,"tag":134,"props":9088,"children":9089},{},[9090,9098,9103],{"type":42,"tag":138,"props":9091,"children":9092},{},[9093,9097],{"type":42,"tag":70,"props":9094,"children":9095},{"href":8345},[9096],{"type":48,"value":8348},{"type":48,"value":8350},{"type":42,"tag":138,"props":9099,"children":9100},{},[9101],{"type":48,"value":9102},"Provides hooks: useSession, useSessionUsers, useVideoState, useAudioState",{"type":42,"tag":138,"props":9104,"children":9105},{},[9106],{"type":48,"value":9107},"Pre-built components: VideoPlayerComponent, ScreenSharePlayerComponent",{"type":42,"tag":428,"props":9109,"children":9111},{"id":9110},"im-using-nextjs-or-vuenuxt",[9112],{"type":48,"value":9113},"I'm using Next.js or Vue\u002FNuxt",{"type":42,"tag":134,"props":9115,"children":9116},{},[9117,9126,9131],{"type":42,"tag":138,"props":9118,"children":9119},{},[9120,9124],{"type":42,"tag":70,"props":9121,"children":9122},{"href":8359},[9123],{"type":48,"value":8333},{"type":48,"value":9125}," - SSR considerations",{"type":42,"tag":138,"props":9127,"children":9128},{},[9129],{"type":48,"value":9130},"Server-side JWT generation patterns",{"type":42,"tag":138,"props":9132,"children":9133},{},[9134],{"type":48,"value":9135},"Client-side only SDK usage",{"type":42,"tag":8633,"props":9137,"children":9138},{},[],{"type":42,"tag":119,"props":9140,"children":9142},{"id":9141},"most-critical-documents",[9143],{"type":48,"value":9144},"Most Critical Documents",{"type":42,"tag":428,"props":9146,"children":9148},{"id":9147},"_1-sdk-architecture-pattern-master-document",[9149],{"type":48,"value":9150},"1. SDK Architecture Pattern (MASTER DOCUMENT)",{"type":42,"tag":51,"props":9152,"children":9153},{},[9154],{"type":42,"tag":62,"props":9155,"children":9156},{},[9157],{"type":42,"tag":70,"props":9158,"children":9159},{"href":146},[9160],{"type":48,"value":146},{"type":42,"tag":51,"props":9162,"children":9163},{},[9164],{"type":48,"value":9165},"The universal 5-step pattern:",{"type":42,"tag":134,"props":9167,"children":9168},{},[9169,9174,9179,9184,9189],{"type":42,"tag":138,"props":9170,"children":9171},{},[9172],{"type":48,"value":9173},"Create client",{"type":42,"tag":138,"props":9175,"children":9176},{},[9177],{"type":48,"value":9178},"Initialize SDK",{"type":42,"tag":138,"props":9180,"children":9181},{},[9182],{"type":48,"value":9183},"Join session",{"type":42,"tag":138,"props":9185,"children":9186},{},[9187],{"type":48,"value":9188},"Get stream",{"type":42,"tag":138,"props":9190,"children":9191},{},[9192],{"type":48,"value":9193},"Use features + listen to events",{"type":42,"tag":428,"props":9195,"children":9197},{"id":9196},"_2-common-issues-most-common-problems",[9198],{"type":48,"value":9199},"2. Common Issues (MOST COMMON PROBLEMS)",{"type":42,"tag":51,"props":9201,"children":9202},{},[9203],{"type":42,"tag":62,"props":9204,"children":9205},{},[9206],{"type":42,"tag":70,"props":9207,"children":9208},{"href":293},[9209],{"type":48,"value":293},{"type":42,"tag":51,"props":9211,"children":9212},{},[9213],{"type":48,"value":9214},"Common issues:",{"type":42,"tag":203,"props":9216,"children":9217},{},[9218,9223,9228],{"type":42,"tag":138,"props":9219,"children":9220},{},[9221],{"type":48,"value":9222},"getMediaStream() returns undefined",{"type":42,"tag":138,"props":9224,"children":9225},{},[9226],{"type":48,"value":9227},"Video not displaying",{"type":42,"tag":138,"props":9229,"children":9230},{},[9231],{"type":48,"value":9232},"renderVideo() deprecated",{"type":42,"tag":428,"props":9234,"children":9236},{"id":9235},"_3-singleton-hierarchy-navigation-map",[9237],{"type":48,"value":9238},"3. Singleton Hierarchy (NAVIGATION MAP)",{"type":42,"tag":51,"props":9240,"children":9241},{},[9242],{"type":42,"tag":62,"props":9243,"children":9244},{},[9245],{"type":42,"tag":70,"props":9246,"children":9247},{"href":214},[9248],{"type":48,"value":214},{"type":42,"tag":51,"props":9250,"children":9251},{},[9252],{"type":48,"value":9253},"4-level deep navigation showing how to reach every feature.",{"type":42,"tag":8633,"props":9255,"children":9256},{},[],{"type":42,"tag":119,"props":9258,"children":9260},{"id":9259},"key-learnings",[9261],{"type":48,"value":9262},"Key Learnings",{"type":42,"tag":428,"props":9264,"children":9266},{"id":9265},"critical-discoveries",[9267],{"type":48,"value":9268},"Critical Discoveries:",{"type":42,"tag":134,"props":9270,"children":9271},{},[9272,9297,9325,9354,9383,9433,9465,9497,9531],{"type":42,"tag":138,"props":9273,"children":9274},{},[9275,9280],{"type":42,"tag":62,"props":9276,"children":9277},{},[9278],{"type":48,"value":9279},"getMediaStream() ONLY works after join()",{"type":42,"tag":203,"props":9281,"children":9282},{},[9283,9288],{"type":42,"tag":138,"props":9284,"children":9285},{},[9286],{"type":48,"value":9287},"The stream object is not available until session is joined",{"type":42,"tag":138,"props":9289,"children":9290},{},[9291,9293],{"type":48,"value":9292},"See: ",{"type":42,"tag":70,"props":9294,"children":9295},{"href":146},[9296],{"type":48,"value":149},{"type":42,"tag":138,"props":9298,"children":9299},{},[9300,9304],{"type":42,"tag":62,"props":9301,"children":9302},{},[9303],{"type":48,"value":2198},{"type":42,"tag":203,"props":9305,"children":9306},{},[9307,9312,9317],{"type":42,"tag":138,"props":9308,"children":9309},{},[9310],{"type":48,"value":9311},"renderVideo() is deprecated",{"type":42,"tag":138,"props":9313,"children":9314},{},[9315],{"type":48,"value":9316},"attachVideo() returns a VideoPlayer element to append to DOM",{"type":42,"tag":138,"props":9318,"children":9319},{},[9320,9321],{"type":48,"value":9292},{"type":42,"tag":70,"props":9322,"children":9323},{"href":174},[9324],{"type":48,"value":177},{"type":42,"tag":138,"props":9326,"children":9327},{},[9328,9333],{"type":42,"tag":62,"props":9329,"children":9330},{},[9331],{"type":48,"value":9332},"The SDK is Event-Driven",{"type":42,"tag":203,"props":9334,"children":9335},{},[9336,9341,9346],{"type":42,"tag":138,"props":9337,"children":9338},{},[9339],{"type":48,"value":9340},"You MUST listen for events to render participant videos",{"type":42,"tag":138,"props":9342,"children":9343},{},[9344],{"type":48,"value":9345},"key events: peer-video-state-change, user-added, user-removed",{"type":42,"tag":138,"props":9347,"children":9348},{},[9349,9350],{"type":48,"value":9292},{"type":42,"tag":70,"props":9351,"children":9352},{"href":188},[9353],{"type":48,"value":191},{"type":42,"tag":138,"props":9355,"children":9356},{},[9357,9362],{"type":42,"tag":62,"props":9358,"children":9359},{},[9360],{"type":48,"value":9361},"Peer Videos on Mid-Session Join",{"type":42,"tag":203,"props":9363,"children":9364},{},[9365,9370,9375],{"type":42,"tag":138,"props":9366,"children":9367},{},[9368],{"type":48,"value":9369},"Existing participants' videos won't auto-render",{"type":42,"tag":138,"props":9371,"children":9372},{},[9373],{"type":48,"value":9374},"Must manually iterate getAllUser() and attachVideo()",{"type":42,"tag":138,"props":9376,"children":9377},{},[9378,9379],{"type":48,"value":9292},{"type":42,"tag":70,"props":9380,"children":9381},{"href":174},[9382],{"type":48,"value":177},{"type":42,"tag":138,"props":9384,"children":9385},{},[9386,9391],{"type":42,"tag":62,"props":9387,"children":9388},{},[9389],{"type":48,"value":9390},"CDN vs NPM",{"type":42,"tag":203,"props":9392,"children":9393},{},[9394,9413,9425],{"type":42,"tag":138,"props":9395,"children":9396},{},[9397,9399,9405,9407],{"type":48,"value":9398},"CDN exports as ",{"type":42,"tag":488,"props":9400,"children":9402},{"className":9401},[],[9403],{"type":48,"value":9404},"WebVideoSDK.default",{"type":48,"value":9406},", not ",{"type":42,"tag":488,"props":9408,"children":9410},{"className":9409},[],[9411],{"type":48,"value":9412},"ZoomVideo",{"type":42,"tag":138,"props":9414,"children":9415},{},[9416,9418,9423],{"type":48,"value":9417},"Some networks\u002Fad blockers may block ",{"type":42,"tag":488,"props":9419,"children":9421},{"className":9420},[],[9422],{"type":48,"value":1069},{"type":48,"value":9424}," - allowlist or use a permitted fallback strategy",{"type":42,"tag":138,"props":9426,"children":9427},{},[9428,9429],{"type":48,"value":9292},{"type":42,"tag":70,"props":9430,"children":9431},{"href":160},[9432],{"type":48,"value":163},{"type":42,"tag":138,"props":9434,"children":9435},{},[9436,9441],{"type":42,"tag":62,"props":9437,"children":9438},{},[9439],{"type":48,"value":9440},"SharedArrayBuffer for HD",{"type":42,"tag":203,"props":9442,"children":9443},{},[9444,9449,9454],{"type":42,"tag":138,"props":9445,"children":9446},{},[9447],{"type":48,"value":9448},"Required for 720p\u002F1080p video",{"type":42,"tag":138,"props":9450,"children":9451},{},[9452],{"type":48,"value":9453},"Need COOP\u002FCOEP headers on server",{"type":42,"tag":138,"props":9455,"children":9456},{},[9457,9459],{"type":48,"value":9458},"Check with ",{"type":42,"tag":488,"props":9460,"children":9462},{"className":9461},[],[9463],{"type":48,"value":9464},"stream.isSupportHDVideo()",{"type":42,"tag":138,"props":9466,"children":9467},{},[9468,9473],{"type":42,"tag":62,"props":9469,"children":9470},{},[9471],{"type":48,"value":9472},"Screen Share Element Type",{"type":42,"tag":203,"props":9474,"children":9475},{},[9476,9489],{"type":42,"tag":138,"props":9477,"children":9478},{},[9479,9481,9487],{"type":48,"value":9480},"Check ",{"type":42,"tag":488,"props":9482,"children":9484},{"className":9483},[],[9485],{"type":48,"value":9486},"isStartShareScreenWithVideoElement()",{"type":48,"value":9488}," for correct element type",{"type":42,"tag":138,"props":9490,"children":9491},{},[9492,9493],{"type":48,"value":9292},{"type":42,"tag":70,"props":9494,"children":9495},{"href":8272},[9496],{"type":48,"value":8102},{"type":42,"tag":138,"props":9498,"children":9499},{},[9500,9505],{"type":42,"tag":62,"props":9501,"children":9502},{},[9503],{"type":48,"value":9504},"Command Channel Setup Order",{"type":42,"tag":203,"props":9506,"children":9507},{},[9508,9513,9518,9523],{"type":42,"tag":138,"props":9509,"children":9510},{},[9511],{"type":48,"value":9512},"Must call getCommandClient() AFTER client.join()",{"type":42,"tag":138,"props":9514,"children":9515},{},[9516],{"type":48,"value":9517},"Register listeners AFTER join, not before",{"type":42,"tag":138,"props":9519,"children":9520},{},[9521],{"type":48,"value":9522},"Web uses getCommandClient() not getCmdChannel()",{"type":42,"tag":138,"props":9524,"children":9525},{},[9526,9527],{"type":48,"value":9292},{"type":42,"tag":70,"props":9528,"children":9529},{"href":9030},[9530],{"type":48,"value":378},{"type":42,"tag":138,"props":9532,"children":9533},{},[9534,9539],{"type":42,"tag":62,"props":9535,"children":9536},{},[9537],{"type":48,"value":9538},"Command Channel is Session-Scoped",{"type":42,"tag":203,"props":9540,"children":9541},{},[9542,9547],{"type":42,"tag":138,"props":9543,"children":9544},{},[9545],{"type":48,"value":9546},"Does NOT span across different sessions",{"type":42,"tag":138,"props":9548,"children":9549},{},[9550],{"type":48,"value":9551},"Both sender and receiver must be in the same session",{"type":42,"tag":8633,"props":9553,"children":9554},{},[],{"type":42,"tag":119,"props":9556,"children":9558},{"id":9557},"quick-reference",[9559],{"type":48,"value":9560},"Quick Reference",{"type":42,"tag":428,"props":9562,"children":9564},{"id":9563},"getmediastream-returns-undefined",[9565],{"type":48,"value":9566},"\"getMediaStream() returns undefined\"",{"type":42,"tag":51,"props":9568,"children":9569},{},[9570],{"type":48,"value":9571},"→ Call AFTER join() completes",{"type":42,"tag":428,"props":9573,"children":9575},{"id":9574},"video-not-showing",[9576],{"type":48,"value":9577},"\"Video not showing\"",{"type":42,"tag":51,"props":9579,"children":9580},{},[9581,9583,9587],{"type":48,"value":9582},"→ ",{"type":42,"tag":70,"props":9584,"children":9585},{"href":174},[9586],{"type":48,"value":177},{"type":48,"value":9588}," - Use attachVideo(), check events",{"type":42,"tag":428,"props":9590,"children":9592},{"id":9591},"rendervideo-doesnt-work",[9593],{"type":48,"value":9594},"\"renderVideo() doesn't work\"",{"type":42,"tag":51,"props":9596,"children":9597},{},[9598,9599,9603],{"type":48,"value":9582},{"type":42,"tag":70,"props":9600,"children":9601},{"href":174},[9602],{"type":48,"value":177},{"type":48,"value":9604}," - Use attachVideo() instead",{"type":42,"tag":428,"props":9606,"children":9608},{"id":9607},"how-do-i-implement-feature",[9609,9611,9616],{"type":48,"value":9610},"\"How do I implement ",{"type":42,"tag":492,"props":9612,"children":9613},{},[9614],{"type":48,"value":9615},"feature",{"type":48,"value":9617},"?\"",{"type":42,"tag":51,"props":9619,"children":9620},{},[9621,9622],{"type":48,"value":9582},{"type":42,"tag":70,"props":9623,"children":9624},{"href":146},[9625],{"type":48,"value":149},{"type":42,"tag":428,"props":9627,"children":9629},{"id":9628},"how-do-i-navigate-to-client",[9630,9632,9636],{"type":48,"value":9631},"\"How do I navigate to ",{"type":42,"tag":492,"props":9633,"children":9634},{},[9635],{"type":48,"value":2497},{"type":48,"value":9617},{"type":42,"tag":51,"props":9638,"children":9639},{},[9640,9641],{"type":48,"value":9582},{"type":42,"tag":70,"props":9642,"children":9643},{"href":214},[9644],{"type":48,"value":217},{"type":42,"tag":428,"props":9646,"children":9648},{"id":9647},"what-error-code-means-what",[9649],{"type":48,"value":9650},"\"What error code means what?\"",{"type":42,"tag":51,"props":9652,"children":9653},{},[9654,9655],{"type":48,"value":9582},{"type":42,"tag":70,"props":9656,"children":9657},{"href":293},[9658],{"type":48,"value":296},{"type":42,"tag":8633,"props":9660,"children":9661},{},[],{"type":42,"tag":119,"props":9663,"children":9665},{"id":9664},"document-version",[9666],{"type":48,"value":9667},"Document Version",{"type":42,"tag":51,"props":9669,"children":9670},{},[9671,9673],{"type":48,"value":9672},"Based on ",{"type":42,"tag":62,"props":9674,"children":9675},{},[9676],{"type":48,"value":9677},"Zoom Video SDK for Web v2.3.x",{"type":42,"tag":8633,"props":9679,"children":9680},{},[],{"type":42,"tag":51,"props":9682,"children":9683},{},[9684],{"type":42,"tag":62,"props":9685,"children":9686},{},[9687],{"type":48,"value":9688},"Happy coding!",{"type":42,"tag":51,"props":9690,"children":9691},{},[9692,9694,9698],{"type":48,"value":9693},"Remember: The ",{"type":42,"tag":70,"props":9695,"children":9696},{"href":146},[9697],{"type":48,"value":149},{"type":48,"value":9699}," is your key to unlocking the entire SDK. Read it first!",{"type":42,"tag":119,"props":9701,"children":9703},{"id":9702},"operations",[9704],{"type":48,"value":9705},"Operations",{"type":42,"tag":203,"props":9707,"children":9708},{},[9709],{"type":42,"tag":138,"props":9710,"children":9711},{},[9712,9717],{"type":42,"tag":70,"props":9713,"children":9715},{"href":9714},"RUNBOOK.md",[9716],{"type":48,"value":9714},{"type":48,"value":9718}," - 5-minute preflight and debugging checklist.",{"type":42,"tag":9720,"props":9721,"children":9722},"style",{},[9723],{"type":48,"value":9724},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":9726,"total":9931},[9727,9748,9771,9788,9804,9823,9842,9858,9874,9888,9900,9915],{"slug":9728,"name":9728,"fn":9729,"description":9730,"org":9731,"tags":9732,"stars":9745,"repoUrl":9746,"updatedAt":9747},"prior-auth-packet-builder","build healthcare prior authorization packets","Build a concise prior authorization packet from local case files and payer policy docs.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[9733,9736,9739,9742],{"name":9734,"slug":9735,"type":15},"Documents","documents",{"name":9737,"slug":9738,"type":15},"Healthcare","healthcare",{"name":9740,"slug":9741,"type":15},"Insurance","insurance",{"name":9743,"slug":9744,"type":15},"Regulatory Compliance","regulatory-compliance",28169,"https:\u002F\u002Fgithub.com\u002Fopenai\u002Fopenai-agents-python","2026-04-16T05:11:39.180399",{"slug":9749,"name":9749,"fn":9750,"description":9751,"org":9752,"tags":9753,"stars":9768,"repoUrl":9769,"updatedAt":9770},"aspnet-core","build ASP.NET Core web applications","Build, review, refactor, or architect ASP.NET Core web applications using current official guidance for .NET web development. Use when working on Blazor Web Apps, Razor Pages, MVC, Minimal APIs, controller-based Web APIs, SignalR, gRPC, middleware, dependency injection, configuration, authentication, authorization, testing, performance, deployment, or ASP.NET Core upgrades.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[9754,9757,9759,9762,9765],{"name":9755,"slug":9756,"type":15},".NET","dotnet",{"name":9758,"slug":9749,"type":15},"ASP.NET Core",{"name":9760,"slug":9761,"type":15},"Blazor","blazor",{"name":9763,"slug":9764,"type":15},"C#","csharp",{"name":9766,"slug":9767,"type":15},"Web Development","web-development",23787,"https:\u002F\u002Fgithub.com\u002Fopenai\u002Fskills","2026-04-12T05:07:02.819491",{"slug":9772,"name":9772,"fn":9773,"description":9774,"org":9775,"tags":9776,"stars":9768,"repoUrl":9769,"updatedAt":9787},"chatgpt-apps","build ChatGPT Apps SDK applications","Build, scaffold, refactor, and troubleshoot ChatGPT Apps SDK applications that combine an MCP server and widget UI. Use when Codex needs to design tools, register UI resources, wire the MCP Apps bridge or ChatGPT compatibility APIs, apply Apps SDK metadata or CSP or domain settings, or produce a docs-aligned project scaffold. Prefer a docs-first workflow by invoking the openai-docs skill or OpenAI developer docs MCP tools before generating code.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[9777,9780,9783,9786],{"name":9778,"slug":9779,"type":15},"Apps SDK","apps-sdk",{"name":9781,"slug":9782,"type":15},"ChatGPT","chatgpt",{"name":9784,"slug":9785,"type":15},"MCP","mcp",{"name":9,"slug":8,"type":15},"2026-04-12T05:07:05.468097",{"slug":9789,"name":9789,"fn":9790,"description":9791,"org":9792,"tags":9793,"stars":9768,"repoUrl":9769,"updatedAt":9803},"cli-creator","build CLIs from API docs","Build a composable CLI for Codex from API docs, an OpenAPI spec, existing curl examples, an SDK, a web app, an admin tool, or a local script. Use when the user wants Codex to create a command-line tool that can run from any repo, expose composable read\u002Fwrite commands, return stable JSON, manage auth, and pair with a companion skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[9794,9797,9800],{"name":9795,"slug":9796,"type":15},"API Development","api-development",{"name":9798,"slug":9799,"type":15},"CLI","cli",{"name":9801,"slug":9802,"type":15},"Codex","codex","2026-04-12T05:07:04.132762",{"slug":9805,"name":9805,"fn":9806,"description":9807,"org":9808,"tags":9809,"stars":9768,"repoUrl":9769,"updatedAt":9822},"cloudflare-deploy","deploy projects to Cloudflare","Deploy applications and infrastructure to Cloudflare using Workers, Pages, and related platform services. Use when the user asks to deploy, host, publish, or set up a project on Cloudflare.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[9810,9813,9816,9819],{"name":9811,"slug":9812,"type":15},"Cloudflare","cloudflare",{"name":9814,"slug":9815,"type":15},"Cloudflare Pages","cloudflare-pages",{"name":9817,"slug":9818,"type":15},"Cloudflare Workers","cloudflare-workers",{"name":9820,"slug":9821,"type":15},"Deployment","deployment","2026-04-12T05:07:14.275118",{"slug":9824,"name":9824,"fn":9825,"description":9826,"org":9827,"tags":9828,"stars":9768,"repoUrl":9769,"updatedAt":9841},"define-goal","define and set measurable project goals","Help the user define a concrete, measurable goal before starting work, especially when they ask to use the goal tool, create a goal, set an objective, clarify success criteria, or turn a fuzzy intention into a quantitative outcome. Use this skill for goal creation and goal refinement only; it does not manage durable snapshots, decision logs, or long-running execution artifacts.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[9829,9832,9835,9838],{"name":9830,"slug":9831,"type":15},"Productivity","productivity",{"name":9833,"slug":9834,"type":15},"Project Management","project-management",{"name":9836,"slug":9837,"type":15},"Strategy","strategy",{"name":9839,"slug":9840,"type":15},"Task Management","task-management","2026-05-23T06:17:16.870838",{"slug":9843,"name":9843,"fn":9844,"description":9845,"org":9846,"tags":9847,"stars":9768,"repoUrl":9769,"updatedAt":9857},"figma","translate Figma designs into code","Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[9848,9851,9853,9856],{"name":9849,"slug":9850,"type":15},"Design","design",{"name":9852,"slug":9843,"type":15},"Figma",{"name":9854,"slug":9855,"type":15},"Frontend","frontend",{"name":9784,"slug":9785,"type":15},"2026-04-12T05:06:47.939943",{"slug":9859,"name":9859,"fn":9860,"description":9861,"org":9862,"tags":9863,"stars":9768,"repoUrl":9769,"updatedAt":9873},"figma-code-connect-components","connect Figma designs to code components","Connects Figma design components to code components using Code Connect mapping tools. Use when user says \"code connect\", \"connect this component to code\", \"map this component\", \"link component to code\", \"create code connect mapping\", or wants to establish mappings between Figma designs and code implementations. For canvas writes via `use_figma`, use `figma-use`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[9864,9865,9868,9869,9870],{"name":9849,"slug":9850,"type":15},{"name":9866,"slug":9867,"type":15},"Design System","design-system",{"name":9852,"slug":9843,"type":15},{"name":9854,"slug":9855,"type":15},{"name":9871,"slug":9872,"type":15},"UI Components","ui-components","2026-05-10T05:59:52.971881",{"slug":9875,"name":9875,"fn":9876,"description":9877,"org":9878,"tags":9879,"stars":9768,"repoUrl":9769,"updatedAt":9887},"figma-create-design-system-rules","generate design system rules from Figma","Generates custom design system rules for the user's codebase. Use when user says \"create design system rules\", \"generate rules for my project\", \"set up design rules\", \"customize design system guidelines\", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[9880,9881,9882,9885,9886],{"name":9849,"slug":9850,"type":15},{"name":9866,"slug":9867,"type":15},{"name":9883,"slug":9884,"type":15},"Documentation","documentation",{"name":9852,"slug":9843,"type":15},{"name":9854,"slug":9855,"type":15},"2026-05-16T06:07:47.821474",{"slug":9889,"name":9889,"fn":9890,"description":9891,"org":9892,"tags":9893,"stars":9768,"repoUrl":9769,"updatedAt":9899},"figma-implement-design","translate Figma designs into application code","Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions \"implement design\", \"generate code\", \"implement component\", provides Figma URLs, or asks to build components matching Figma specs. For Figma canvas writes via `use_figma`, use `figma-use`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[9894,9895,9896,9897,9898],{"name":9849,"slug":9850,"type":15},{"name":9852,"slug":9843,"type":15},{"name":9854,"slug":9855,"type":15},{"name":9871,"slug":9872,"type":15},{"name":9766,"slug":9767,"type":15},"2026-05-16T06:07:40.583615",{"slug":9901,"name":9901,"fn":9902,"description":9903,"org":9904,"tags":9905,"stars":9768,"repoUrl":9769,"updatedAt":9914},"hatch-pet","create animated pets for Codex","Create, repair, validate, visually QA, and package Codex-compatible animated pets and pet spritesheets from character art, generated images, company or prospect brand cues, or visual references. Use when a user wants a lightweight-worker Codex pet workflow, a non-pixel custom pet style, a prospect or company mascot pet, or a full 8x9 animated pet atlas with transparent unused cells, QA contact sheets, and pet.json packaging. This skill composes the installed $imagegen system skill for visual generation and uses bundled scripts for deterministic spritesheet assembly.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[9906,9909,9910,9913],{"name":9907,"slug":9908,"type":15},"Animation","animation",{"name":9801,"slug":9802,"type":15},{"name":9911,"slug":9912,"type":15},"Creative","creative",{"name":9849,"slug":9850,"type":15},"2026-05-02T05:31:48.48485",{"slug":9916,"name":9916,"fn":9917,"description":9918,"org":9919,"tags":9920,"stars":9768,"repoUrl":9769,"updatedAt":9930},"imagegen","generate and edit raster images","Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts. Use when Codex should create a brand-new image, transform an existing image, or derive visual variants from references, and the output should be a bitmap asset rather than repo-native code or vector. Do not use when the task is better handled by editing existing SVG\u002Fvector\u002Fcode-native assets, extending an established icon or logo system, or building the visual directly in HTML\u002FCSS\u002Fcanvas.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[9921,9922,9923,9926,9929],{"name":9911,"slug":9912,"type":15},{"name":9849,"slug":9850,"type":15},{"name":9924,"slug":9925,"type":15},"Image Generation","image-generation",{"name":9927,"slug":9928,"type":15},"Images","images",{"name":9,"slug":8,"type":15},"2026-05-15T06:23:24.312127",675,{"items":9933,"total":10046},[9934,9950,9966,9978,9996,10014,10034],{"slug":9935,"name":9935,"fn":9936,"description":9937,"org":9938,"tags":9939,"stars":25,"repoUrl":26,"updatedAt":27},"accessibility-and-inclusive-visualization","make data visualizations accessible","Make data visualizations accessible and inclusive. Use when the user needs chart or diagram accessibility guidance, text alternatives for complex visuals, color and contrast review, keyboard support, reduced-motion behavior for animation or parallax, or an accessibility QA workflow for exported figures, UML-like diagrams, and dashboards.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[9940,9943,9946,9949],{"name":9941,"slug":9942,"type":15},"Accessibility","accessibility",{"name":9944,"slug":9945,"type":15},"Charts","charts",{"name":9947,"slug":9948,"type":15},"Data Visualization","data-visualization",{"name":9849,"slug":9850,"type":15},{"slug":9951,"name":9951,"fn":9952,"description":9953,"org":9954,"tags":9955,"stars":25,"repoUrl":26,"updatedAt":9965},"agent-browser","automate browser interactions for agents","Browser automation CLI for AI agents. Use when the user needs to interact with websites, verify dev server output, test web apps, navigate pages, fill forms, click buttons, take screenshots, extract data, or automate any browser task. Also triggers when a dev server starts so you can verify it visually.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[9956,9959,9962],{"name":9957,"slug":9958,"type":15},"Agents","agents",{"name":9960,"slug":9961,"type":15},"Browser Automation","browser-automation",{"name":9963,"slug":9964,"type":15},"Testing","testing","2026-04-06T18:41:03.44016",{"slug":9967,"name":9967,"fn":9968,"description":9969,"org":9970,"tags":9971,"stars":25,"repoUrl":26,"updatedAt":9977},"agent-browser-verify","verify dev server output with automated browser","Automated browser verification for dev servers. Triggers when a dev server starts to run a visual gut-check with agent-browser — verifies the page loads, checks for console errors, validates key UI elements, and reports pass\u002Ffail before continuing.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[9972,9973,9976],{"name":9960,"slug":9961,"type":15},{"name":9974,"slug":9975,"type":15},"Local Development","local-development",{"name":9963,"slug":9964,"type":15},"2026-04-06T18:41:17.526867",{"slug":9979,"name":9979,"fn":9980,"description":9981,"org":9982,"tags":9983,"stars":25,"repoUrl":26,"updatedAt":9995},"agents-sdk","build AI agents on Cloudflare Workers","Build AI agents on Cloudflare Workers using the Agents SDK. Load when creating stateful agents, durable workflows, real-time WebSocket apps, scheduled tasks, MCP servers, or chat applications. Covers Agent class, state management, callable RPC, Workflows integration, and React hooks. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[9984,9985,9986,9989,9992],{"name":9957,"slug":9958,"type":15},{"name":9817,"slug":9818,"type":15},{"name":9987,"slug":9988,"type":15},"SDK","sdk",{"name":9990,"slug":9991,"type":15},"Serverless","serverless",{"name":9993,"slug":9994,"type":15},"WebSockets","websockets","2026-04-06T18:39:51.717063",{"slug":9997,"name":9997,"fn":9998,"description":9999,"org":10000,"tags":10001,"stars":25,"repoUrl":26,"updatedAt":10013},"ai-elements","build chat UIs with AI Elements","AI Elements component library guidance — pre-built React components for AI interfaces built on shadcn\u002Fui. Use when building chat UIs, message displays, tool call rendering, streaming responses, reasoning panels, or any AI-native interface with the AI SDK.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[10002,10003,10006,10009,10010],{"name":9854,"slug":9855,"type":15},{"name":10004,"slug":10005,"type":15},"React","react",{"name":10007,"slug":10008,"type":15},"shadcn\u002Fui","shadcn-ui",{"name":9871,"slug":9872,"type":15},{"name":10011,"slug":10012,"type":15},"Vercel","vercel","2026-04-06T18:40:59.619419",{"slug":10015,"name":10015,"fn":10016,"description":10017,"org":10018,"tags":10019,"stars":25,"repoUrl":26,"updatedAt":10033},"ai-gateway","configure Vercel AI Gateway","Vercel AI Gateway expert guidance. Use when configuring model routing, provider failover, cost tracking, or managing multiple AI providers through a unified API.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[10020,10023,10026,10029,10032],{"name":10021,"slug":10022,"type":15},"AI Infrastructure","ai-infrastructure",{"name":10024,"slug":10025,"type":15},"Cost Optimization","cost-optimization",{"name":10027,"slug":10028,"type":15},"LLM","llm",{"name":10030,"slug":10031,"type":15},"Performance","performance",{"name":10011,"slug":10012,"type":15},"2026-04-06T18:40:44.377464",{"slug":10035,"name":10035,"fn":10036,"description":10037,"org":10038,"tags":10039,"stars":25,"repoUrl":26,"updatedAt":10045},"ai-generation-persistence","implement persistence patterns for AI generations","AI generation persistence patterns — unique IDs, addressable URLs, database storage, and cost tracking for every LLM generation",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[10040,10041,10044],{"name":10024,"slug":10025,"type":15},{"name":10042,"slug":10043,"type":15},"Database","database",{"name":10027,"slug":10028,"type":15},"2026-04-06T18:41:08.513425",600]