[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-anthropic-build-zoom-video-sdk-app":3,"mdc-xzpoy5-key":37,"related-repo-anthropic-build-zoom-video-sdk-app":4880,"related-org-anthropic-build-zoom-video-sdk-app":4998},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":12,"stars":26,"repoUrl":27,"updatedAt":28,"license":29,"forks":30,"topics":31,"repo":32,"sourceUrl":35,"mdContent":36},"build-zoom-video-sdk-app","build apps with Zoom Video SDK","Reference skill for Zoom Video SDK. Use after routing to a custom-session workflow when the user needs full control over the video experience rather than an actual Zoom meeting.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},"anthropic","Anthropic","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fanthropic.png","anthropics",[13,17,20,23],{"name":14,"slug":15,"type":16},"Video","video","tag",{"name":18,"slug":19,"type":16},"SDK","sdk",{"name":21,"slug":22,"type":16},"Zoom","zoom",{"name":24,"slug":25,"type":16},"Frontend","frontend",22885,"https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fknowledge-work-plugins","2026-04-10T04:56:51.614784",null,2736,[],{"repoUrl":27,"stars":26,"forks":30,"topics":33,"description":34},[],"Open source repository of plugins primarily intended for knowledge workers to use in Claude Cowork","https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fknowledge-work-plugins\u002Ftree\u002FHEAD\u002Fpartner-built\u002Fzoom-plugin\u002Fskills\u002Fvideo-sdk","---\nname: build-zoom-video-sdk-app\ndescription: Reference skill for Zoom Video SDK. Use after routing to a custom-session workflow when the user needs full control over the video experience rather than an actual Zoom meeting.\ntriggers:\n  - \"custom video\"\n  - \"video sdk\"\n  - \"build video app\"\n  - \"video session\"\n  - \"video chat\"\n  - \"video call\"\n  - \"video conferencing\"\n  - \"custom video ui\"\n  - \"twitter spaces\"\n  - \"clubhouse alternative\"\n  - \"audio-only room\"\n  - \"screen sharing\"\n  - \"virtual background\"\n  - \"native video sdk\"\n---\n\n# \u002Fbuild-zoom-video-sdk-app\n\nBackground reference for fully custom video-session products. Prefer `plan-zoom-product` first when the boundary between Meeting SDK and Video SDK is still unclear.\n\nBuild custom video experiences powered by Zoom's infrastructure.\n\n## Hard Routing Guardrail (Read First)\n\n- If the user asks for custom real-time video app behavior (topic\u002Fsession join, custom rendering, attach\u002Fdetach), route to Video SDK.\n- Do not switch to REST meeting endpoints for Video SDK join flows.\n- Video SDK does not use Meeting IDs, `join_url`, or Meeting SDK join payload fields (`meetingNumber`, `passWord`).\n\n## Meeting SDK vs Video SDK\n\n| Feature | Meeting SDK | Video SDK |\n|---------|-------------|-----------|\n| UI | Default Zoom UI or Custom UI | **Fully custom UI** (you build it) |\n| Experience | Zoom meetings | Video sessions |\n| Branding | Limited customization | **Full branding control** |\n| Features | Full Zoom features | Core video features |\n\n## UI Options (Web)\n\nVideo SDK gives you **full control over the UI**:\n\n| Option | Description |\n|--------|-------------|\n| **UI Toolkit** | Pre-built React components (low-code) |\n| **Custom UI** | Build your own UI using the SDK APIs |\n\n## Prerequisites\n\n- Zoom Video SDK credentials from Marketplace\n- SDK Key and Secret\n- Web development environment\n\n> **Need help with OAuth or signatures?** See the **[zoom-oauth](..\u002Foauth\u002FSKILL.md)** skill for authentication flows.\n\n> **Need pre-join diagnostics on web?** Use **[probe-sdk](..\u002Fprobe-sdk\u002FSKILL.md)** before Video SDK `join()` to reduce first-minute failures.\n\n> **Start troubleshooting fast:** Use the **[5-Minute Runbook](RUNBOOK.md)** before deep debugging.\n\n## Quick Start (Web)\n\n### NPM Usage (Bundler like Vite\u002FWebpack)\n\n```javascript\nimport ZoomVideo from '@zoom\u002Fvideosdk';\n\nconst client = ZoomVideo.createClient();\nawait client.init('en-US', 'Global', { patchJsMedia: true });\nawait client.join(topic, signature, userName, password);\n\n\u002F\u002F IMPORTANT: getMediaStream() ONLY works AFTER join()\nconst stream = client.getMediaStream();\nawait stream.startVideo();\nawait stream.startAudio();\n```\n\n### CDN Usage (No Bundler)\n\n> **WARNING: Ad blockers block `source.zoom.us`**. Self-host the SDK to avoid issues.\n\n```bash\n# Download SDK locally\ncurl \"https:\u002F\u002Fsource.zoom.us\u002Fvideosdk\u002Fzoom-video-1.12.0.min.js\" -o js\u002Fzoom-video-sdk.min.js\n```\n\n```html\n\u003Cscript src=\"js\u002Fzoom-video-sdk.min.js\">\u003C\u002Fscript>\n```\n\n```javascript\n\u002F\u002F CDN exports as WebVideoSDK, NOT ZoomVideo\n\u002F\u002F Must use .default property\nconst ZoomVideo = WebVideoSDK.default;\nconst client = ZoomVideo.createClient();\n\nawait client.init('en-US', 'Global', { patchJsMedia: true });\nawait client.join(topic, signature, userName, password);\n\n\u002F\u002F IMPORTANT: getMediaStream() ONLY works AFTER join()\nconst stream = client.getMediaStream();\nawait stream.startVideo();\nawait stream.startAudio();\n```\n\n### ES Module with CDN (Race Condition Fix)\n\nWhen using `\u003Cscript type=\"module\">` with CDN, SDK may not be loaded yet:\n\n```javascript\n\u002F\u002F Wait for SDK to load before using\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\n\u002F\u002F Usage\nawait waitForSDK();\nconst ZoomVideo = WebVideoSDK.default;\nconst client = ZoomVideo.createClient();\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 (Silent Failure):**\n\n```javascript\n\u002F\u002F ❌ WRONG: Getting stream before joining\nconst client = ZoomVideo.createClient();\nawait client.init('en-US', 'Global');\nconst stream = client.getMediaStream();  \u002F\u002F Returns undefined!\nawait client.join(...);\n\n\u002F\u002F ✅ CORRECT: Get stream after joining\nconst client = ZoomVideo.createClient();\nawait client.init('en-US', 'Global');\nawait client.join(...);\nconst stream = client.getMediaStream();  \u002F\u002F Works!\n```\n\n## Video Rendering (Event-Driven)\n\n**The SDK is event-driven.** You must listen for events and render videos accordingly.\n\n### Use `attachVideo()` NOT `renderVideo()`\n\n```javascript\nimport { VideoQuality } from '@zoom\u002Fvideosdk';\n\n\u002F\u002F Start your camera\nawait stream.startVideo();\n\n\u002F\u002F Attach video - returns element to append to DOM\nconst element = await stream.attachVideo(userId, VideoQuality.Video_360P);\ncontainer.appendChild(element);\n\n\u002F\u002F Detach when done\nawait stream.detachVideo(userId);\n```\n\n### Required Events\n\n```javascript\n\u002F\u002F When other participant's video turns on\u002Foff\nclient.on('peer-video-state-change', async (payload) => {\n  const { action, userId } = payload;\n  if (action === 'Start') {\n    const el = await stream.attachVideo(userId, VideoQuality.Video_360P);\n    container.appendChild(el);\n  } else {\n    await stream.detachVideo(userId);\n  }\n});\n\n\u002F\u002F When participants join\u002Fleave\nclient.on('user-added', (payload) => { \u002F* check bVideoOn *\u002F });\nclient.on('user-removed', (payload) => { stream.detachVideo(payload.userId); });\n```\n\nSee [web\u002Freferences\u002Fweb.md](web\u002Freferences\u002Fweb.md) for complete event handling patterns.\n\n## Key Concepts\n\n| Concept | Description |\n|---------|-------------|\n| Session | Video session (not a meeting) |\n| Topic | Session identifier (any string you choose) |\n| Signature | JWT for authorization |\n| MediaStream | Audio\u002Fvideo stream control |\n\n## Session Creation Model\n\n**Important**: Video SDK sessions are created **just-in-time**, not in advance.\n\n| Aspect | Video SDK | Meeting SDK |\n|--------|-----------|-------------|\n| Pre-creation | NOT required | Create meeting via API first |\n| Session start | First participant joins with topic | Join existing meeting ID |\n| Topic | Any string (you define it) | Meeting ID from API |\n| Scheduling | N\u002FA - sessions are ad-hoc | Meetings can be scheduled |\n\n### How Sessions Work\n\n1. **No pre-creation needed**: Sessions don't exist until someone joins\n2. **Topic = Session ID**: Any participants joining with the same `topic` string join the same session\n3. **First join creates it**: The session is created when the first participant joins\n4. **No meeting ID**: There's no numeric meeting ID like in Zoom Meetings\n\n```javascript\n\u002F\u002F Session is created on-the-fly when first user joins\n\u002F\u002F Any string can be the topic - it becomes the session identifier\nawait client.join('my-custom-session-123', signature, 'User Name');\n\n\u002F\u002F Other participants join the SAME session by using the SAME topic\nawait client.join('my-custom-session-123', signature, 'Another User');\n```\n\n### Signature Endpoint Setup\n\nThe signature endpoint must be accessible from your frontend without CORS issues.\n\n**Option 1: Same-Origin Proxy (Recommended)**\n\n```nginx\n# Nginx config\nlocation \u002Fapi\u002F {\n    proxy_pass http:\u002F\u002FYOUR_BACKEND_HOST:3005\u002Fapi\u002F;\n    proxy_http_version 1.1;\n    proxy_set_header Host $host;\n}\n```\n\n```javascript\n\u002F\u002F Frontend uses relative URL (same origin)\nconst response = await fetch('\u002Fapi\u002Fsignature', { ... });\n```\n\n**Option 2: CORS Configuration**\n\n```javascript\n\u002F\u002F Express.js backend\nconst cors = require('cors');\napp.use(cors({\n  origin: ['https:\u002F\u002Fyour-domain.com'],\n  credentials: true\n}));\n```\n\n**WARNING:** Mixed content (HTTPS page → HTTP API) will be blocked by browsers.\n\n## Use Cases\n\n| Use Case | Description |\n|----------|-------------|\n| [Video SDK BYOS (Bring Your Own Storage)](..\u002Fgeneral\u002Fuse-cases\u002Fvideo-sdk-bring-your-own-storage.md) | Save recordings directly to your S3 bucket |\n\n## BYOS (Bring Your Own Storage)\n\nVideo SDK feature - Zoom saves cloud recordings **directly** to your Amazon S3 bucket. No downloading required.\n\n> **Official docs:** https:\u002F\u002Fdevelopers.zoom.us\u002Fdocs\u002Fbuild\u002Fstorage\u002F\n\n**Prerequisites:**\n- Video SDK account with Cloud Recording add-on (Universal Credit includes this)\n- AWS S3 bucket\n\n**Authentication options:**\n1. **AWS Access Key** - simpler setup\n2. **Cross Account Access** - more secure (IAM role assumption)\n\n**S3 path structure:**\n```\nBuckets\u002F{bucketName}\u002Fcmr\u002Fbyos\u002F{YYYY}\u002F{MM}\u002F{DD}\u002F{GUID}\u002Fcmr_byos\u002F\n```\n\n**Key benefits:**\n- Zero download bandwidth costs\n- Direct storage during recording\n- Config-only setup (no webhook\u002Fdownload code needed)\n\n**Setup location:** Developer Portal → Account Settings → General → Communications Content Storage Location\n\nSee **[..\u002Fgeneral\u002Fuse-cases\u002Fvideo-sdk-bring-your-own-storage.md](..\u002Fgeneral\u002Fuse-cases\u002Fvideo-sdk-bring-your-own-storage.md)** for complete setup guide.\n\n## Detailed References\n\n### UI & Components\n- **[references\u002Fui-toolkit.md](references\u002Fui-toolkit.md)** - Pre-built UI components (Web)\n- **[references\u002Ftriage-intake.md](references\u002Ftriage-intake.md)** - What to ask first (turn vague reports into answers)\n- **[references\u002Fsession-lifecycle.md](references\u002Fsession-lifecycle.md)** - Correct API ordering + event-driven rendering\n- **[references\u002Flicensing-and-entitlements.md](references\u002Flicensing-and-entitlements.md)** - License\u002Fadmin prerequisites\n- **[references\u002Ftoken-contract-test-spec.md](references\u002Ftoken-contract-test-spec.md)** - Shared backend token contract and cross-platform smoke test\n\n### Platform Guides\n- **[references\u002Fauthorization.md](references\u002Fauthorization.md)** - Video SDK JWT generation\n- **[web\u002FSKILL.md](web\u002FSKILL.md)** - Web Video SDK (JavaScript\u002FTypeScript)\n  - **[web\u002FSKILL.md](web\u002FSKILL.md)** - Complete documentation navigation\n  - **[web\u002Fexamples\u002Freact-hooks.md](web\u002Fexamples\u002Freact-hooks.md)** - Official React hooks library\n  - **[web\u002Fexamples\u002Fframework-integrations.md](web\u002Fexamples\u002Fframework-integrations.md)** - Next.js, Vue\u002FNuxt patterns\n- **[react-native\u002FSKILL.md](react-native\u002FSKILL.md)** - React Native Video SDK (mobile wrapper, helper\u002Fevent architecture)\n  - **[react-native\u002FSKILL.md](react-native\u002FSKILL.md)** - React Native documentation navigation\n  - **[react-native\u002Fexamples\u002Fsession-join-pattern.md](react-native\u002Fexamples\u002Fsession-join-pattern.md)** - Tokenized session join flow\n- **[flutter\u002FSKILL.md](flutter\u002FSKILL.md)** - Flutter Video SDK (mobile wrapper, event-driven architecture)\n  - **[flutter\u002FSKILL.md](flutter\u002FSKILL.md)** - Flutter documentation navigation\n  - **[flutter\u002Fexamples\u002Fsession-join-pattern.md](flutter\u002Fexamples\u002Fsession-join-pattern.md)** - Tokenized session join flow\n- **[android\u002FSKILL.md](android\u002FSKILL.md)** - Android Video SDK (native mobile custom UI, tokenized sessions)\n- **[ios\u002FSKILL.md](ios\u002FSKILL.md)** - iOS Video SDK (native mobile custom UI, delegate-driven lifecycle)\n- **[macos\u002FSKILL.md](macos\u002FSKILL.md)** - macOS Video SDK (desktop native apps, custom session windows)\n- **[unity\u002FSKILL.md](unity\u002FSKILL.md)** - Unity Video SDK wrapper (game-engine integration, scene-driven UX)\n- **[linux\u002FSKILL.md](linux\u002FSKILL.md)** - Linux Video SDK overview (C++ headless bots)\n- **[linux\u002Flinux.md](linux\u002Flinux.md)** - Linux C++ SDK (headless bots, raw media capture\u002Finjection)\n- **[linux\u002Freferences\u002Flinux-reference.md](linux\u002Freferences\u002Flinux-reference.md)** - Linux API Reference\n- **[windows\u002FSKILL.md](windows\u002FSKILL.md)** - Windows C++ SDK (desktop applications, raw media capture\u002Finjection)\n- **[windows\u002Freferences\u002Fwindows-reference.md](windows\u002Freferences\u002Fwindows-reference.md)** - Windows API Reference\n- **[references\u002Ftroubleshooting.md](references\u002Ftroubleshooting.md)** - Common issues and solutions\n- **[references\u002Fforum-top-questions.md](references\u002Fforum-top-questions.md)** - Common forum question patterns (what to cover)\n\n## Sample Repositories\n\n### Official (by Zoom)\n\n| Type | Repository | Stars |\n|------|------------|-------|\n| Web | [videosdk-web-sample](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-web-sample) | 137 |\n| Web NPM | [videosdk-web](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-web) | 56 |\n| Auth | [videosdk-auth-endpoint-sample](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-auth-endpoint-sample) | 23 |\n| UI Toolkit Web | [videosdk-zoom-ui-toolkit-web](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-zoom-ui-toolkit-web) | 17 |\n| UI Toolkit React | [videosdk-zoom-ui-toolkit-react-sample](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-zoom-ui-toolkit-react-sample) | 17 |\n| Next.js | [videosdk-nextjs-quickstart](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-nextjs-quickstart) | 16 |\n| Telehealth | [VideoSDK-Web-Telehealth](https:\u002F\u002Fgithub.com\u002Fzoom\u002FVideoSDK-Web-Telehealth) | 11 |\n| Linux | [videosdk-linux-raw-recording-sample](https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-linux-raw-recording-sample) | - |\n\n**Full list**: See [general\u002Freferences\u002Fcommunity-repos.md](..\u002Fgeneral\u002Freferences\u002Fcommunity-repos.md)\n\n## Resources\n\n- **Official docs**: https:\u002F\u002Fdevelopers.zoom.us\u002Fdocs\u002Fvideo-sdk\u002F\n- **Developer forum**: https:\u002F\u002Fdevforum.zoom.us\u002F\n\n## Environment Variables\n\n- See [references\u002Fenvironment-variables.md](references\u002Fenvironment-variables.md) for standardized `.env` keys and where to find each value.\n\n## Linux Operations\n\n- [linux\u002FRUNBOOK.md](linux\u002FRUNBOOK.md) - Linux platform preflight and debugging checklist.\n",{"data":38,"body":54},{"name":4,"description":6,"triggers":39},[40,41,42,43,44,45,46,47,48,49,50,51,52,53],"custom video","video sdk","build video app","video session","video chat","video call","video conferencing","custom video ui","twitter spaces","clubhouse alternative","audio-only room","screen sharing","virtual background","native video sdk",{"type":55,"children":56},"root",[57,65,80,85,92,136,142,256,262,274,328,334,352,378,410,434,440,447,828,834,853,904,962,1299,1305,1318,1979,1985,1990,2000,2008,2378,2384,2394,2414,2649,2655,3186,3198,3204,3277,3283,3300,3396,3402,3454,3629,3635,3640,3648,3704,3786,3794,3960,3970,3976,4014,4020,4032,4052,4060,4073,4081,4104,4112,4121,4129,4147,4157,4170,4176,4182,4250,4256,4550,4556,4562,4771,4787,4793,4827,4833,4855,4861,4874],{"type":58,"tag":59,"props":60,"children":61},"element","h1",{"id":4},[62],{"type":63,"value":64},"text","\u002Fbuild-zoom-video-sdk-app",{"type":58,"tag":66,"props":67,"children":68},"p",{},[69,71,78],{"type":63,"value":70},"Background reference for fully custom video-session products. Prefer ",{"type":58,"tag":72,"props":73,"children":75},"code",{"className":74},[],[76],{"type":63,"value":77},"plan-zoom-product",{"type":63,"value":79}," first when the boundary between Meeting SDK and Video SDK is still unclear.",{"type":58,"tag":66,"props":81,"children":82},{},[83],{"type":63,"value":84},"Build custom video experiences powered by Zoom's infrastructure.",{"type":58,"tag":86,"props":87,"children":89},"h2",{"id":88},"hard-routing-guardrail-read-first",[90],{"type":63,"value":91},"Hard Routing Guardrail (Read First)",{"type":58,"tag":93,"props":94,"children":95},"ul",{},[96,102,107],{"type":58,"tag":97,"props":98,"children":99},"li",{},[100],{"type":63,"value":101},"If the user asks for custom real-time video app behavior (topic\u002Fsession join, custom rendering, attach\u002Fdetach), route to Video SDK.",{"type":58,"tag":97,"props":103,"children":104},{},[105],{"type":63,"value":106},"Do not switch to REST meeting endpoints for Video SDK join flows.",{"type":58,"tag":97,"props":108,"children":109},{},[110,112,118,120,126,128,134],{"type":63,"value":111},"Video SDK does not use Meeting IDs, ",{"type":58,"tag":72,"props":113,"children":115},{"className":114},[],[116],{"type":63,"value":117},"join_url",{"type":63,"value":119},", or Meeting SDK join payload fields (",{"type":58,"tag":72,"props":121,"children":123},{"className":122},[],[124],{"type":63,"value":125},"meetingNumber",{"type":63,"value":127},", ",{"type":58,"tag":72,"props":129,"children":131},{"className":130},[],[132],{"type":63,"value":133},"passWord",{"type":63,"value":135},").",{"type":58,"tag":86,"props":137,"children":139},{"id":138},"meeting-sdk-vs-video-sdk",[140],{"type":63,"value":141},"Meeting SDK vs Video SDK",{"type":58,"tag":143,"props":144,"children":145},"table",{},[146,170],{"type":58,"tag":147,"props":148,"children":149},"thead",{},[150],{"type":58,"tag":151,"props":152,"children":153},"tr",{},[154,160,165],{"type":58,"tag":155,"props":156,"children":157},"th",{},[158],{"type":63,"value":159},"Feature",{"type":58,"tag":155,"props":161,"children":162},{},[163],{"type":63,"value":164},"Meeting SDK",{"type":58,"tag":155,"props":166,"children":167},{},[168],{"type":63,"value":169},"Video SDK",{"type":58,"tag":171,"props":172,"children":173},"tbody",{},[174,199,217,238],{"type":58,"tag":151,"props":175,"children":176},{},[177,183,188],{"type":58,"tag":178,"props":179,"children":180},"td",{},[181],{"type":63,"value":182},"UI",{"type":58,"tag":178,"props":184,"children":185},{},[186],{"type":63,"value":187},"Default Zoom UI or Custom UI",{"type":58,"tag":178,"props":189,"children":190},{},[191,197],{"type":58,"tag":192,"props":193,"children":194},"strong",{},[195],{"type":63,"value":196},"Fully custom UI",{"type":63,"value":198}," (you build it)",{"type":58,"tag":151,"props":200,"children":201},{},[202,207,212],{"type":58,"tag":178,"props":203,"children":204},{},[205],{"type":63,"value":206},"Experience",{"type":58,"tag":178,"props":208,"children":209},{},[210],{"type":63,"value":211},"Zoom meetings",{"type":58,"tag":178,"props":213,"children":214},{},[215],{"type":63,"value":216},"Video sessions",{"type":58,"tag":151,"props":218,"children":219},{},[220,225,230],{"type":58,"tag":178,"props":221,"children":222},{},[223],{"type":63,"value":224},"Branding",{"type":58,"tag":178,"props":226,"children":227},{},[228],{"type":63,"value":229},"Limited customization",{"type":58,"tag":178,"props":231,"children":232},{},[233],{"type":58,"tag":192,"props":234,"children":235},{},[236],{"type":63,"value":237},"Full branding control",{"type":58,"tag":151,"props":239,"children":240},{},[241,246,251],{"type":58,"tag":178,"props":242,"children":243},{},[244],{"type":63,"value":245},"Features",{"type":58,"tag":178,"props":247,"children":248},{},[249],{"type":63,"value":250},"Full Zoom features",{"type":58,"tag":178,"props":252,"children":253},{},[254],{"type":63,"value":255},"Core video features",{"type":58,"tag":86,"props":257,"children":259},{"id":258},"ui-options-web",[260],{"type":63,"value":261},"UI Options (Web)",{"type":58,"tag":66,"props":263,"children":264},{},[265,267,272],{"type":63,"value":266},"Video SDK gives you ",{"type":58,"tag":192,"props":268,"children":269},{},[270],{"type":63,"value":271},"full control over the UI",{"type":63,"value":273},":",{"type":58,"tag":143,"props":275,"children":276},{},[277,293],{"type":58,"tag":147,"props":278,"children":279},{},[280],{"type":58,"tag":151,"props":281,"children":282},{},[283,288],{"type":58,"tag":155,"props":284,"children":285},{},[286],{"type":63,"value":287},"Option",{"type":58,"tag":155,"props":289,"children":290},{},[291],{"type":63,"value":292},"Description",{"type":58,"tag":171,"props":294,"children":295},{},[296,312],{"type":58,"tag":151,"props":297,"children":298},{},[299,307],{"type":58,"tag":178,"props":300,"children":301},{},[302],{"type":58,"tag":192,"props":303,"children":304},{},[305],{"type":63,"value":306},"UI Toolkit",{"type":58,"tag":178,"props":308,"children":309},{},[310],{"type":63,"value":311},"Pre-built React components (low-code)",{"type":58,"tag":151,"props":313,"children":314},{},[315,323],{"type":58,"tag":178,"props":316,"children":317},{},[318],{"type":58,"tag":192,"props":319,"children":320},{},[321],{"type":63,"value":322},"Custom UI",{"type":58,"tag":178,"props":324,"children":325},{},[326],{"type":63,"value":327},"Build your own UI using the SDK APIs",{"type":58,"tag":86,"props":329,"children":331},{"id":330},"prerequisites",[332],{"type":63,"value":333},"Prerequisites",{"type":58,"tag":93,"props":335,"children":336},{},[337,342,347],{"type":58,"tag":97,"props":338,"children":339},{},[340],{"type":63,"value":341},"Zoom Video SDK credentials from Marketplace",{"type":58,"tag":97,"props":343,"children":344},{},[345],{"type":63,"value":346},"SDK Key and Secret",{"type":58,"tag":97,"props":348,"children":349},{},[350],{"type":63,"value":351},"Web development environment",{"type":58,"tag":353,"props":354,"children":355},"blockquote",{},[356],{"type":58,"tag":66,"props":357,"children":358},{},[359,364,366,376],{"type":58,"tag":192,"props":360,"children":361},{},[362],{"type":63,"value":363},"Need help with OAuth or signatures?",{"type":63,"value":365}," See the ",{"type":58,"tag":192,"props":367,"children":368},{},[369],{"type":58,"tag":370,"props":371,"children":373},"a",{"href":372},"..\u002Foauth\u002FSKILL.md",[374],{"type":63,"value":375},"zoom-oauth",{"type":63,"value":377}," skill for authentication flows.",{"type":58,"tag":353,"props":379,"children":380},{},[381],{"type":58,"tag":66,"props":382,"children":383},{},[384,389,391,400,402,408],{"type":58,"tag":192,"props":385,"children":386},{},[387],{"type":63,"value":388},"Need pre-join diagnostics on web?",{"type":63,"value":390}," Use ",{"type":58,"tag":192,"props":392,"children":393},{},[394],{"type":58,"tag":370,"props":395,"children":397},{"href":396},"..\u002Fprobe-sdk\u002FSKILL.md",[398],{"type":63,"value":399},"probe-sdk",{"type":63,"value":401}," before Video SDK ",{"type":58,"tag":72,"props":403,"children":405},{"className":404},[],[406],{"type":63,"value":407},"join()",{"type":63,"value":409}," to reduce first-minute failures.",{"type":58,"tag":353,"props":411,"children":412},{},[413],{"type":58,"tag":66,"props":414,"children":415},{},[416,421,423,432],{"type":58,"tag":192,"props":417,"children":418},{},[419],{"type":63,"value":420},"Start troubleshooting fast:",{"type":63,"value":422}," Use the ",{"type":58,"tag":192,"props":424,"children":425},{},[426],{"type":58,"tag":370,"props":427,"children":429},{"href":428},"RUNBOOK.md",[430],{"type":63,"value":431},"5-Minute Runbook",{"type":63,"value":433}," before deep debugging.",{"type":58,"tag":86,"props":435,"children":437},{"id":436},"quick-start-web",[438],{"type":63,"value":439},"Quick Start (Web)",{"type":58,"tag":441,"props":442,"children":444},"h3",{"id":443},"npm-usage-bundler-like-vitewebpack",[445],{"type":63,"value":446},"NPM Usage (Bundler like Vite\u002FWebpack)",{"type":58,"tag":448,"props":449,"children":454},"pre",{"className":450,"code":451,"language":452,"meta":453,"style":453},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import ZoomVideo from '@zoom\u002Fvideosdk';\n\nconst client = ZoomVideo.createClient();\nawait client.init('en-US', 'Global', { patchJsMedia: true });\nawait client.join(topic, signature, userName, password);\n\n\u002F\u002F IMPORTANT: getMediaStream() ONLY works AFTER join()\nconst stream = client.getMediaStream();\nawait stream.startVideo();\nawait stream.startAudio();\n","javascript","",[455],{"type":58,"tag":72,"props":456,"children":457},{"__ignoreMap":453},[458,503,513,558,656,713,721,731,769,799],{"type":58,"tag":459,"props":460,"children":463},"span",{"class":461,"line":462},"line",1,[464,470,476,481,487,493,498],{"type":58,"tag":459,"props":465,"children":467},{"style":466},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[468],{"type":63,"value":469},"import",{"type":58,"tag":459,"props":471,"children":473},{"style":472},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[474],{"type":63,"value":475}," ZoomVideo ",{"type":58,"tag":459,"props":477,"children":478},{"style":466},[479],{"type":63,"value":480},"from",{"type":58,"tag":459,"props":482,"children":484},{"style":483},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[485],{"type":63,"value":486}," '",{"type":58,"tag":459,"props":488,"children":490},{"style":489},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[491],{"type":63,"value":492},"@zoom\u002Fvideosdk",{"type":58,"tag":459,"props":494,"children":495},{"style":483},[496],{"type":63,"value":497},"'",{"type":58,"tag":459,"props":499,"children":500},{"style":483},[501],{"type":63,"value":502},";\n",{"type":58,"tag":459,"props":504,"children":506},{"class":461,"line":505},2,[507],{"type":58,"tag":459,"props":508,"children":510},{"emptyLinePlaceholder":509},true,[511],{"type":63,"value":512},"\n",{"type":58,"tag":459,"props":514,"children":516},{"class":461,"line":515},3,[517,523,528,533,538,543,549,554],{"type":58,"tag":459,"props":518,"children":520},{"style":519},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[521],{"type":63,"value":522},"const",{"type":58,"tag":459,"props":524,"children":525},{"style":472},[526],{"type":63,"value":527}," client ",{"type":58,"tag":459,"props":529,"children":530},{"style":483},[531],{"type":63,"value":532},"=",{"type":58,"tag":459,"props":534,"children":535},{"style":472},[536],{"type":63,"value":537}," ZoomVideo",{"type":58,"tag":459,"props":539,"children":540},{"style":483},[541],{"type":63,"value":542},".",{"type":58,"tag":459,"props":544,"children":546},{"style":545},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[547],{"type":63,"value":548},"createClient",{"type":58,"tag":459,"props":550,"children":551},{"style":472},[552],{"type":63,"value":553},"()",{"type":58,"tag":459,"props":555,"children":556},{"style":483},[557],{"type":63,"value":502},{"type":58,"tag":459,"props":559,"children":561},{"class":461,"line":560},4,[562,567,572,576,581,586,590,595,599,604,608,613,617,621,626,632,636,642,647,652],{"type":58,"tag":459,"props":563,"children":564},{"style":466},[565],{"type":63,"value":566},"await",{"type":58,"tag":459,"props":568,"children":569},{"style":472},[570],{"type":63,"value":571}," client",{"type":58,"tag":459,"props":573,"children":574},{"style":483},[575],{"type":63,"value":542},{"type":58,"tag":459,"props":577,"children":578},{"style":545},[579],{"type":63,"value":580},"init",{"type":58,"tag":459,"props":582,"children":583},{"style":472},[584],{"type":63,"value":585},"(",{"type":58,"tag":459,"props":587,"children":588},{"style":483},[589],{"type":63,"value":497},{"type":58,"tag":459,"props":591,"children":592},{"style":489},[593],{"type":63,"value":594},"en-US",{"type":58,"tag":459,"props":596,"children":597},{"style":483},[598],{"type":63,"value":497},{"type":58,"tag":459,"props":600,"children":601},{"style":483},[602],{"type":63,"value":603},",",{"type":58,"tag":459,"props":605,"children":606},{"style":483},[607],{"type":63,"value":486},{"type":58,"tag":459,"props":609,"children":610},{"style":489},[611],{"type":63,"value":612},"Global",{"type":58,"tag":459,"props":614,"children":615},{"style":483},[616],{"type":63,"value":497},{"type":58,"tag":459,"props":618,"children":619},{"style":483},[620],{"type":63,"value":603},{"type":58,"tag":459,"props":622,"children":623},{"style":483},[624],{"type":63,"value":625}," {",{"type":58,"tag":459,"props":627,"children":629},{"style":628},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[630],{"type":63,"value":631}," patchJsMedia",{"type":58,"tag":459,"props":633,"children":634},{"style":483},[635],{"type":63,"value":273},{"type":58,"tag":459,"props":637,"children":639},{"style":638},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[640],{"type":63,"value":641}," true",{"type":58,"tag":459,"props":643,"children":644},{"style":483},[645],{"type":63,"value":646}," }",{"type":58,"tag":459,"props":648,"children":649},{"style":472},[650],{"type":63,"value":651},")",{"type":58,"tag":459,"props":653,"children":654},{"style":483},[655],{"type":63,"value":502},{"type":58,"tag":459,"props":657,"children":659},{"class":461,"line":658},5,[660,664,668,672,677,682,686,691,695,700,704,709],{"type":58,"tag":459,"props":661,"children":662},{"style":466},[663],{"type":63,"value":566},{"type":58,"tag":459,"props":665,"children":666},{"style":472},[667],{"type":63,"value":571},{"type":58,"tag":459,"props":669,"children":670},{"style":483},[671],{"type":63,"value":542},{"type":58,"tag":459,"props":673,"children":674},{"style":545},[675],{"type":63,"value":676},"join",{"type":58,"tag":459,"props":678,"children":679},{"style":472},[680],{"type":63,"value":681},"(topic",{"type":58,"tag":459,"props":683,"children":684},{"style":483},[685],{"type":63,"value":603},{"type":58,"tag":459,"props":687,"children":688},{"style":472},[689],{"type":63,"value":690}," signature",{"type":58,"tag":459,"props":692,"children":693},{"style":483},[694],{"type":63,"value":603},{"type":58,"tag":459,"props":696,"children":697},{"style":472},[698],{"type":63,"value":699}," userName",{"type":58,"tag":459,"props":701,"children":702},{"style":483},[703],{"type":63,"value":603},{"type":58,"tag":459,"props":705,"children":706},{"style":472},[707],{"type":63,"value":708}," password)",{"type":58,"tag":459,"props":710,"children":711},{"style":483},[712],{"type":63,"value":502},{"type":58,"tag":459,"props":714,"children":716},{"class":461,"line":715},6,[717],{"type":58,"tag":459,"props":718,"children":719},{"emptyLinePlaceholder":509},[720],{"type":63,"value":512},{"type":58,"tag":459,"props":722,"children":724},{"class":461,"line":723},7,[725],{"type":58,"tag":459,"props":726,"children":728},{"style":727},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[729],{"type":63,"value":730},"\u002F\u002F IMPORTANT: getMediaStream() ONLY works AFTER join()\n",{"type":58,"tag":459,"props":732,"children":734},{"class":461,"line":733},8,[735,739,744,748,752,756,761,765],{"type":58,"tag":459,"props":736,"children":737},{"style":519},[738],{"type":63,"value":522},{"type":58,"tag":459,"props":740,"children":741},{"style":472},[742],{"type":63,"value":743}," stream ",{"type":58,"tag":459,"props":745,"children":746},{"style":483},[747],{"type":63,"value":532},{"type":58,"tag":459,"props":749,"children":750},{"style":472},[751],{"type":63,"value":571},{"type":58,"tag":459,"props":753,"children":754},{"style":483},[755],{"type":63,"value":542},{"type":58,"tag":459,"props":757,"children":758},{"style":545},[759],{"type":63,"value":760},"getMediaStream",{"type":58,"tag":459,"props":762,"children":763},{"style":472},[764],{"type":63,"value":553},{"type":58,"tag":459,"props":766,"children":767},{"style":483},[768],{"type":63,"value":502},{"type":58,"tag":459,"props":770,"children":772},{"class":461,"line":771},9,[773,777,782,786,791,795],{"type":58,"tag":459,"props":774,"children":775},{"style":466},[776],{"type":63,"value":566},{"type":58,"tag":459,"props":778,"children":779},{"style":472},[780],{"type":63,"value":781}," stream",{"type":58,"tag":459,"props":783,"children":784},{"style":483},[785],{"type":63,"value":542},{"type":58,"tag":459,"props":787,"children":788},{"style":545},[789],{"type":63,"value":790},"startVideo",{"type":58,"tag":459,"props":792,"children":793},{"style":472},[794],{"type":63,"value":553},{"type":58,"tag":459,"props":796,"children":797},{"style":483},[798],{"type":63,"value":502},{"type":58,"tag":459,"props":800,"children":802},{"class":461,"line":801},10,[803,807,811,815,820,824],{"type":58,"tag":459,"props":804,"children":805},{"style":466},[806],{"type":63,"value":566},{"type":58,"tag":459,"props":808,"children":809},{"style":472},[810],{"type":63,"value":781},{"type":58,"tag":459,"props":812,"children":813},{"style":483},[814],{"type":63,"value":542},{"type":58,"tag":459,"props":816,"children":817},{"style":545},[818],{"type":63,"value":819},"startAudio",{"type":58,"tag":459,"props":821,"children":822},{"style":472},[823],{"type":63,"value":553},{"type":58,"tag":459,"props":825,"children":826},{"style":483},[827],{"type":63,"value":502},{"type":58,"tag":441,"props":829,"children":831},{"id":830},"cdn-usage-no-bundler",[832],{"type":63,"value":833},"CDN Usage (No Bundler)",{"type":58,"tag":353,"props":835,"children":836},{},[837],{"type":58,"tag":66,"props":838,"children":839},{},[840,851],{"type":58,"tag":192,"props":841,"children":842},{},[843,845],{"type":63,"value":844},"WARNING: Ad blockers block ",{"type":58,"tag":72,"props":846,"children":848},{"className":847},[],[849],{"type":63,"value":850},"source.zoom.us",{"type":63,"value":852},". Self-host the SDK to avoid issues.",{"type":58,"tag":448,"props":854,"children":858},{"className":855,"code":856,"language":857,"meta":453,"style":453},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","# Download SDK locally\ncurl \"https:\u002F\u002Fsource.zoom.us\u002Fvideosdk\u002Fzoom-video-1.12.0.min.js\" -o js\u002Fzoom-video-sdk.min.js\n","bash",[859],{"type":58,"tag":72,"props":860,"children":861},{"__ignoreMap":453},[862,870],{"type":58,"tag":459,"props":863,"children":864},{"class":461,"line":462},[865],{"type":58,"tag":459,"props":866,"children":867},{"style":727},[868],{"type":63,"value":869},"# Download SDK locally\n",{"type":58,"tag":459,"props":871,"children":872},{"class":461,"line":505},[873,879,884,889,894,899],{"type":58,"tag":459,"props":874,"children":876},{"style":875},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[877],{"type":63,"value":878},"curl",{"type":58,"tag":459,"props":880,"children":881},{"style":483},[882],{"type":63,"value":883}," \"",{"type":58,"tag":459,"props":885,"children":886},{"style":489},[887],{"type":63,"value":888},"https:\u002F\u002Fsource.zoom.us\u002Fvideosdk\u002Fzoom-video-1.12.0.min.js",{"type":58,"tag":459,"props":890,"children":891},{"style":483},[892],{"type":63,"value":893},"\"",{"type":58,"tag":459,"props":895,"children":896},{"style":489},[897],{"type":63,"value":898}," -o",{"type":58,"tag":459,"props":900,"children":901},{"style":489},[902],{"type":63,"value":903}," js\u002Fzoom-video-sdk.min.js\n",{"type":58,"tag":448,"props":905,"children":909},{"className":906,"code":907,"language":908,"meta":453,"style":453},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript src=\"js\u002Fzoom-video-sdk.min.js\">\u003C\u002Fscript>\n","html",[910],{"type":58,"tag":72,"props":911,"children":912},{"__ignoreMap":453},[913],{"type":58,"tag":459,"props":914,"children":915},{"class":461,"line":462},[916,921,926,931,935,939,944,948,953,957],{"type":58,"tag":459,"props":917,"children":918},{"style":483},[919],{"type":63,"value":920},"\u003C",{"type":58,"tag":459,"props":922,"children":923},{"style":628},[924],{"type":63,"value":925},"script",{"type":58,"tag":459,"props":927,"children":928},{"style":519},[929],{"type":63,"value":930}," src",{"type":58,"tag":459,"props":932,"children":933},{"style":483},[934],{"type":63,"value":532},{"type":58,"tag":459,"props":936,"children":937},{"style":483},[938],{"type":63,"value":893},{"type":58,"tag":459,"props":940,"children":941},{"style":489},[942],{"type":63,"value":943},"js\u002Fzoom-video-sdk.min.js",{"type":58,"tag":459,"props":945,"children":946},{"style":483},[947],{"type":63,"value":893},{"type":58,"tag":459,"props":949,"children":950},{"style":483},[951],{"type":63,"value":952},">\u003C\u002F",{"type":58,"tag":459,"props":954,"children":955},{"style":628},[956],{"type":63,"value":925},{"type":58,"tag":459,"props":958,"children":959},{"style":483},[960],{"type":63,"value":961},">\n",{"type":58,"tag":448,"props":963,"children":965},{"className":450,"code":964,"language":452,"meta":453,"style":453},"\u002F\u002F CDN exports as WebVideoSDK, NOT ZoomVideo\n\u002F\u002F Must use .default property\nconst ZoomVideo = WebVideoSDK.default;\nconst client = ZoomVideo.createClient();\n\nawait client.init('en-US', 'Global', { patchJsMedia: true });\nawait client.join(topic, signature, userName, password);\n\n\u002F\u002F IMPORTANT: getMediaStream() ONLY works AFTER join()\nconst stream = client.getMediaStream();\nawait stream.startVideo();\nawait stream.startAudio();\n",[966],{"type":58,"tag":72,"props":967,"children":968},{"__ignoreMap":453},[969,977,985,1018,1053,1060,1143,1194,1201,1208,1243,1271],{"type":58,"tag":459,"props":970,"children":971},{"class":461,"line":462},[972],{"type":58,"tag":459,"props":973,"children":974},{"style":727},[975],{"type":63,"value":976},"\u002F\u002F CDN exports as WebVideoSDK, NOT ZoomVideo\n",{"type":58,"tag":459,"props":978,"children":979},{"class":461,"line":505},[980],{"type":58,"tag":459,"props":981,"children":982},{"style":727},[983],{"type":63,"value":984},"\u002F\u002F Must use .default property\n",{"type":58,"tag":459,"props":986,"children":987},{"class":461,"line":515},[988,992,996,1000,1005,1009,1014],{"type":58,"tag":459,"props":989,"children":990},{"style":519},[991],{"type":63,"value":522},{"type":58,"tag":459,"props":993,"children":994},{"style":472},[995],{"type":63,"value":475},{"type":58,"tag":459,"props":997,"children":998},{"style":483},[999],{"type":63,"value":532},{"type":58,"tag":459,"props":1001,"children":1002},{"style":472},[1003],{"type":63,"value":1004}," WebVideoSDK",{"type":58,"tag":459,"props":1006,"children":1007},{"style":483},[1008],{"type":63,"value":542},{"type":58,"tag":459,"props":1010,"children":1011},{"style":472},[1012],{"type":63,"value":1013},"default",{"type":58,"tag":459,"props":1015,"children":1016},{"style":483},[1017],{"type":63,"value":502},{"type":58,"tag":459,"props":1019,"children":1020},{"class":461,"line":560},[1021,1025,1029,1033,1037,1041,1045,1049],{"type":58,"tag":459,"props":1022,"children":1023},{"style":519},[1024],{"type":63,"value":522},{"type":58,"tag":459,"props":1026,"children":1027},{"style":472},[1028],{"type":63,"value":527},{"type":58,"tag":459,"props":1030,"children":1031},{"style":483},[1032],{"type":63,"value":532},{"type":58,"tag":459,"props":1034,"children":1035},{"style":472},[1036],{"type":63,"value":537},{"type":58,"tag":459,"props":1038,"children":1039},{"style":483},[1040],{"type":63,"value":542},{"type":58,"tag":459,"props":1042,"children":1043},{"style":545},[1044],{"type":63,"value":548},{"type":58,"tag":459,"props":1046,"children":1047},{"style":472},[1048],{"type":63,"value":553},{"type":58,"tag":459,"props":1050,"children":1051},{"style":483},[1052],{"type":63,"value":502},{"type":58,"tag":459,"props":1054,"children":1055},{"class":461,"line":658},[1056],{"type":58,"tag":459,"props":1057,"children":1058},{"emptyLinePlaceholder":509},[1059],{"type":63,"value":512},{"type":58,"tag":459,"props":1061,"children":1062},{"class":461,"line":715},[1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107,1111,1115,1119,1123,1127,1131,1135,1139],{"type":58,"tag":459,"props":1064,"children":1065},{"style":466},[1066],{"type":63,"value":566},{"type":58,"tag":459,"props":1068,"children":1069},{"style":472},[1070],{"type":63,"value":571},{"type":58,"tag":459,"props":1072,"children":1073},{"style":483},[1074],{"type":63,"value":542},{"type":58,"tag":459,"props":1076,"children":1077},{"style":545},[1078],{"type":63,"value":580},{"type":58,"tag":459,"props":1080,"children":1081},{"style":472},[1082],{"type":63,"value":585},{"type":58,"tag":459,"props":1084,"children":1085},{"style":483},[1086],{"type":63,"value":497},{"type":58,"tag":459,"props":1088,"children":1089},{"style":489},[1090],{"type":63,"value":594},{"type":58,"tag":459,"props":1092,"children":1093},{"style":483},[1094],{"type":63,"value":497},{"type":58,"tag":459,"props":1096,"children":1097},{"style":483},[1098],{"type":63,"value":603},{"type":58,"tag":459,"props":1100,"children":1101},{"style":483},[1102],{"type":63,"value":486},{"type":58,"tag":459,"props":1104,"children":1105},{"style":489},[1106],{"type":63,"value":612},{"type":58,"tag":459,"props":1108,"children":1109},{"style":483},[1110],{"type":63,"value":497},{"type":58,"tag":459,"props":1112,"children":1113},{"style":483},[1114],{"type":63,"value":603},{"type":58,"tag":459,"props":1116,"children":1117},{"style":483},[1118],{"type":63,"value":625},{"type":58,"tag":459,"props":1120,"children":1121},{"style":628},[1122],{"type":63,"value":631},{"type":58,"tag":459,"props":1124,"children":1125},{"style":483},[1126],{"type":63,"value":273},{"type":58,"tag":459,"props":1128,"children":1129},{"style":638},[1130],{"type":63,"value":641},{"type":58,"tag":459,"props":1132,"children":1133},{"style":483},[1134],{"type":63,"value":646},{"type":58,"tag":459,"props":1136,"children":1137},{"style":472},[1138],{"type":63,"value":651},{"type":58,"tag":459,"props":1140,"children":1141},{"style":483},[1142],{"type":63,"value":502},{"type":58,"tag":459,"props":1144,"children":1145},{"class":461,"line":723},[1146,1150,1154,1158,1162,1166,1170,1174,1178,1182,1186,1190],{"type":58,"tag":459,"props":1147,"children":1148},{"style":466},[1149],{"type":63,"value":566},{"type":58,"tag":459,"props":1151,"children":1152},{"style":472},[1153],{"type":63,"value":571},{"type":58,"tag":459,"props":1155,"children":1156},{"style":483},[1157],{"type":63,"value":542},{"type":58,"tag":459,"props":1159,"children":1160},{"style":545},[1161],{"type":63,"value":676},{"type":58,"tag":459,"props":1163,"children":1164},{"style":472},[1165],{"type":63,"value":681},{"type":58,"tag":459,"props":1167,"children":1168},{"style":483},[1169],{"type":63,"value":603},{"type":58,"tag":459,"props":1171,"children":1172},{"style":472},[1173],{"type":63,"value":690},{"type":58,"tag":459,"props":1175,"children":1176},{"style":483},[1177],{"type":63,"value":603},{"type":58,"tag":459,"props":1179,"children":1180},{"style":472},[1181],{"type":63,"value":699},{"type":58,"tag":459,"props":1183,"children":1184},{"style":483},[1185],{"type":63,"value":603},{"type":58,"tag":459,"props":1187,"children":1188},{"style":472},[1189],{"type":63,"value":708},{"type":58,"tag":459,"props":1191,"children":1192},{"style":483},[1193],{"type":63,"value":502},{"type":58,"tag":459,"props":1195,"children":1196},{"class":461,"line":733},[1197],{"type":58,"tag":459,"props":1198,"children":1199},{"emptyLinePlaceholder":509},[1200],{"type":63,"value":512},{"type":58,"tag":459,"props":1202,"children":1203},{"class":461,"line":771},[1204],{"type":58,"tag":459,"props":1205,"children":1206},{"style":727},[1207],{"type":63,"value":730},{"type":58,"tag":459,"props":1209,"children":1210},{"class":461,"line":801},[1211,1215,1219,1223,1227,1231,1235,1239],{"type":58,"tag":459,"props":1212,"children":1213},{"style":519},[1214],{"type":63,"value":522},{"type":58,"tag":459,"props":1216,"children":1217},{"style":472},[1218],{"type":63,"value":743},{"type":58,"tag":459,"props":1220,"children":1221},{"style":483},[1222],{"type":63,"value":532},{"type":58,"tag":459,"props":1224,"children":1225},{"style":472},[1226],{"type":63,"value":571},{"type":58,"tag":459,"props":1228,"children":1229},{"style":483},[1230],{"type":63,"value":542},{"type":58,"tag":459,"props":1232,"children":1233},{"style":545},[1234],{"type":63,"value":760},{"type":58,"tag":459,"props":1236,"children":1237},{"style":472},[1238],{"type":63,"value":553},{"type":58,"tag":459,"props":1240,"children":1241},{"style":483},[1242],{"type":63,"value":502},{"type":58,"tag":459,"props":1244,"children":1246},{"class":461,"line":1245},11,[1247,1251,1255,1259,1263,1267],{"type":58,"tag":459,"props":1248,"children":1249},{"style":466},[1250],{"type":63,"value":566},{"type":58,"tag":459,"props":1252,"children":1253},{"style":472},[1254],{"type":63,"value":781},{"type":58,"tag":459,"props":1256,"children":1257},{"style":483},[1258],{"type":63,"value":542},{"type":58,"tag":459,"props":1260,"children":1261},{"style":545},[1262],{"type":63,"value":790},{"type":58,"tag":459,"props":1264,"children":1265},{"style":472},[1266],{"type":63,"value":553},{"type":58,"tag":459,"props":1268,"children":1269},{"style":483},[1270],{"type":63,"value":502},{"type":58,"tag":459,"props":1272,"children":1274},{"class":461,"line":1273},12,[1275,1279,1283,1287,1291,1295],{"type":58,"tag":459,"props":1276,"children":1277},{"style":466},[1278],{"type":63,"value":566},{"type":58,"tag":459,"props":1280,"children":1281},{"style":472},[1282],{"type":63,"value":781},{"type":58,"tag":459,"props":1284,"children":1285},{"style":483},[1286],{"type":63,"value":542},{"type":58,"tag":459,"props":1288,"children":1289},{"style":545},[1290],{"type":63,"value":819},{"type":58,"tag":459,"props":1292,"children":1293},{"style":472},[1294],{"type":63,"value":553},{"type":58,"tag":459,"props":1296,"children":1297},{"style":483},[1298],{"type":63,"value":502},{"type":58,"tag":441,"props":1300,"children":1302},{"id":1301},"es-module-with-cdn-race-condition-fix",[1303],{"type":63,"value":1304},"ES Module with CDN (Race Condition Fix)",{"type":58,"tag":66,"props":1306,"children":1307},{},[1308,1310,1316],{"type":63,"value":1309},"When using ",{"type":58,"tag":72,"props":1311,"children":1313},{"className":1312},[],[1314],{"type":63,"value":1315},"\u003Cscript type=\"module\">",{"type":63,"value":1317}," with CDN, SDK may not be loaded yet:",{"type":58,"tag":448,"props":1319,"children":1321},{"className":450,"code":1320,"language":452,"meta":453,"style":453},"\u002F\u002F Wait for SDK to load before using\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\n\u002F\u002F Usage\nawait waitForSDK();\nconst ZoomVideo = WebVideoSDK.default;\nconst client = ZoomVideo.createClient();\n",[1322],{"type":58,"tag":72,"props":1323,"children":1324},{"__ignoreMap":453},[1325,1333,1376,1429,1479,1495,1507,1515,1554,1591,1635,1660,1676,1744,1768,1817,1826,1848,1865,1874,1882,1891,1911,1943],{"type":58,"tag":459,"props":1326,"children":1327},{"class":461,"line":462},[1328],{"type":58,"tag":459,"props":1329,"children":1330},{"style":727},[1331],{"type":63,"value":1332},"\u002F\u002F Wait for SDK to load before using\n",{"type":58,"tag":459,"props":1334,"children":1335},{"class":461,"line":505},[1336,1341,1346,1350,1356,1361,1367,1371],{"type":58,"tag":459,"props":1337,"children":1338},{"style":519},[1339],{"type":63,"value":1340},"function",{"type":58,"tag":459,"props":1342,"children":1343},{"style":545},[1344],{"type":63,"value":1345}," waitForSDK",{"type":58,"tag":459,"props":1347,"children":1348},{"style":483},[1349],{"type":63,"value":585},{"type":58,"tag":459,"props":1351,"children":1353},{"style":1352},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[1354],{"type":63,"value":1355},"timeout",{"type":58,"tag":459,"props":1357,"children":1358},{"style":483},[1359],{"type":63,"value":1360}," =",{"type":58,"tag":459,"props":1362,"children":1364},{"style":1363},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[1365],{"type":63,"value":1366}," 10000",{"type":58,"tag":459,"props":1368,"children":1369},{"style":483},[1370],{"type":63,"value":651},{"type":58,"tag":459,"props":1372,"children":1373},{"style":483},[1374],{"type":63,"value":1375}," {\n",{"type":58,"tag":459,"props":1377,"children":1378},{"class":461,"line":515},[1379,1384,1389,1394,1398,1402,1407,1411,1416,1420,1425],{"type":58,"tag":459,"props":1380,"children":1381},{"style":466},[1382],{"type":63,"value":1383},"  return",{"type":58,"tag":459,"props":1385,"children":1386},{"style":483},[1387],{"type":63,"value":1388}," new",{"type":58,"tag":459,"props":1390,"children":1391},{"style":875},[1392],{"type":63,"value":1393}," Promise",{"type":58,"tag":459,"props":1395,"children":1396},{"style":628},[1397],{"type":63,"value":585},{"type":58,"tag":459,"props":1399,"children":1400},{"style":483},[1401],{"type":63,"value":585},{"type":58,"tag":459,"props":1403,"children":1404},{"style":1352},[1405],{"type":63,"value":1406},"resolve",{"type":58,"tag":459,"props":1408,"children":1409},{"style":483},[1410],{"type":63,"value":603},{"type":58,"tag":459,"props":1412,"children":1413},{"style":1352},[1414],{"type":63,"value":1415}," reject",{"type":58,"tag":459,"props":1417,"children":1418},{"style":483},[1419],{"type":63,"value":651},{"type":58,"tag":459,"props":1421,"children":1422},{"style":519},[1423],{"type":63,"value":1424}," =>",{"type":58,"tag":459,"props":1426,"children":1427},{"style":483},[1428],{"type":63,"value":1375},{"type":58,"tag":459,"props":1430,"children":1431},{"class":461,"line":560},[1432,1437,1442,1447,1451,1456,1460,1465,1469,1474],{"type":58,"tag":459,"props":1433,"children":1434},{"style":466},[1435],{"type":63,"value":1436},"    if",{"type":58,"tag":459,"props":1438,"children":1439},{"style":628},[1440],{"type":63,"value":1441}," (",{"type":58,"tag":459,"props":1443,"children":1444},{"style":483},[1445],{"type":63,"value":1446},"typeof",{"type":58,"tag":459,"props":1448,"children":1449},{"style":472},[1450],{"type":63,"value":1004},{"type":58,"tag":459,"props":1452,"children":1453},{"style":483},[1454],{"type":63,"value":1455}," !==",{"type":58,"tag":459,"props":1457,"children":1458},{"style":483},[1459],{"type":63,"value":486},{"type":58,"tag":459,"props":1461,"children":1462},{"style":489},[1463],{"type":63,"value":1464},"undefined",{"type":58,"tag":459,"props":1466,"children":1467},{"style":483},[1468],{"type":63,"value":497},{"type":58,"tag":459,"props":1470,"children":1471},{"style":628},[1472],{"type":63,"value":1473},") ",{"type":58,"tag":459,"props":1475,"children":1476},{"style":483},[1477],{"type":63,"value":1478},"{\n",{"type":58,"tag":459,"props":1480,"children":1481},{"class":461,"line":658},[1482,1487,1491],{"type":58,"tag":459,"props":1483,"children":1484},{"style":545},[1485],{"type":63,"value":1486},"      resolve",{"type":58,"tag":459,"props":1488,"children":1489},{"style":628},[1490],{"type":63,"value":553},{"type":58,"tag":459,"props":1492,"children":1493},{"style":483},[1494],{"type":63,"value":502},{"type":58,"tag":459,"props":1496,"children":1497},{"class":461,"line":715},[1498,1503],{"type":58,"tag":459,"props":1499,"children":1500},{"style":466},[1501],{"type":63,"value":1502},"      return",{"type":58,"tag":459,"props":1504,"children":1505},{"style":483},[1506],{"type":63,"value":502},{"type":58,"tag":459,"props":1508,"children":1509},{"class":461,"line":723},[1510],{"type":58,"tag":459,"props":1511,"children":1512},{"style":483},[1513],{"type":63,"value":1514},"    }\n",{"type":58,"tag":459,"props":1516,"children":1517},{"class":461,"line":733},[1518,1523,1528,1532,1537,1541,1546,1550],{"type":58,"tag":459,"props":1519,"children":1520},{"style":519},[1521],{"type":63,"value":1522},"    const",{"type":58,"tag":459,"props":1524,"children":1525},{"style":472},[1526],{"type":63,"value":1527}," start",{"type":58,"tag":459,"props":1529,"children":1530},{"style":483},[1531],{"type":63,"value":1360},{"type":58,"tag":459,"props":1533,"children":1534},{"style":472},[1535],{"type":63,"value":1536}," Date",{"type":58,"tag":459,"props":1538,"children":1539},{"style":483},[1540],{"type":63,"value":542},{"type":58,"tag":459,"props":1542,"children":1543},{"style":545},[1544],{"type":63,"value":1545},"now",{"type":58,"tag":459,"props":1547,"children":1548},{"style":628},[1549],{"type":63,"value":553},{"type":58,"tag":459,"props":1551,"children":1552},{"style":483},[1553],{"type":63,"value":502},{"type":58,"tag":459,"props":1555,"children":1556},{"class":461,"line":771},[1557,1561,1566,1570,1575,1579,1583,1587],{"type":58,"tag":459,"props":1558,"children":1559},{"style":519},[1560],{"type":63,"value":1522},{"type":58,"tag":459,"props":1562,"children":1563},{"style":472},[1564],{"type":63,"value":1565}," check",{"type":58,"tag":459,"props":1567,"children":1568},{"style":483},[1569],{"type":63,"value":1360},{"type":58,"tag":459,"props":1571,"children":1572},{"style":545},[1573],{"type":63,"value":1574}," setInterval",{"type":58,"tag":459,"props":1576,"children":1577},{"style":628},[1578],{"type":63,"value":585},{"type":58,"tag":459,"props":1580,"children":1581},{"style":483},[1582],{"type":63,"value":553},{"type":58,"tag":459,"props":1584,"children":1585},{"style":519},[1586],{"type":63,"value":1424},{"type":58,"tag":459,"props":1588,"children":1589},{"style":483},[1590],{"type":63,"value":1375},{"type":58,"tag":459,"props":1592,"children":1593},{"class":461,"line":801},[1594,1599,1603,1607,1611,1615,1619,1623,1627,1631],{"type":58,"tag":459,"props":1595,"children":1596},{"style":466},[1597],{"type":63,"value":1598},"      if",{"type":58,"tag":459,"props":1600,"children":1601},{"style":628},[1602],{"type":63,"value":1441},{"type":58,"tag":459,"props":1604,"children":1605},{"style":483},[1606],{"type":63,"value":1446},{"type":58,"tag":459,"props":1608,"children":1609},{"style":472},[1610],{"type":63,"value":1004},{"type":58,"tag":459,"props":1612,"children":1613},{"style":483},[1614],{"type":63,"value":1455},{"type":58,"tag":459,"props":1616,"children":1617},{"style":483},[1618],{"type":63,"value":486},{"type":58,"tag":459,"props":1620,"children":1621},{"style":489},[1622],{"type":63,"value":1464},{"type":58,"tag":459,"props":1624,"children":1625},{"style":483},[1626],{"type":63,"value":497},{"type":58,"tag":459,"props":1628,"children":1629},{"style":628},[1630],{"type":63,"value":1473},{"type":58,"tag":459,"props":1632,"children":1633},{"style":483},[1634],{"type":63,"value":1478},{"type":58,"tag":459,"props":1636,"children":1637},{"class":461,"line":1245},[1638,1643,1647,1652,1656],{"type":58,"tag":459,"props":1639,"children":1640},{"style":545},[1641],{"type":63,"value":1642},"        clearInterval",{"type":58,"tag":459,"props":1644,"children":1645},{"style":628},[1646],{"type":63,"value":585},{"type":58,"tag":459,"props":1648,"children":1649},{"style":472},[1650],{"type":63,"value":1651},"check",{"type":58,"tag":459,"props":1653,"children":1654},{"style":628},[1655],{"type":63,"value":651},{"type":58,"tag":459,"props":1657,"children":1658},{"style":483},[1659],{"type":63,"value":502},{"type":58,"tag":459,"props":1661,"children":1662},{"class":461,"line":1273},[1663,1668,1672],{"type":58,"tag":459,"props":1664,"children":1665},{"style":545},[1666],{"type":63,"value":1667},"        resolve",{"type":58,"tag":459,"props":1669,"children":1670},{"style":628},[1671],{"type":63,"value":553},{"type":58,"tag":459,"props":1673,"children":1674},{"style":483},[1675],{"type":63,"value":502},{"type":58,"tag":459,"props":1677,"children":1679},{"class":461,"line":1678},13,[1680,1685,1690,1695,1699,1704,1708,1712,1717,1722,1726,1731,1736,1740],{"type":58,"tag":459,"props":1681,"children":1682},{"style":483},[1683],{"type":63,"value":1684},"      }",{"type":58,"tag":459,"props":1686,"children":1687},{"style":466},[1688],{"type":63,"value":1689}," else",{"type":58,"tag":459,"props":1691,"children":1692},{"style":466},[1693],{"type":63,"value":1694}," if",{"type":58,"tag":459,"props":1696,"children":1697},{"style":628},[1698],{"type":63,"value":1441},{"type":58,"tag":459,"props":1700,"children":1701},{"style":472},[1702],{"type":63,"value":1703},"Date",{"type":58,"tag":459,"props":1705,"children":1706},{"style":483},[1707],{"type":63,"value":542},{"type":58,"tag":459,"props":1709,"children":1710},{"style":545},[1711],{"type":63,"value":1545},{"type":58,"tag":459,"props":1713,"children":1714},{"style":628},[1715],{"type":63,"value":1716},"() ",{"type":58,"tag":459,"props":1718,"children":1719},{"style":483},[1720],{"type":63,"value":1721},"-",{"type":58,"tag":459,"props":1723,"children":1724},{"style":472},[1725],{"type":63,"value":1527},{"type":58,"tag":459,"props":1727,"children":1728},{"style":483},[1729],{"type":63,"value":1730}," >",{"type":58,"tag":459,"props":1732,"children":1733},{"style":472},[1734],{"type":63,"value":1735}," timeout",{"type":58,"tag":459,"props":1737,"children":1738},{"style":628},[1739],{"type":63,"value":1473},{"type":58,"tag":459,"props":1741,"children":1742},{"style":483},[1743],{"type":63,"value":1478},{"type":58,"tag":459,"props":1745,"children":1747},{"class":461,"line":1746},14,[1748,1752,1756,1760,1764],{"type":58,"tag":459,"props":1749,"children":1750},{"style":545},[1751],{"type":63,"value":1642},{"type":58,"tag":459,"props":1753,"children":1754},{"style":628},[1755],{"type":63,"value":585},{"type":58,"tag":459,"props":1757,"children":1758},{"style":472},[1759],{"type":63,"value":1651},{"type":58,"tag":459,"props":1761,"children":1762},{"style":628},[1763],{"type":63,"value":651},{"type":58,"tag":459,"props":1765,"children":1766},{"style":483},[1767],{"type":63,"value":502},{"type":58,"tag":459,"props":1769,"children":1771},{"class":461,"line":1770},15,[1772,1777,1781,1786,1791,1795,1799,1804,1808,1813],{"type":58,"tag":459,"props":1773,"children":1774},{"style":545},[1775],{"type":63,"value":1776},"        reject",{"type":58,"tag":459,"props":1778,"children":1779},{"style":628},[1780],{"type":63,"value":585},{"type":58,"tag":459,"props":1782,"children":1783},{"style":483},[1784],{"type":63,"value":1785},"new",{"type":58,"tag":459,"props":1787,"children":1788},{"style":545},[1789],{"type":63,"value":1790}," Error",{"type":58,"tag":459,"props":1792,"children":1793},{"style":628},[1794],{"type":63,"value":585},{"type":58,"tag":459,"props":1796,"children":1797},{"style":483},[1798],{"type":63,"value":497},{"type":58,"tag":459,"props":1800,"children":1801},{"style":489},[1802],{"type":63,"value":1803},"SDK failed to load",{"type":58,"tag":459,"props":1805,"children":1806},{"style":483},[1807],{"type":63,"value":497},{"type":58,"tag":459,"props":1809,"children":1810},{"style":628},[1811],{"type":63,"value":1812},"))",{"type":58,"tag":459,"props":1814,"children":1815},{"style":483},[1816],{"type":63,"value":502},{"type":58,"tag":459,"props":1818,"children":1820},{"class":461,"line":1819},16,[1821],{"type":58,"tag":459,"props":1822,"children":1823},{"style":483},[1824],{"type":63,"value":1825},"      }\n",{"type":58,"tag":459,"props":1827,"children":1829},{"class":461,"line":1828},17,[1830,1835,1840,1844],{"type":58,"tag":459,"props":1831,"children":1832},{"style":483},[1833],{"type":63,"value":1834},"    },",{"type":58,"tag":459,"props":1836,"children":1837},{"style":1363},[1838],{"type":63,"value":1839}," 100",{"type":58,"tag":459,"props":1841,"children":1842},{"style":628},[1843],{"type":63,"value":651},{"type":58,"tag":459,"props":1845,"children":1846},{"style":483},[1847],{"type":63,"value":502},{"type":58,"tag":459,"props":1849,"children":1851},{"class":461,"line":1850},18,[1852,1857,1861],{"type":58,"tag":459,"props":1853,"children":1854},{"style":483},[1855],{"type":63,"value":1856},"  }",{"type":58,"tag":459,"props":1858,"children":1859},{"style":628},[1860],{"type":63,"value":651},{"type":58,"tag":459,"props":1862,"children":1863},{"style":483},[1864],{"type":63,"value":502},{"type":58,"tag":459,"props":1866,"children":1868},{"class":461,"line":1867},19,[1869],{"type":58,"tag":459,"props":1870,"children":1871},{"style":483},[1872],{"type":63,"value":1873},"}\n",{"type":58,"tag":459,"props":1875,"children":1877},{"class":461,"line":1876},20,[1878],{"type":58,"tag":459,"props":1879,"children":1880},{"emptyLinePlaceholder":509},[1881],{"type":63,"value":512},{"type":58,"tag":459,"props":1883,"children":1885},{"class":461,"line":1884},21,[1886],{"type":58,"tag":459,"props":1887,"children":1888},{"style":727},[1889],{"type":63,"value":1890},"\u002F\u002F Usage\n",{"type":58,"tag":459,"props":1892,"children":1894},{"class":461,"line":1893},22,[1895,1899,1903,1907],{"type":58,"tag":459,"props":1896,"children":1897},{"style":466},[1898],{"type":63,"value":566},{"type":58,"tag":459,"props":1900,"children":1901},{"style":545},[1902],{"type":63,"value":1345},{"type":58,"tag":459,"props":1904,"children":1905},{"style":472},[1906],{"type":63,"value":553},{"type":58,"tag":459,"props":1908,"children":1909},{"style":483},[1910],{"type":63,"value":502},{"type":58,"tag":459,"props":1912,"children":1914},{"class":461,"line":1913},23,[1915,1919,1923,1927,1931,1935,1939],{"type":58,"tag":459,"props":1916,"children":1917},{"style":519},[1918],{"type":63,"value":522},{"type":58,"tag":459,"props":1920,"children":1921},{"style":472},[1922],{"type":63,"value":475},{"type":58,"tag":459,"props":1924,"children":1925},{"style":483},[1926],{"type":63,"value":532},{"type":58,"tag":459,"props":1928,"children":1929},{"style":472},[1930],{"type":63,"value":1004},{"type":58,"tag":459,"props":1932,"children":1933},{"style":483},[1934],{"type":63,"value":542},{"type":58,"tag":459,"props":1936,"children":1937},{"style":472},[1938],{"type":63,"value":1013},{"type":58,"tag":459,"props":1940,"children":1941},{"style":483},[1942],{"type":63,"value":502},{"type":58,"tag":459,"props":1944,"children":1946},{"class":461,"line":1945},24,[1947,1951,1955,1959,1963,1967,1971,1975],{"type":58,"tag":459,"props":1948,"children":1949},{"style":519},[1950],{"type":63,"value":522},{"type":58,"tag":459,"props":1952,"children":1953},{"style":472},[1954],{"type":63,"value":527},{"type":58,"tag":459,"props":1956,"children":1957},{"style":483},[1958],{"type":63,"value":532},{"type":58,"tag":459,"props":1960,"children":1961},{"style":472},[1962],{"type":63,"value":537},{"type":58,"tag":459,"props":1964,"children":1965},{"style":483},[1966],{"type":63,"value":542},{"type":58,"tag":459,"props":1968,"children":1969},{"style":545},[1970],{"type":63,"value":548},{"type":58,"tag":459,"props":1972,"children":1973},{"style":472},[1974],{"type":63,"value":553},{"type":58,"tag":459,"props":1976,"children":1977},{"style":483},[1978],{"type":63,"value":502},{"type":58,"tag":86,"props":1980,"children":1982},{"id":1981},"sdk-lifecycle-critical-order",[1983],{"type":63,"value":1984},"SDK Lifecycle (CRITICAL ORDER)",{"type":58,"tag":66,"props":1986,"children":1987},{},[1988],{"type":63,"value":1989},"The SDK has a strict lifecycle. Violating it causes silent failures.",{"type":58,"tag":448,"props":1991,"children":1995},{"className":1992,"code":1994,"language":63},[1993],"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",[1996],{"type":58,"tag":72,"props":1997,"children":1998},{"__ignoreMap":453},[1999],{"type":63,"value":1994},{"type":58,"tag":66,"props":2001,"children":2002},{},[2003],{"type":58,"tag":192,"props":2004,"children":2005},{},[2006],{"type":63,"value":2007},"Common Mistake (Silent Failure):",{"type":58,"tag":448,"props":2009,"children":2011},{"className":450,"code":2010,"language":452,"meta":453,"style":453},"\u002F\u002F ❌ WRONG: Getting stream before joining\nconst client = ZoomVideo.createClient();\nawait client.init('en-US', 'Global');\nconst stream = client.getMediaStream();  \u002F\u002F Returns undefined!\nawait client.join(...);\n\n\u002F\u002F ✅ CORRECT: Get stream after joining\nconst client = ZoomVideo.createClient();\nawait client.init('en-US', 'Global');\nawait client.join(...);\nconst stream = client.getMediaStream();  \u002F\u002F Works!\n",[2012],{"type":58,"tag":72,"props":2013,"children":2014},{"__ignoreMap":453},[2015,2023,2058,2117,2158,2194,2201,2209,2244,2303,2338],{"type":58,"tag":459,"props":2016,"children":2017},{"class":461,"line":462},[2018],{"type":58,"tag":459,"props":2019,"children":2020},{"style":727},[2021],{"type":63,"value":2022},"\u002F\u002F ❌ WRONG: Getting stream before joining\n",{"type":58,"tag":459,"props":2024,"children":2025},{"class":461,"line":505},[2026,2030,2034,2038,2042,2046,2050,2054],{"type":58,"tag":459,"props":2027,"children":2028},{"style":519},[2029],{"type":63,"value":522},{"type":58,"tag":459,"props":2031,"children":2032},{"style":472},[2033],{"type":63,"value":527},{"type":58,"tag":459,"props":2035,"children":2036},{"style":483},[2037],{"type":63,"value":532},{"type":58,"tag":459,"props":2039,"children":2040},{"style":472},[2041],{"type":63,"value":537},{"type":58,"tag":459,"props":2043,"children":2044},{"style":483},[2045],{"type":63,"value":542},{"type":58,"tag":459,"props":2047,"children":2048},{"style":545},[2049],{"type":63,"value":548},{"type":58,"tag":459,"props":2051,"children":2052},{"style":472},[2053],{"type":63,"value":553},{"type":58,"tag":459,"props":2055,"children":2056},{"style":483},[2057],{"type":63,"value":502},{"type":58,"tag":459,"props":2059,"children":2060},{"class":461,"line":515},[2061,2065,2069,2073,2077,2081,2085,2089,2093,2097,2101,2105,2109,2113],{"type":58,"tag":459,"props":2062,"children":2063},{"style":466},[2064],{"type":63,"value":566},{"type":58,"tag":459,"props":2066,"children":2067},{"style":472},[2068],{"type":63,"value":571},{"type":58,"tag":459,"props":2070,"children":2071},{"style":483},[2072],{"type":63,"value":542},{"type":58,"tag":459,"props":2074,"children":2075},{"style":545},[2076],{"type":63,"value":580},{"type":58,"tag":459,"props":2078,"children":2079},{"style":472},[2080],{"type":63,"value":585},{"type":58,"tag":459,"props":2082,"children":2083},{"style":483},[2084],{"type":63,"value":497},{"type":58,"tag":459,"props":2086,"children":2087},{"style":489},[2088],{"type":63,"value":594},{"type":58,"tag":459,"props":2090,"children":2091},{"style":483},[2092],{"type":63,"value":497},{"type":58,"tag":459,"props":2094,"children":2095},{"style":483},[2096],{"type":63,"value":603},{"type":58,"tag":459,"props":2098,"children":2099},{"style":483},[2100],{"type":63,"value":486},{"type":58,"tag":459,"props":2102,"children":2103},{"style":489},[2104],{"type":63,"value":612},{"type":58,"tag":459,"props":2106,"children":2107},{"style":483},[2108],{"type":63,"value":497},{"type":58,"tag":459,"props":2110,"children":2111},{"style":472},[2112],{"type":63,"value":651},{"type":58,"tag":459,"props":2114,"children":2115},{"style":483},[2116],{"type":63,"value":502},{"type":58,"tag":459,"props":2118,"children":2119},{"class":461,"line":560},[2120,2124,2128,2132,2136,2140,2144,2148,2153],{"type":58,"tag":459,"props":2121,"children":2122},{"style":519},[2123],{"type":63,"value":522},{"type":58,"tag":459,"props":2125,"children":2126},{"style":472},[2127],{"type":63,"value":743},{"type":58,"tag":459,"props":2129,"children":2130},{"style":483},[2131],{"type":63,"value":532},{"type":58,"tag":459,"props":2133,"children":2134},{"style":472},[2135],{"type":63,"value":571},{"type":58,"tag":459,"props":2137,"children":2138},{"style":483},[2139],{"type":63,"value":542},{"type":58,"tag":459,"props":2141,"children":2142},{"style":545},[2143],{"type":63,"value":760},{"type":58,"tag":459,"props":2145,"children":2146},{"style":472},[2147],{"type":63,"value":553},{"type":58,"tag":459,"props":2149,"children":2150},{"style":483},[2151],{"type":63,"value":2152},";",{"type":58,"tag":459,"props":2154,"children":2155},{"style":727},[2156],{"type":63,"value":2157},"  \u002F\u002F Returns undefined!\n",{"type":58,"tag":459,"props":2159,"children":2160},{"class":461,"line":658},[2161,2165,2169,2173,2177,2181,2186,2190],{"type":58,"tag":459,"props":2162,"children":2163},{"style":466},[2164],{"type":63,"value":566},{"type":58,"tag":459,"props":2166,"children":2167},{"style":472},[2168],{"type":63,"value":571},{"type":58,"tag":459,"props":2170,"children":2171},{"style":483},[2172],{"type":63,"value":542},{"type":58,"tag":459,"props":2174,"children":2175},{"style":545},[2176],{"type":63,"value":676},{"type":58,"tag":459,"props":2178,"children":2179},{"style":472},[2180],{"type":63,"value":585},{"type":58,"tag":459,"props":2182,"children":2183},{"style":483},[2184],{"type":63,"value":2185},"...",{"type":58,"tag":459,"props":2187,"children":2188},{"style":472},[2189],{"type":63,"value":651},{"type":58,"tag":459,"props":2191,"children":2192},{"style":483},[2193],{"type":63,"value":502},{"type":58,"tag":459,"props":2195,"children":2196},{"class":461,"line":715},[2197],{"type":58,"tag":459,"props":2198,"children":2199},{"emptyLinePlaceholder":509},[2200],{"type":63,"value":512},{"type":58,"tag":459,"props":2202,"children":2203},{"class":461,"line":723},[2204],{"type":58,"tag":459,"props":2205,"children":2206},{"style":727},[2207],{"type":63,"value":2208},"\u002F\u002F ✅ CORRECT: Get stream after joining\n",{"type":58,"tag":459,"props":2210,"children":2211},{"class":461,"line":733},[2212,2216,2220,2224,2228,2232,2236,2240],{"type":58,"tag":459,"props":2213,"children":2214},{"style":519},[2215],{"type":63,"value":522},{"type":58,"tag":459,"props":2217,"children":2218},{"style":472},[2219],{"type":63,"value":527},{"type":58,"tag":459,"props":2221,"children":2222},{"style":483},[2223],{"type":63,"value":532},{"type":58,"tag":459,"props":2225,"children":2226},{"style":472},[2227],{"type":63,"value":537},{"type":58,"tag":459,"props":2229,"children":2230},{"style":483},[2231],{"type":63,"value":542},{"type":58,"tag":459,"props":2233,"children":2234},{"style":545},[2235],{"type":63,"value":548},{"type":58,"tag":459,"props":2237,"children":2238},{"style":472},[2239],{"type":63,"value":553},{"type":58,"tag":459,"props":2241,"children":2242},{"style":483},[2243],{"type":63,"value":502},{"type":58,"tag":459,"props":2245,"children":2246},{"class":461,"line":771},[2247,2251,2255,2259,2263,2267,2271,2275,2279,2283,2287,2291,2295,2299],{"type":58,"tag":459,"props":2248,"children":2249},{"style":466},[2250],{"type":63,"value":566},{"type":58,"tag":459,"props":2252,"children":2253},{"style":472},[2254],{"type":63,"value":571},{"type":58,"tag":459,"props":2256,"children":2257},{"style":483},[2258],{"type":63,"value":542},{"type":58,"tag":459,"props":2260,"children":2261},{"style":545},[2262],{"type":63,"value":580},{"type":58,"tag":459,"props":2264,"children":2265},{"style":472},[2266],{"type":63,"value":585},{"type":58,"tag":459,"props":2268,"children":2269},{"style":483},[2270],{"type":63,"value":497},{"type":58,"tag":459,"props":2272,"children":2273},{"style":489},[2274],{"type":63,"value":594},{"type":58,"tag":459,"props":2276,"children":2277},{"style":483},[2278],{"type":63,"value":497},{"type":58,"tag":459,"props":2280,"children":2281},{"style":483},[2282],{"type":63,"value":603},{"type":58,"tag":459,"props":2284,"children":2285},{"style":483},[2286],{"type":63,"value":486},{"type":58,"tag":459,"props":2288,"children":2289},{"style":489},[2290],{"type":63,"value":612},{"type":58,"tag":459,"props":2292,"children":2293},{"style":483},[2294],{"type":63,"value":497},{"type":58,"tag":459,"props":2296,"children":2297},{"style":472},[2298],{"type":63,"value":651},{"type":58,"tag":459,"props":2300,"children":2301},{"style":483},[2302],{"type":63,"value":502},{"type":58,"tag":459,"props":2304,"children":2305},{"class":461,"line":801},[2306,2310,2314,2318,2322,2326,2330,2334],{"type":58,"tag":459,"props":2307,"children":2308},{"style":466},[2309],{"type":63,"value":566},{"type":58,"tag":459,"props":2311,"children":2312},{"style":472},[2313],{"type":63,"value":571},{"type":58,"tag":459,"props":2315,"children":2316},{"style":483},[2317],{"type":63,"value":542},{"type":58,"tag":459,"props":2319,"children":2320},{"style":545},[2321],{"type":63,"value":676},{"type":58,"tag":459,"props":2323,"children":2324},{"style":472},[2325],{"type":63,"value":585},{"type":58,"tag":459,"props":2327,"children":2328},{"style":483},[2329],{"type":63,"value":2185},{"type":58,"tag":459,"props":2331,"children":2332},{"style":472},[2333],{"type":63,"value":651},{"type":58,"tag":459,"props":2335,"children":2336},{"style":483},[2337],{"type":63,"value":502},{"type":58,"tag":459,"props":2339,"children":2340},{"class":461,"line":1245},[2341,2345,2349,2353,2357,2361,2365,2369,2373],{"type":58,"tag":459,"props":2342,"children":2343},{"style":519},[2344],{"type":63,"value":522},{"type":58,"tag":459,"props":2346,"children":2347},{"style":472},[2348],{"type":63,"value":743},{"type":58,"tag":459,"props":2350,"children":2351},{"style":483},[2352],{"type":63,"value":532},{"type":58,"tag":459,"props":2354,"children":2355},{"style":472},[2356],{"type":63,"value":571},{"type":58,"tag":459,"props":2358,"children":2359},{"style":483},[2360],{"type":63,"value":542},{"type":58,"tag":459,"props":2362,"children":2363},{"style":545},[2364],{"type":63,"value":760},{"type":58,"tag":459,"props":2366,"children":2367},{"style":472},[2368],{"type":63,"value":553},{"type":58,"tag":459,"props":2370,"children":2371},{"style":483},[2372],{"type":63,"value":2152},{"type":58,"tag":459,"props":2374,"children":2375},{"style":727},[2376],{"type":63,"value":2377},"  \u002F\u002F Works!\n",{"type":58,"tag":86,"props":2379,"children":2381},{"id":2380},"video-rendering-event-driven",[2382],{"type":63,"value":2383},"Video Rendering (Event-Driven)",{"type":58,"tag":66,"props":2385,"children":2386},{},[2387,2392],{"type":58,"tag":192,"props":2388,"children":2389},{},[2390],{"type":63,"value":2391},"The SDK is event-driven.",{"type":63,"value":2393}," You must listen for events and render videos accordingly.",{"type":58,"tag":441,"props":2395,"children":2397},{"id":2396},"use-attachvideo-not-rendervideo",[2398,2400,2406,2408],{"type":63,"value":2399},"Use ",{"type":58,"tag":72,"props":2401,"children":2403},{"className":2402},[],[2404],{"type":63,"value":2405},"attachVideo()",{"type":63,"value":2407}," NOT ",{"type":58,"tag":72,"props":2409,"children":2411},{"className":2410},[],[2412],{"type":63,"value":2413},"renderVideo()",{"type":58,"tag":448,"props":2415,"children":2417},{"className":450,"code":2416,"language":452,"meta":453,"style":453},"import { VideoQuality } from '@zoom\u002Fvideosdk';\n\n\u002F\u002F Start your camera\nawait stream.startVideo();\n\n\u002F\u002F Attach video - returns element to append to DOM\nconst element = await stream.attachVideo(userId, VideoQuality.Video_360P);\ncontainer.appendChild(element);\n\n\u002F\u002F Detach when done\nawait stream.detachVideo(userId);\n",[2418],{"type":58,"tag":72,"props":2419,"children":2420},{"__ignoreMap":453},[2421,2462,2469,2477,2504,2511,2519,2579,2605,2612,2620],{"type":58,"tag":459,"props":2422,"children":2423},{"class":461,"line":462},[2424,2428,2432,2437,2441,2446,2450,2454,2458],{"type":58,"tag":459,"props":2425,"children":2426},{"style":466},[2427],{"type":63,"value":469},{"type":58,"tag":459,"props":2429,"children":2430},{"style":483},[2431],{"type":63,"value":625},{"type":58,"tag":459,"props":2433,"children":2434},{"style":472},[2435],{"type":63,"value":2436}," VideoQuality",{"type":58,"tag":459,"props":2438,"children":2439},{"style":483},[2440],{"type":63,"value":646},{"type":58,"tag":459,"props":2442,"children":2443},{"style":466},[2444],{"type":63,"value":2445}," from",{"type":58,"tag":459,"props":2447,"children":2448},{"style":483},[2449],{"type":63,"value":486},{"type":58,"tag":459,"props":2451,"children":2452},{"style":489},[2453],{"type":63,"value":492},{"type":58,"tag":459,"props":2455,"children":2456},{"style":483},[2457],{"type":63,"value":497},{"type":58,"tag":459,"props":2459,"children":2460},{"style":483},[2461],{"type":63,"value":502},{"type":58,"tag":459,"props":2463,"children":2464},{"class":461,"line":505},[2465],{"type":58,"tag":459,"props":2466,"children":2467},{"emptyLinePlaceholder":509},[2468],{"type":63,"value":512},{"type":58,"tag":459,"props":2470,"children":2471},{"class":461,"line":515},[2472],{"type":58,"tag":459,"props":2473,"children":2474},{"style":727},[2475],{"type":63,"value":2476},"\u002F\u002F Start your camera\n",{"type":58,"tag":459,"props":2478,"children":2479},{"class":461,"line":560},[2480,2484,2488,2492,2496,2500],{"type":58,"tag":459,"props":2481,"children":2482},{"style":466},[2483],{"type":63,"value":566},{"type":58,"tag":459,"props":2485,"children":2486},{"style":472},[2487],{"type":63,"value":781},{"type":58,"tag":459,"props":2489,"children":2490},{"style":483},[2491],{"type":63,"value":542},{"type":58,"tag":459,"props":2493,"children":2494},{"style":545},[2495],{"type":63,"value":790},{"type":58,"tag":459,"props":2497,"children":2498},{"style":472},[2499],{"type":63,"value":553},{"type":58,"tag":459,"props":2501,"children":2502},{"style":483},[2503],{"type":63,"value":502},{"type":58,"tag":459,"props":2505,"children":2506},{"class":461,"line":658},[2507],{"type":58,"tag":459,"props":2508,"children":2509},{"emptyLinePlaceholder":509},[2510],{"type":63,"value":512},{"type":58,"tag":459,"props":2512,"children":2513},{"class":461,"line":715},[2514],{"type":58,"tag":459,"props":2515,"children":2516},{"style":727},[2517],{"type":63,"value":2518},"\u002F\u002F Attach video - returns element to append to DOM\n",{"type":58,"tag":459,"props":2520,"children":2521},{"class":461,"line":723},[2522,2526,2531,2535,2540,2544,2548,2553,2558,2562,2566,2570,2575],{"type":58,"tag":459,"props":2523,"children":2524},{"style":519},[2525],{"type":63,"value":522},{"type":58,"tag":459,"props":2527,"children":2528},{"style":472},[2529],{"type":63,"value":2530}," element ",{"type":58,"tag":459,"props":2532,"children":2533},{"style":483},[2534],{"type":63,"value":532},{"type":58,"tag":459,"props":2536,"children":2537},{"style":466},[2538],{"type":63,"value":2539}," await",{"type":58,"tag":459,"props":2541,"children":2542},{"style":472},[2543],{"type":63,"value":781},{"type":58,"tag":459,"props":2545,"children":2546},{"style":483},[2547],{"type":63,"value":542},{"type":58,"tag":459,"props":2549,"children":2550},{"style":545},[2551],{"type":63,"value":2552},"attachVideo",{"type":58,"tag":459,"props":2554,"children":2555},{"style":472},[2556],{"type":63,"value":2557},"(userId",{"type":58,"tag":459,"props":2559,"children":2560},{"style":483},[2561],{"type":63,"value":603},{"type":58,"tag":459,"props":2563,"children":2564},{"style":472},[2565],{"type":63,"value":2436},{"type":58,"tag":459,"props":2567,"children":2568},{"style":483},[2569],{"type":63,"value":542},{"type":58,"tag":459,"props":2571,"children":2572},{"style":472},[2573],{"type":63,"value":2574},"Video_360P)",{"type":58,"tag":459,"props":2576,"children":2577},{"style":483},[2578],{"type":63,"value":502},{"type":58,"tag":459,"props":2580,"children":2581},{"class":461,"line":733},[2582,2587,2591,2596,2601],{"type":58,"tag":459,"props":2583,"children":2584},{"style":472},[2585],{"type":63,"value":2586},"container",{"type":58,"tag":459,"props":2588,"children":2589},{"style":483},[2590],{"type":63,"value":542},{"type":58,"tag":459,"props":2592,"children":2593},{"style":545},[2594],{"type":63,"value":2595},"appendChild",{"type":58,"tag":459,"props":2597,"children":2598},{"style":472},[2599],{"type":63,"value":2600},"(element)",{"type":58,"tag":459,"props":2602,"children":2603},{"style":483},[2604],{"type":63,"value":502},{"type":58,"tag":459,"props":2606,"children":2607},{"class":461,"line":771},[2608],{"type":58,"tag":459,"props":2609,"children":2610},{"emptyLinePlaceholder":509},[2611],{"type":63,"value":512},{"type":58,"tag":459,"props":2613,"children":2614},{"class":461,"line":801},[2615],{"type":58,"tag":459,"props":2616,"children":2617},{"style":727},[2618],{"type":63,"value":2619},"\u002F\u002F Detach when done\n",{"type":58,"tag":459,"props":2621,"children":2622},{"class":461,"line":1245},[2623,2627,2631,2635,2640,2645],{"type":58,"tag":459,"props":2624,"children":2625},{"style":466},[2626],{"type":63,"value":566},{"type":58,"tag":459,"props":2628,"children":2629},{"style":472},[2630],{"type":63,"value":781},{"type":58,"tag":459,"props":2632,"children":2633},{"style":483},[2634],{"type":63,"value":542},{"type":58,"tag":459,"props":2636,"children":2637},{"style":545},[2638],{"type":63,"value":2639},"detachVideo",{"type":58,"tag":459,"props":2641,"children":2642},{"style":472},[2643],{"type":63,"value":2644},"(userId)",{"type":58,"tag":459,"props":2646,"children":2647},{"style":483},[2648],{"type":63,"value":502},{"type":58,"tag":441,"props":2650,"children":2652},{"id":2651},"required-events",[2653],{"type":63,"value":2654},"Required Events",{"type":58,"tag":448,"props":2656,"children":2658},{"className":450,"code":2657,"language":452,"meta":453,"style":453},"\u002F\u002F When other participant's video turns on\u002Foff\nclient.on('peer-video-state-change', async (payload) => {\n  const { action, userId } = payload;\n  if (action === 'Start') {\n    const el = await stream.attachVideo(userId, VideoQuality.Video_360P);\n    container.appendChild(el);\n  } else {\n    await stream.detachVideo(userId);\n  }\n});\n\n\u002F\u002F When participants join\u002Fleave\nclient.on('user-added', (payload) => { \u002F* check bVideoOn *\u002F });\nclient.on('user-removed', (payload) => { stream.detachVideo(payload.userId); });\n",[2659],{"type":58,"tag":72,"props":2660,"children":2661},{"__ignoreMap":453},[2662,2670,2734,2777,2820,2886,2919,2934,2970,2978,2994,3001,3009,3082],{"type":58,"tag":459,"props":2663,"children":2664},{"class":461,"line":462},[2665],{"type":58,"tag":459,"props":2666,"children":2667},{"style":727},[2668],{"type":63,"value":2669},"\u002F\u002F When other participant's video turns on\u002Foff\n",{"type":58,"tag":459,"props":2671,"children":2672},{"class":461,"line":505},[2673,2678,2682,2687,2691,2695,2700,2704,2708,2713,2717,2722,2726,2730],{"type":58,"tag":459,"props":2674,"children":2675},{"style":472},[2676],{"type":63,"value":2677},"client",{"type":58,"tag":459,"props":2679,"children":2680},{"style":483},[2681],{"type":63,"value":542},{"type":58,"tag":459,"props":2683,"children":2684},{"style":545},[2685],{"type":63,"value":2686},"on",{"type":58,"tag":459,"props":2688,"children":2689},{"style":472},[2690],{"type":63,"value":585},{"type":58,"tag":459,"props":2692,"children":2693},{"style":483},[2694],{"type":63,"value":497},{"type":58,"tag":459,"props":2696,"children":2697},{"style":489},[2698],{"type":63,"value":2699},"peer-video-state-change",{"type":58,"tag":459,"props":2701,"children":2702},{"style":483},[2703],{"type":63,"value":497},{"type":58,"tag":459,"props":2705,"children":2706},{"style":483},[2707],{"type":63,"value":603},{"type":58,"tag":459,"props":2709,"children":2710},{"style":519},[2711],{"type":63,"value":2712}," async",{"type":58,"tag":459,"props":2714,"children":2715},{"style":483},[2716],{"type":63,"value":1441},{"type":58,"tag":459,"props":2718,"children":2719},{"style":1352},[2720],{"type":63,"value":2721},"payload",{"type":58,"tag":459,"props":2723,"children":2724},{"style":483},[2725],{"type":63,"value":651},{"type":58,"tag":459,"props":2727,"children":2728},{"style":519},[2729],{"type":63,"value":1424},{"type":58,"tag":459,"props":2731,"children":2732},{"style":483},[2733],{"type":63,"value":1375},{"type":58,"tag":459,"props":2735,"children":2736},{"class":461,"line":515},[2737,2742,2746,2751,2755,2760,2764,2768,2773],{"type":58,"tag":459,"props":2738,"children":2739},{"style":519},[2740],{"type":63,"value":2741},"  const",{"type":58,"tag":459,"props":2743,"children":2744},{"style":483},[2745],{"type":63,"value":625},{"type":58,"tag":459,"props":2747,"children":2748},{"style":472},[2749],{"type":63,"value":2750}," action",{"type":58,"tag":459,"props":2752,"children":2753},{"style":483},[2754],{"type":63,"value":603},{"type":58,"tag":459,"props":2756,"children":2757},{"style":472},[2758],{"type":63,"value":2759}," userId",{"type":58,"tag":459,"props":2761,"children":2762},{"style":483},[2763],{"type":63,"value":646},{"type":58,"tag":459,"props":2765,"children":2766},{"style":483},[2767],{"type":63,"value":1360},{"type":58,"tag":459,"props":2769,"children":2770},{"style":472},[2771],{"type":63,"value":2772}," payload",{"type":58,"tag":459,"props":2774,"children":2775},{"style":483},[2776],{"type":63,"value":502},{"type":58,"tag":459,"props":2778,"children":2779},{"class":461,"line":560},[2780,2785,2789,2794,2799,2803,2808,2812,2816],{"type":58,"tag":459,"props":2781,"children":2782},{"style":466},[2783],{"type":63,"value":2784},"  if",{"type":58,"tag":459,"props":2786,"children":2787},{"style":628},[2788],{"type":63,"value":1441},{"type":58,"tag":459,"props":2790,"children":2791},{"style":472},[2792],{"type":63,"value":2793},"action",{"type":58,"tag":459,"props":2795,"children":2796},{"style":483},[2797],{"type":63,"value":2798}," ===",{"type":58,"tag":459,"props":2800,"children":2801},{"style":483},[2802],{"type":63,"value":486},{"type":58,"tag":459,"props":2804,"children":2805},{"style":489},[2806],{"type":63,"value":2807},"Start",{"type":58,"tag":459,"props":2809,"children":2810},{"style":483},[2811],{"type":63,"value":497},{"type":58,"tag":459,"props":2813,"children":2814},{"style":628},[2815],{"type":63,"value":1473},{"type":58,"tag":459,"props":2817,"children":2818},{"style":483},[2819],{"type":63,"value":1478},{"type":58,"tag":459,"props":2821,"children":2822},{"class":461,"line":658},[2823,2827,2832,2836,2840,2844,2848,2852,2856,2861,2865,2869,2873,2878,2882],{"type":58,"tag":459,"props":2824,"children":2825},{"style":519},[2826],{"type":63,"value":1522},{"type":58,"tag":459,"props":2828,"children":2829},{"style":472},[2830],{"type":63,"value":2831}," el",{"type":58,"tag":459,"props":2833,"children":2834},{"style":483},[2835],{"type":63,"value":1360},{"type":58,"tag":459,"props":2837,"children":2838},{"style":466},[2839],{"type":63,"value":2539},{"type":58,"tag":459,"props":2841,"children":2842},{"style":472},[2843],{"type":63,"value":781},{"type":58,"tag":459,"props":2845,"children":2846},{"style":483},[2847],{"type":63,"value":542},{"type":58,"tag":459,"props":2849,"children":2850},{"style":545},[2851],{"type":63,"value":2552},{"type":58,"tag":459,"props":2853,"children":2854},{"style":628},[2855],{"type":63,"value":585},{"type":58,"tag":459,"props":2857,"children":2858},{"style":472},[2859],{"type":63,"value":2860},"userId",{"type":58,"tag":459,"props":2862,"children":2863},{"style":483},[2864],{"type":63,"value":603},{"type":58,"tag":459,"props":2866,"children":2867},{"style":472},[2868],{"type":63,"value":2436},{"type":58,"tag":459,"props":2870,"children":2871},{"style":483},[2872],{"type":63,"value":542},{"type":58,"tag":459,"props":2874,"children":2875},{"style":472},[2876],{"type":63,"value":2877},"Video_360P",{"type":58,"tag":459,"props":2879,"children":2880},{"style":628},[2881],{"type":63,"value":651},{"type":58,"tag":459,"props":2883,"children":2884},{"style":483},[2885],{"type":63,"value":502},{"type":58,"tag":459,"props":2887,"children":2888},{"class":461,"line":715},[2889,2894,2898,2902,2906,2911,2915],{"type":58,"tag":459,"props":2890,"children":2891},{"style":472},[2892],{"type":63,"value":2893},"    container",{"type":58,"tag":459,"props":2895,"children":2896},{"style":483},[2897],{"type":63,"value":542},{"type":58,"tag":459,"props":2899,"children":2900},{"style":545},[2901],{"type":63,"value":2595},{"type":58,"tag":459,"props":2903,"children":2904},{"style":628},[2905],{"type":63,"value":585},{"type":58,"tag":459,"props":2907,"children":2908},{"style":472},[2909],{"type":63,"value":2910},"el",{"type":58,"tag":459,"props":2912,"children":2913},{"style":628},[2914],{"type":63,"value":651},{"type":58,"tag":459,"props":2916,"children":2917},{"style":483},[2918],{"type":63,"value":502},{"type":58,"tag":459,"props":2920,"children":2921},{"class":461,"line":723},[2922,2926,2930],{"type":58,"tag":459,"props":2923,"children":2924},{"style":483},[2925],{"type":63,"value":1856},{"type":58,"tag":459,"props":2927,"children":2928},{"style":466},[2929],{"type":63,"value":1689},{"type":58,"tag":459,"props":2931,"children":2932},{"style":483},[2933],{"type":63,"value":1375},{"type":58,"tag":459,"props":2935,"children":2936},{"class":461,"line":733},[2937,2942,2946,2950,2954,2958,2962,2966],{"type":58,"tag":459,"props":2938,"children":2939},{"style":466},[2940],{"type":63,"value":2941},"    await",{"type":58,"tag":459,"props":2943,"children":2944},{"style":472},[2945],{"type":63,"value":781},{"type":58,"tag":459,"props":2947,"children":2948},{"style":483},[2949],{"type":63,"value":542},{"type":58,"tag":459,"props":2951,"children":2952},{"style":545},[2953],{"type":63,"value":2639},{"type":58,"tag":459,"props":2955,"children":2956},{"style":628},[2957],{"type":63,"value":585},{"type":58,"tag":459,"props":2959,"children":2960},{"style":472},[2961],{"type":63,"value":2860},{"type":58,"tag":459,"props":2963,"children":2964},{"style":628},[2965],{"type":63,"value":651},{"type":58,"tag":459,"props":2967,"children":2968},{"style":483},[2969],{"type":63,"value":502},{"type":58,"tag":459,"props":2971,"children":2972},{"class":461,"line":771},[2973],{"type":58,"tag":459,"props":2974,"children":2975},{"style":483},[2976],{"type":63,"value":2977},"  }\n",{"type":58,"tag":459,"props":2979,"children":2980},{"class":461,"line":801},[2981,2986,2990],{"type":58,"tag":459,"props":2982,"children":2983},{"style":483},[2984],{"type":63,"value":2985},"}",{"type":58,"tag":459,"props":2987,"children":2988},{"style":472},[2989],{"type":63,"value":651},{"type":58,"tag":459,"props":2991,"children":2992},{"style":483},[2993],{"type":63,"value":502},{"type":58,"tag":459,"props":2995,"children":2996},{"class":461,"line":1245},[2997],{"type":58,"tag":459,"props":2998,"children":2999},{"emptyLinePlaceholder":509},[3000],{"type":63,"value":512},{"type":58,"tag":459,"props":3002,"children":3003},{"class":461,"line":1273},[3004],{"type":58,"tag":459,"props":3005,"children":3006},{"style":727},[3007],{"type":63,"value":3008},"\u002F\u002F When participants join\u002Fleave\n",{"type":58,"tag":459,"props":3010,"children":3011},{"class":461,"line":1678},[3012,3016,3020,3024,3028,3032,3037,3041,3045,3049,3053,3057,3061,3065,3070,3074,3078],{"type":58,"tag":459,"props":3013,"children":3014},{"style":472},[3015],{"type":63,"value":2677},{"type":58,"tag":459,"props":3017,"children":3018},{"style":483},[3019],{"type":63,"value":542},{"type":58,"tag":459,"props":3021,"children":3022},{"style":545},[3023],{"type":63,"value":2686},{"type":58,"tag":459,"props":3025,"children":3026},{"style":472},[3027],{"type":63,"value":585},{"type":58,"tag":459,"props":3029,"children":3030},{"style":483},[3031],{"type":63,"value":497},{"type":58,"tag":459,"props":3033,"children":3034},{"style":489},[3035],{"type":63,"value":3036},"user-added",{"type":58,"tag":459,"props":3038,"children":3039},{"style":483},[3040],{"type":63,"value":497},{"type":58,"tag":459,"props":3042,"children":3043},{"style":483},[3044],{"type":63,"value":603},{"type":58,"tag":459,"props":3046,"children":3047},{"style":483},[3048],{"type":63,"value":1441},{"type":58,"tag":459,"props":3050,"children":3051},{"style":1352},[3052],{"type":63,"value":2721},{"type":58,"tag":459,"props":3054,"children":3055},{"style":483},[3056],{"type":63,"value":651},{"type":58,"tag":459,"props":3058,"children":3059},{"style":519},[3060],{"type":63,"value":1424},{"type":58,"tag":459,"props":3062,"children":3063},{"style":483},[3064],{"type":63,"value":625},{"type":58,"tag":459,"props":3066,"children":3067},{"style":727},[3068],{"type":63,"value":3069}," \u002F* check bVideoOn *\u002F",{"type":58,"tag":459,"props":3071,"children":3072},{"style":483},[3073],{"type":63,"value":646},{"type":58,"tag":459,"props":3075,"children":3076},{"style":472},[3077],{"type":63,"value":651},{"type":58,"tag":459,"props":3079,"children":3080},{"style":483},[3081],{"type":63,"value":502},{"type":58,"tag":459,"props":3083,"children":3084},{"class":461,"line":1746},[3085,3089,3093,3097,3101,3105,3110,3114,3118,3122,3126,3130,3134,3138,3142,3146,3150,3154,3158,3162,3166,3170,3174,3178,3182],{"type":58,"tag":459,"props":3086,"children":3087},{"style":472},[3088],{"type":63,"value":2677},{"type":58,"tag":459,"props":3090,"children":3091},{"style":483},[3092],{"type":63,"value":542},{"type":58,"tag":459,"props":3094,"children":3095},{"style":545},[3096],{"type":63,"value":2686},{"type":58,"tag":459,"props":3098,"children":3099},{"style":472},[3100],{"type":63,"value":585},{"type":58,"tag":459,"props":3102,"children":3103},{"style":483},[3104],{"type":63,"value":497},{"type":58,"tag":459,"props":3106,"children":3107},{"style":489},[3108],{"type":63,"value":3109},"user-removed",{"type":58,"tag":459,"props":3111,"children":3112},{"style":483},[3113],{"type":63,"value":497},{"type":58,"tag":459,"props":3115,"children":3116},{"style":483},[3117],{"type":63,"value":603},{"type":58,"tag":459,"props":3119,"children":3120},{"style":483},[3121],{"type":63,"value":1441},{"type":58,"tag":459,"props":3123,"children":3124},{"style":1352},[3125],{"type":63,"value":2721},{"type":58,"tag":459,"props":3127,"children":3128},{"style":483},[3129],{"type":63,"value":651},{"type":58,"tag":459,"props":3131,"children":3132},{"style":519},[3133],{"type":63,"value":1424},{"type":58,"tag":459,"props":3135,"children":3136},{"style":483},[3137],{"type":63,"value":625},{"type":58,"tag":459,"props":3139,"children":3140},{"style":472},[3141],{"type":63,"value":781},{"type":58,"tag":459,"props":3143,"children":3144},{"style":483},[3145],{"type":63,"value":542},{"type":58,"tag":459,"props":3147,"children":3148},{"style":545},[3149],{"type":63,"value":2639},{"type":58,"tag":459,"props":3151,"children":3152},{"style":628},[3153],{"type":63,"value":585},{"type":58,"tag":459,"props":3155,"children":3156},{"style":472},[3157],{"type":63,"value":2721},{"type":58,"tag":459,"props":3159,"children":3160},{"style":483},[3161],{"type":63,"value":542},{"type":58,"tag":459,"props":3163,"children":3164},{"style":472},[3165],{"type":63,"value":2860},{"type":58,"tag":459,"props":3167,"children":3168},{"style":628},[3169],{"type":63,"value":651},{"type":58,"tag":459,"props":3171,"children":3172},{"style":483},[3173],{"type":63,"value":2152},{"type":58,"tag":459,"props":3175,"children":3176},{"style":483},[3177],{"type":63,"value":646},{"type":58,"tag":459,"props":3179,"children":3180},{"style":472},[3181],{"type":63,"value":651},{"type":58,"tag":459,"props":3183,"children":3184},{"style":483},[3185],{"type":63,"value":502},{"type":58,"tag":66,"props":3187,"children":3188},{},[3189,3191,3196],{"type":63,"value":3190},"See ",{"type":58,"tag":370,"props":3192,"children":3194},{"href":3193},"web\u002Freferences\u002Fweb.md",[3195],{"type":63,"value":3193},{"type":63,"value":3197}," for complete event handling patterns.",{"type":58,"tag":86,"props":3199,"children":3201},{"id":3200},"key-concepts",[3202],{"type":63,"value":3203},"Key Concepts",{"type":58,"tag":143,"props":3205,"children":3206},{},[3207,3222],{"type":58,"tag":147,"props":3208,"children":3209},{},[3210],{"type":58,"tag":151,"props":3211,"children":3212},{},[3213,3218],{"type":58,"tag":155,"props":3214,"children":3215},{},[3216],{"type":63,"value":3217},"Concept",{"type":58,"tag":155,"props":3219,"children":3220},{},[3221],{"type":63,"value":292},{"type":58,"tag":171,"props":3223,"children":3224},{},[3225,3238,3251,3264],{"type":58,"tag":151,"props":3226,"children":3227},{},[3228,3233],{"type":58,"tag":178,"props":3229,"children":3230},{},[3231],{"type":63,"value":3232},"Session",{"type":58,"tag":178,"props":3234,"children":3235},{},[3236],{"type":63,"value":3237},"Video session (not a meeting)",{"type":58,"tag":151,"props":3239,"children":3240},{},[3241,3246],{"type":58,"tag":178,"props":3242,"children":3243},{},[3244],{"type":63,"value":3245},"Topic",{"type":58,"tag":178,"props":3247,"children":3248},{},[3249],{"type":63,"value":3250},"Session identifier (any string you choose)",{"type":58,"tag":151,"props":3252,"children":3253},{},[3254,3259],{"type":58,"tag":178,"props":3255,"children":3256},{},[3257],{"type":63,"value":3258},"Signature",{"type":58,"tag":178,"props":3260,"children":3261},{},[3262],{"type":63,"value":3263},"JWT for authorization",{"type":58,"tag":151,"props":3265,"children":3266},{},[3267,3272],{"type":58,"tag":178,"props":3268,"children":3269},{},[3270],{"type":63,"value":3271},"MediaStream",{"type":58,"tag":178,"props":3273,"children":3274},{},[3275],{"type":63,"value":3276},"Audio\u002Fvideo stream control",{"type":58,"tag":86,"props":3278,"children":3280},{"id":3279},"session-creation-model",[3281],{"type":63,"value":3282},"Session Creation Model",{"type":58,"tag":66,"props":3284,"children":3285},{},[3286,3291,3293,3298],{"type":58,"tag":192,"props":3287,"children":3288},{},[3289],{"type":63,"value":3290},"Important",{"type":63,"value":3292},": Video SDK sessions are created ",{"type":58,"tag":192,"props":3294,"children":3295},{},[3296],{"type":63,"value":3297},"just-in-time",{"type":63,"value":3299},", not in advance.",{"type":58,"tag":143,"props":3301,"children":3302},{},[3303,3322],{"type":58,"tag":147,"props":3304,"children":3305},{},[3306],{"type":58,"tag":151,"props":3307,"children":3308},{},[3309,3314,3318],{"type":58,"tag":155,"props":3310,"children":3311},{},[3312],{"type":63,"value":3313},"Aspect",{"type":58,"tag":155,"props":3315,"children":3316},{},[3317],{"type":63,"value":169},{"type":58,"tag":155,"props":3319,"children":3320},{},[3321],{"type":63,"value":164},{"type":58,"tag":171,"props":3323,"children":3324},{},[3325,3343,3361,3378],{"type":58,"tag":151,"props":3326,"children":3327},{},[3328,3333,3338],{"type":58,"tag":178,"props":3329,"children":3330},{},[3331],{"type":63,"value":3332},"Pre-creation",{"type":58,"tag":178,"props":3334,"children":3335},{},[3336],{"type":63,"value":3337},"NOT required",{"type":58,"tag":178,"props":3339,"children":3340},{},[3341],{"type":63,"value":3342},"Create meeting via API first",{"type":58,"tag":151,"props":3344,"children":3345},{},[3346,3351,3356],{"type":58,"tag":178,"props":3347,"children":3348},{},[3349],{"type":63,"value":3350},"Session start",{"type":58,"tag":178,"props":3352,"children":3353},{},[3354],{"type":63,"value":3355},"First participant joins with topic",{"type":58,"tag":178,"props":3357,"children":3358},{},[3359],{"type":63,"value":3360},"Join existing meeting ID",{"type":58,"tag":151,"props":3362,"children":3363},{},[3364,3368,3373],{"type":58,"tag":178,"props":3365,"children":3366},{},[3367],{"type":63,"value":3245},{"type":58,"tag":178,"props":3369,"children":3370},{},[3371],{"type":63,"value":3372},"Any string (you define it)",{"type":58,"tag":178,"props":3374,"children":3375},{},[3376],{"type":63,"value":3377},"Meeting ID from API",{"type":58,"tag":151,"props":3379,"children":3380},{},[3381,3386,3391],{"type":58,"tag":178,"props":3382,"children":3383},{},[3384],{"type":63,"value":3385},"Scheduling",{"type":58,"tag":178,"props":3387,"children":3388},{},[3389],{"type":63,"value":3390},"N\u002FA - sessions are ad-hoc",{"type":58,"tag":178,"props":3392,"children":3393},{},[3394],{"type":63,"value":3395},"Meetings can be scheduled",{"type":58,"tag":441,"props":3397,"children":3399},{"id":3398},"how-sessions-work",[3400],{"type":63,"value":3401},"How Sessions Work",{"type":58,"tag":3403,"props":3404,"children":3405},"ol",{},[3406,3416,3434,3444],{"type":58,"tag":97,"props":3407,"children":3408},{},[3409,3414],{"type":58,"tag":192,"props":3410,"children":3411},{},[3412],{"type":63,"value":3413},"No pre-creation needed",{"type":63,"value":3415},": Sessions don't exist until someone joins",{"type":58,"tag":97,"props":3417,"children":3418},{},[3419,3424,3426,3432],{"type":58,"tag":192,"props":3420,"children":3421},{},[3422],{"type":63,"value":3423},"Topic = Session ID",{"type":63,"value":3425},": Any participants joining with the same ",{"type":58,"tag":72,"props":3427,"children":3429},{"className":3428},[],[3430],{"type":63,"value":3431},"topic",{"type":63,"value":3433}," string join the same session",{"type":58,"tag":97,"props":3435,"children":3436},{},[3437,3442],{"type":58,"tag":192,"props":3438,"children":3439},{},[3440],{"type":63,"value":3441},"First join creates it",{"type":63,"value":3443},": The session is created when the first participant joins",{"type":58,"tag":97,"props":3445,"children":3446},{},[3447,3452],{"type":58,"tag":192,"props":3448,"children":3449},{},[3450],{"type":63,"value":3451},"No meeting ID",{"type":63,"value":3453},": There's no numeric meeting ID like in Zoom Meetings",{"type":58,"tag":448,"props":3455,"children":3457},{"className":450,"code":3456,"language":452,"meta":453,"style":453},"\u002F\u002F Session is created on-the-fly when first user joins\n\u002F\u002F Any string can be the topic - it becomes the session identifier\nawait client.join('my-custom-session-123', signature, 'User Name');\n\n\u002F\u002F Other participants join the SAME session by using the SAME topic\nawait client.join('my-custom-session-123', signature, 'Another User');\n",[3458],{"type":58,"tag":72,"props":3459,"children":3460},{"__ignoreMap":453},[3461,3469,3477,3546,3553,3561],{"type":58,"tag":459,"props":3462,"children":3463},{"class":461,"line":462},[3464],{"type":58,"tag":459,"props":3465,"children":3466},{"style":727},[3467],{"type":63,"value":3468},"\u002F\u002F Session is created on-the-fly when first user joins\n",{"type":58,"tag":459,"props":3470,"children":3471},{"class":461,"line":505},[3472],{"type":58,"tag":459,"props":3473,"children":3474},{"style":727},[3475],{"type":63,"value":3476},"\u002F\u002F Any string can be the topic - it becomes the session identifier\n",{"type":58,"tag":459,"props":3478,"children":3479},{"class":461,"line":515},[3480,3484,3488,3492,3496,3500,3504,3509,3513,3517,3521,3525,3529,3534,3538,3542],{"type":58,"tag":459,"props":3481,"children":3482},{"style":466},[3483],{"type":63,"value":566},{"type":58,"tag":459,"props":3485,"children":3486},{"style":472},[3487],{"type":63,"value":571},{"type":58,"tag":459,"props":3489,"children":3490},{"style":483},[3491],{"type":63,"value":542},{"type":58,"tag":459,"props":3493,"children":3494},{"style":545},[3495],{"type":63,"value":676},{"type":58,"tag":459,"props":3497,"children":3498},{"style":472},[3499],{"type":63,"value":585},{"type":58,"tag":459,"props":3501,"children":3502},{"style":483},[3503],{"type":63,"value":497},{"type":58,"tag":459,"props":3505,"children":3506},{"style":489},[3507],{"type":63,"value":3508},"my-custom-session-123",{"type":58,"tag":459,"props":3510,"children":3511},{"style":483},[3512],{"type":63,"value":497},{"type":58,"tag":459,"props":3514,"children":3515},{"style":483},[3516],{"type":63,"value":603},{"type":58,"tag":459,"props":3518,"children":3519},{"style":472},[3520],{"type":63,"value":690},{"type":58,"tag":459,"props":3522,"children":3523},{"style":483},[3524],{"type":63,"value":603},{"type":58,"tag":459,"props":3526,"children":3527},{"style":483},[3528],{"type":63,"value":486},{"type":58,"tag":459,"props":3530,"children":3531},{"style":489},[3532],{"type":63,"value":3533},"User Name",{"type":58,"tag":459,"props":3535,"children":3536},{"style":483},[3537],{"type":63,"value":497},{"type":58,"tag":459,"props":3539,"children":3540},{"style":472},[3541],{"type":63,"value":651},{"type":58,"tag":459,"props":3543,"children":3544},{"style":483},[3545],{"type":63,"value":502},{"type":58,"tag":459,"props":3547,"children":3548},{"class":461,"line":560},[3549],{"type":58,"tag":459,"props":3550,"children":3551},{"emptyLinePlaceholder":509},[3552],{"type":63,"value":512},{"type":58,"tag":459,"props":3554,"children":3555},{"class":461,"line":658},[3556],{"type":58,"tag":459,"props":3557,"children":3558},{"style":727},[3559],{"type":63,"value":3560},"\u002F\u002F Other participants join the SAME session by using the SAME topic\n",{"type":58,"tag":459,"props":3562,"children":3563},{"class":461,"line":715},[3564,3568,3572,3576,3580,3584,3588,3592,3596,3600,3604,3608,3612,3617,3621,3625],{"type":58,"tag":459,"props":3565,"children":3566},{"style":466},[3567],{"type":63,"value":566},{"type":58,"tag":459,"props":3569,"children":3570},{"style":472},[3571],{"type":63,"value":571},{"type":58,"tag":459,"props":3573,"children":3574},{"style":483},[3575],{"type":63,"value":542},{"type":58,"tag":459,"props":3577,"children":3578},{"style":545},[3579],{"type":63,"value":676},{"type":58,"tag":459,"props":3581,"children":3582},{"style":472},[3583],{"type":63,"value":585},{"type":58,"tag":459,"props":3585,"children":3586},{"style":483},[3587],{"type":63,"value":497},{"type":58,"tag":459,"props":3589,"children":3590},{"style":489},[3591],{"type":63,"value":3508},{"type":58,"tag":459,"props":3593,"children":3594},{"style":483},[3595],{"type":63,"value":497},{"type":58,"tag":459,"props":3597,"children":3598},{"style":483},[3599],{"type":63,"value":603},{"type":58,"tag":459,"props":3601,"children":3602},{"style":472},[3603],{"type":63,"value":690},{"type":58,"tag":459,"props":3605,"children":3606},{"style":483},[3607],{"type":63,"value":603},{"type":58,"tag":459,"props":3609,"children":3610},{"style":483},[3611],{"type":63,"value":486},{"type":58,"tag":459,"props":3613,"children":3614},{"style":489},[3615],{"type":63,"value":3616},"Another User",{"type":58,"tag":459,"props":3618,"children":3619},{"style":483},[3620],{"type":63,"value":497},{"type":58,"tag":459,"props":3622,"children":3623},{"style":472},[3624],{"type":63,"value":651},{"type":58,"tag":459,"props":3626,"children":3627},{"style":483},[3628],{"type":63,"value":502},{"type":58,"tag":441,"props":3630,"children":3632},{"id":3631},"signature-endpoint-setup",[3633],{"type":63,"value":3634},"Signature Endpoint Setup",{"type":58,"tag":66,"props":3636,"children":3637},{},[3638],{"type":63,"value":3639},"The signature endpoint must be accessible from your frontend without CORS issues.",{"type":58,"tag":66,"props":3641,"children":3642},{},[3643],{"type":58,"tag":192,"props":3644,"children":3645},{},[3646],{"type":63,"value":3647},"Option 1: Same-Origin Proxy (Recommended)",{"type":58,"tag":448,"props":3649,"children":3653},{"className":3650,"code":3651,"language":3652,"meta":453,"style":453},"language-nginx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","# Nginx config\nlocation \u002Fapi\u002F {\n    proxy_pass http:\u002F\u002FYOUR_BACKEND_HOST:3005\u002Fapi\u002F;\n    proxy_http_version 1.1;\n    proxy_set_header Host $host;\n}\n","nginx",[3654],{"type":58,"tag":72,"props":3655,"children":3656},{"__ignoreMap":453},[3657,3665,3673,3681,3689,3697],{"type":58,"tag":459,"props":3658,"children":3659},{"class":461,"line":462},[3660],{"type":58,"tag":459,"props":3661,"children":3662},{},[3663],{"type":63,"value":3664},"# Nginx config\n",{"type":58,"tag":459,"props":3666,"children":3667},{"class":461,"line":505},[3668],{"type":58,"tag":459,"props":3669,"children":3670},{},[3671],{"type":63,"value":3672},"location \u002Fapi\u002F {\n",{"type":58,"tag":459,"props":3674,"children":3675},{"class":461,"line":515},[3676],{"type":58,"tag":459,"props":3677,"children":3678},{},[3679],{"type":63,"value":3680},"    proxy_pass http:\u002F\u002FYOUR_BACKEND_HOST:3005\u002Fapi\u002F;\n",{"type":58,"tag":459,"props":3682,"children":3683},{"class":461,"line":560},[3684],{"type":58,"tag":459,"props":3685,"children":3686},{},[3687],{"type":63,"value":3688},"    proxy_http_version 1.1;\n",{"type":58,"tag":459,"props":3690,"children":3691},{"class":461,"line":658},[3692],{"type":58,"tag":459,"props":3693,"children":3694},{},[3695],{"type":63,"value":3696},"    proxy_set_header Host $host;\n",{"type":58,"tag":459,"props":3698,"children":3699},{"class":461,"line":715},[3700],{"type":58,"tag":459,"props":3701,"children":3702},{},[3703],{"type":63,"value":1873},{"type":58,"tag":448,"props":3705,"children":3707},{"className":450,"code":3706,"language":452,"meta":453,"style":453},"\u002F\u002F Frontend uses relative URL (same origin)\nconst response = await fetch('\u002Fapi\u002Fsignature', { ... });\n",[3708],{"type":58,"tag":72,"props":3709,"children":3710},{"__ignoreMap":453},[3711,3719],{"type":58,"tag":459,"props":3712,"children":3713},{"class":461,"line":462},[3714],{"type":58,"tag":459,"props":3715,"children":3716},{"style":727},[3717],{"type":63,"value":3718},"\u002F\u002F Frontend uses relative URL (same origin)\n",{"type":58,"tag":459,"props":3720,"children":3721},{"class":461,"line":505},[3722,3726,3731,3735,3739,3744,3748,3752,3757,3761,3765,3769,3774,3778,3782],{"type":58,"tag":459,"props":3723,"children":3724},{"style":519},[3725],{"type":63,"value":522},{"type":58,"tag":459,"props":3727,"children":3728},{"style":472},[3729],{"type":63,"value":3730}," response ",{"type":58,"tag":459,"props":3732,"children":3733},{"style":483},[3734],{"type":63,"value":532},{"type":58,"tag":459,"props":3736,"children":3737},{"style":466},[3738],{"type":63,"value":2539},{"type":58,"tag":459,"props":3740,"children":3741},{"style":545},[3742],{"type":63,"value":3743}," fetch",{"type":58,"tag":459,"props":3745,"children":3746},{"style":472},[3747],{"type":63,"value":585},{"type":58,"tag":459,"props":3749,"children":3750},{"style":483},[3751],{"type":63,"value":497},{"type":58,"tag":459,"props":3753,"children":3754},{"style":489},[3755],{"type":63,"value":3756},"\u002Fapi\u002Fsignature",{"type":58,"tag":459,"props":3758,"children":3759},{"style":483},[3760],{"type":63,"value":497},{"type":58,"tag":459,"props":3762,"children":3763},{"style":483},[3764],{"type":63,"value":603},{"type":58,"tag":459,"props":3766,"children":3767},{"style":483},[3768],{"type":63,"value":625},{"type":58,"tag":459,"props":3770,"children":3771},{"style":483},[3772],{"type":63,"value":3773}," ...",{"type":58,"tag":459,"props":3775,"children":3776},{"style":483},[3777],{"type":63,"value":646},{"type":58,"tag":459,"props":3779,"children":3780},{"style":472},[3781],{"type":63,"value":651},{"type":58,"tag":459,"props":3783,"children":3784},{"style":483},[3785],{"type":63,"value":502},{"type":58,"tag":66,"props":3787,"children":3788},{},[3789],{"type":58,"tag":192,"props":3790,"children":3791},{},[3792],{"type":63,"value":3793},"Option 2: CORS Configuration",{"type":58,"tag":448,"props":3795,"children":3797},{"className":450,"code":3796,"language":452,"meta":453,"style":453},"\u002F\u002F Express.js backend\nconst cors = require('cors');\napp.use(cors({\n  origin: ['https:\u002F\u002Fyour-domain.com'],\n  credentials: true\n}));\n",[3798],{"type":58,"tag":72,"props":3799,"children":3800},{"__ignoreMap":453},[3801,3809,3855,3888,3928,3945],{"type":58,"tag":459,"props":3802,"children":3803},{"class":461,"line":462},[3804],{"type":58,"tag":459,"props":3805,"children":3806},{"style":727},[3807],{"type":63,"value":3808},"\u002F\u002F Express.js backend\n",{"type":58,"tag":459,"props":3810,"children":3811},{"class":461,"line":505},[3812,3816,3821,3825,3830,3834,3838,3843,3847,3851],{"type":58,"tag":459,"props":3813,"children":3814},{"style":519},[3815],{"type":63,"value":522},{"type":58,"tag":459,"props":3817,"children":3818},{"style":472},[3819],{"type":63,"value":3820}," cors ",{"type":58,"tag":459,"props":3822,"children":3823},{"style":483},[3824],{"type":63,"value":532},{"type":58,"tag":459,"props":3826,"children":3827},{"style":545},[3828],{"type":63,"value":3829}," require",{"type":58,"tag":459,"props":3831,"children":3832},{"style":472},[3833],{"type":63,"value":585},{"type":58,"tag":459,"props":3835,"children":3836},{"style":483},[3837],{"type":63,"value":497},{"type":58,"tag":459,"props":3839,"children":3840},{"style":489},[3841],{"type":63,"value":3842},"cors",{"type":58,"tag":459,"props":3844,"children":3845},{"style":483},[3846],{"type":63,"value":497},{"type":58,"tag":459,"props":3848,"children":3849},{"style":472},[3850],{"type":63,"value":651},{"type":58,"tag":459,"props":3852,"children":3853},{"style":483},[3854],{"type":63,"value":502},{"type":58,"tag":459,"props":3856,"children":3857},{"class":461,"line":515},[3858,3863,3867,3872,3876,3880,3884],{"type":58,"tag":459,"props":3859,"children":3860},{"style":472},[3861],{"type":63,"value":3862},"app",{"type":58,"tag":459,"props":3864,"children":3865},{"style":483},[3866],{"type":63,"value":542},{"type":58,"tag":459,"props":3868,"children":3869},{"style":545},[3870],{"type":63,"value":3871},"use",{"type":58,"tag":459,"props":3873,"children":3874},{"style":472},[3875],{"type":63,"value":585},{"type":58,"tag":459,"props":3877,"children":3878},{"style":545},[3879],{"type":63,"value":3842},{"type":58,"tag":459,"props":3881,"children":3882},{"style":472},[3883],{"type":63,"value":585},{"type":58,"tag":459,"props":3885,"children":3886},{"style":483},[3887],{"type":63,"value":1478},{"type":58,"tag":459,"props":3889,"children":3890},{"class":461,"line":560},[3891,3896,3900,3905,3909,3914,3918,3923],{"type":58,"tag":459,"props":3892,"children":3893},{"style":628},[3894],{"type":63,"value":3895},"  origin",{"type":58,"tag":459,"props":3897,"children":3898},{"style":483},[3899],{"type":63,"value":273},{"type":58,"tag":459,"props":3901,"children":3902},{"style":472},[3903],{"type":63,"value":3904}," [",{"type":58,"tag":459,"props":3906,"children":3907},{"style":483},[3908],{"type":63,"value":497},{"type":58,"tag":459,"props":3910,"children":3911},{"style":489},[3912],{"type":63,"value":3913},"https:\u002F\u002Fyour-domain.com",{"type":58,"tag":459,"props":3915,"children":3916},{"style":483},[3917],{"type":63,"value":497},{"type":58,"tag":459,"props":3919,"children":3920},{"style":472},[3921],{"type":63,"value":3922},"]",{"type":58,"tag":459,"props":3924,"children":3925},{"style":483},[3926],{"type":63,"value":3927},",\n",{"type":58,"tag":459,"props":3929,"children":3930},{"class":461,"line":658},[3931,3936,3940],{"type":58,"tag":459,"props":3932,"children":3933},{"style":628},[3934],{"type":63,"value":3935},"  credentials",{"type":58,"tag":459,"props":3937,"children":3938},{"style":483},[3939],{"type":63,"value":273},{"type":58,"tag":459,"props":3941,"children":3942},{"style":638},[3943],{"type":63,"value":3944}," true\n",{"type":58,"tag":459,"props":3946,"children":3947},{"class":461,"line":715},[3948,3952,3956],{"type":58,"tag":459,"props":3949,"children":3950},{"style":483},[3951],{"type":63,"value":2985},{"type":58,"tag":459,"props":3953,"children":3954},{"style":472},[3955],{"type":63,"value":1812},{"type":58,"tag":459,"props":3957,"children":3958},{"style":483},[3959],{"type":63,"value":502},{"type":58,"tag":66,"props":3961,"children":3962},{},[3963,3968],{"type":58,"tag":192,"props":3964,"children":3965},{},[3966],{"type":63,"value":3967},"WARNING:",{"type":63,"value":3969}," Mixed content (HTTPS page → HTTP API) will be blocked by browsers.",{"type":58,"tag":86,"props":3971,"children":3973},{"id":3972},"use-cases",[3974],{"type":63,"value":3975},"Use Cases",{"type":58,"tag":143,"props":3977,"children":3978},{},[3979,3994],{"type":58,"tag":147,"props":3980,"children":3981},{},[3982],{"type":58,"tag":151,"props":3983,"children":3984},{},[3985,3990],{"type":58,"tag":155,"props":3986,"children":3987},{},[3988],{"type":63,"value":3989},"Use Case",{"type":58,"tag":155,"props":3991,"children":3992},{},[3993],{"type":63,"value":292},{"type":58,"tag":171,"props":3995,"children":3996},{},[3997],{"type":58,"tag":151,"props":3998,"children":3999},{},[4000,4009],{"type":58,"tag":178,"props":4001,"children":4002},{},[4003],{"type":58,"tag":370,"props":4004,"children":4006},{"href":4005},"..\u002Fgeneral\u002Fuse-cases\u002Fvideo-sdk-bring-your-own-storage.md",[4007],{"type":63,"value":4008},"Video SDK BYOS (Bring Your Own Storage)",{"type":58,"tag":178,"props":4010,"children":4011},{},[4012],{"type":63,"value":4013},"Save recordings directly to your S3 bucket",{"type":58,"tag":86,"props":4015,"children":4017},{"id":4016},"byos-bring-your-own-storage",[4018],{"type":63,"value":4019},"BYOS (Bring Your Own Storage)",{"type":58,"tag":66,"props":4021,"children":4022},{},[4023,4025,4030],{"type":63,"value":4024},"Video SDK feature - Zoom saves cloud recordings ",{"type":58,"tag":192,"props":4026,"children":4027},{},[4028],{"type":63,"value":4029},"directly",{"type":63,"value":4031}," to your Amazon S3 bucket. No downloading required.",{"type":58,"tag":353,"props":4033,"children":4034},{},[4035],{"type":58,"tag":66,"props":4036,"children":4037},{},[4038,4043,4045],{"type":58,"tag":192,"props":4039,"children":4040},{},[4041],{"type":63,"value":4042},"Official docs:",{"type":63,"value":4044}," ",{"type":58,"tag":370,"props":4046,"children":4050},{"href":4047,"rel":4048},"https:\u002F\u002Fdevelopers.zoom.us\u002Fdocs\u002Fbuild\u002Fstorage\u002F",[4049],"nofollow",[4051],{"type":63,"value":4047},{"type":58,"tag":66,"props":4053,"children":4054},{},[4055],{"type":58,"tag":192,"props":4056,"children":4057},{},[4058],{"type":63,"value":4059},"Prerequisites:",{"type":58,"tag":93,"props":4061,"children":4062},{},[4063,4068],{"type":58,"tag":97,"props":4064,"children":4065},{},[4066],{"type":63,"value":4067},"Video SDK account with Cloud Recording add-on (Universal Credit includes this)",{"type":58,"tag":97,"props":4069,"children":4070},{},[4071],{"type":63,"value":4072},"AWS S3 bucket",{"type":58,"tag":66,"props":4074,"children":4075},{},[4076],{"type":58,"tag":192,"props":4077,"children":4078},{},[4079],{"type":63,"value":4080},"Authentication options:",{"type":58,"tag":3403,"props":4082,"children":4083},{},[4084,4094],{"type":58,"tag":97,"props":4085,"children":4086},{},[4087,4092],{"type":58,"tag":192,"props":4088,"children":4089},{},[4090],{"type":63,"value":4091},"AWS Access Key",{"type":63,"value":4093}," - simpler setup",{"type":58,"tag":97,"props":4095,"children":4096},{},[4097,4102],{"type":58,"tag":192,"props":4098,"children":4099},{},[4100],{"type":63,"value":4101},"Cross Account Access",{"type":63,"value":4103}," - more secure (IAM role assumption)",{"type":58,"tag":66,"props":4105,"children":4106},{},[4107],{"type":58,"tag":192,"props":4108,"children":4109},{},[4110],{"type":63,"value":4111},"S3 path structure:",{"type":58,"tag":448,"props":4113,"children":4116},{"className":4114,"code":4115,"language":63},[1993],"Buckets\u002F{bucketName}\u002Fcmr\u002Fbyos\u002F{YYYY}\u002F{MM}\u002F{DD}\u002F{GUID}\u002Fcmr_byos\u002F\n",[4117],{"type":58,"tag":72,"props":4118,"children":4119},{"__ignoreMap":453},[4120],{"type":63,"value":4115},{"type":58,"tag":66,"props":4122,"children":4123},{},[4124],{"type":58,"tag":192,"props":4125,"children":4126},{},[4127],{"type":63,"value":4128},"Key benefits:",{"type":58,"tag":93,"props":4130,"children":4131},{},[4132,4137,4142],{"type":58,"tag":97,"props":4133,"children":4134},{},[4135],{"type":63,"value":4136},"Zero download bandwidth costs",{"type":58,"tag":97,"props":4138,"children":4139},{},[4140],{"type":63,"value":4141},"Direct storage during recording",{"type":58,"tag":97,"props":4143,"children":4144},{},[4145],{"type":63,"value":4146},"Config-only setup (no webhook\u002Fdownload code needed)",{"type":58,"tag":66,"props":4148,"children":4149},{},[4150,4155],{"type":58,"tag":192,"props":4151,"children":4152},{},[4153],{"type":63,"value":4154},"Setup location:",{"type":63,"value":4156}," Developer Portal → Account Settings → General → Communications Content Storage Location",{"type":58,"tag":66,"props":4158,"children":4159},{},[4160,4161,4168],{"type":63,"value":3190},{"type":58,"tag":192,"props":4162,"children":4163},{},[4164],{"type":58,"tag":370,"props":4165,"children":4166},{"href":4005},[4167],{"type":63,"value":4005},{"type":63,"value":4169}," for complete setup guide.",{"type":58,"tag":86,"props":4171,"children":4173},{"id":4172},"detailed-references",[4174],{"type":63,"value":4175},"Detailed References",{"type":58,"tag":441,"props":4177,"children":4179},{"id":4178},"ui-components",[4180],{"type":63,"value":4181},"UI & Components",{"type":58,"tag":93,"props":4183,"children":4184},{},[4185,4198,4211,4224,4237],{"type":58,"tag":97,"props":4186,"children":4187},{},[4188,4196],{"type":58,"tag":192,"props":4189,"children":4190},{},[4191],{"type":58,"tag":370,"props":4192,"children":4194},{"href":4193},"references\u002Fui-toolkit.md",[4195],{"type":63,"value":4193},{"type":63,"value":4197}," - Pre-built UI components (Web)",{"type":58,"tag":97,"props":4199,"children":4200},{},[4201,4209],{"type":58,"tag":192,"props":4202,"children":4203},{},[4204],{"type":58,"tag":370,"props":4205,"children":4207},{"href":4206},"references\u002Ftriage-intake.md",[4208],{"type":63,"value":4206},{"type":63,"value":4210}," - What to ask first (turn vague reports into answers)",{"type":58,"tag":97,"props":4212,"children":4213},{},[4214,4222],{"type":58,"tag":192,"props":4215,"children":4216},{},[4217],{"type":58,"tag":370,"props":4218,"children":4220},{"href":4219},"references\u002Fsession-lifecycle.md",[4221],{"type":63,"value":4219},{"type":63,"value":4223}," - Correct API ordering + event-driven rendering",{"type":58,"tag":97,"props":4225,"children":4226},{},[4227,4235],{"type":58,"tag":192,"props":4228,"children":4229},{},[4230],{"type":58,"tag":370,"props":4231,"children":4233},{"href":4232},"references\u002Flicensing-and-entitlements.md",[4234],{"type":63,"value":4232},{"type":63,"value":4236}," - License\u002Fadmin prerequisites",{"type":58,"tag":97,"props":4238,"children":4239},{},[4240,4248],{"type":58,"tag":192,"props":4241,"children":4242},{},[4243],{"type":58,"tag":370,"props":4244,"children":4246},{"href":4245},"references\u002Ftoken-contract-test-spec.md",[4247],{"type":63,"value":4245},{"type":63,"value":4249}," - Shared backend token contract and cross-platform smoke test",{"type":58,"tag":441,"props":4251,"children":4253},{"id":4252},"platform-guides",[4254],{"type":63,"value":4255},"Platform Guides",{"type":58,"tag":93,"props":4257,"children":4258},{},[4259,4272,4326,4367,4407,4420,4433,4446,4459,4472,4485,4498,4511,4524,4537],{"type":58,"tag":97,"props":4260,"children":4261},{},[4262,4270],{"type":58,"tag":192,"props":4263,"children":4264},{},[4265],{"type":58,"tag":370,"props":4266,"children":4268},{"href":4267},"references\u002Fauthorization.md",[4269],{"type":63,"value":4267},{"type":63,"value":4271}," - Video SDK JWT generation",{"type":58,"tag":97,"props":4273,"children":4274},{},[4275,4283,4285],{"type":58,"tag":192,"props":4276,"children":4277},{},[4278],{"type":58,"tag":370,"props":4279,"children":4281},{"href":4280},"web\u002FSKILL.md",[4282],{"type":63,"value":4280},{"type":63,"value":4284}," - Web Video SDK (JavaScript\u002FTypeScript)\n",{"type":58,"tag":93,"props":4286,"children":4287},{},[4288,4300,4313],{"type":58,"tag":97,"props":4289,"children":4290},{},[4291,4298],{"type":58,"tag":192,"props":4292,"children":4293},{},[4294],{"type":58,"tag":370,"props":4295,"children":4296},{"href":4280},[4297],{"type":63,"value":4280},{"type":63,"value":4299}," - Complete documentation navigation",{"type":58,"tag":97,"props":4301,"children":4302},{},[4303,4311],{"type":58,"tag":192,"props":4304,"children":4305},{},[4306],{"type":58,"tag":370,"props":4307,"children":4309},{"href":4308},"web\u002Fexamples\u002Freact-hooks.md",[4310],{"type":63,"value":4308},{"type":63,"value":4312}," - Official React hooks library",{"type":58,"tag":97,"props":4314,"children":4315},{},[4316,4324],{"type":58,"tag":192,"props":4317,"children":4318},{},[4319],{"type":58,"tag":370,"props":4320,"children":4322},{"href":4321},"web\u002Fexamples\u002Fframework-integrations.md",[4323],{"type":63,"value":4321},{"type":63,"value":4325}," - Next.js, Vue\u002FNuxt patterns",{"type":58,"tag":97,"props":4327,"children":4328},{},[4329,4337,4339],{"type":58,"tag":192,"props":4330,"children":4331},{},[4332],{"type":58,"tag":370,"props":4333,"children":4335},{"href":4334},"react-native\u002FSKILL.md",[4336],{"type":63,"value":4334},{"type":63,"value":4338}," - React Native Video SDK (mobile wrapper, helper\u002Fevent architecture)\n",{"type":58,"tag":93,"props":4340,"children":4341},{},[4342,4354],{"type":58,"tag":97,"props":4343,"children":4344},{},[4345,4352],{"type":58,"tag":192,"props":4346,"children":4347},{},[4348],{"type":58,"tag":370,"props":4349,"children":4350},{"href":4334},[4351],{"type":63,"value":4334},{"type":63,"value":4353}," - React Native documentation navigation",{"type":58,"tag":97,"props":4355,"children":4356},{},[4357,4365],{"type":58,"tag":192,"props":4358,"children":4359},{},[4360],{"type":58,"tag":370,"props":4361,"children":4363},{"href":4362},"react-native\u002Fexamples\u002Fsession-join-pattern.md",[4364],{"type":63,"value":4362},{"type":63,"value":4366}," - Tokenized session join flow",{"type":58,"tag":97,"props":4368,"children":4369},{},[4370,4378,4380],{"type":58,"tag":192,"props":4371,"children":4372},{},[4373],{"type":58,"tag":370,"props":4374,"children":4376},{"href":4375},"flutter\u002FSKILL.md",[4377],{"type":63,"value":4375},{"type":63,"value":4379}," - Flutter Video SDK (mobile wrapper, event-driven architecture)\n",{"type":58,"tag":93,"props":4381,"children":4382},{},[4383,4395],{"type":58,"tag":97,"props":4384,"children":4385},{},[4386,4393],{"type":58,"tag":192,"props":4387,"children":4388},{},[4389],{"type":58,"tag":370,"props":4390,"children":4391},{"href":4375},[4392],{"type":63,"value":4375},{"type":63,"value":4394}," - Flutter documentation navigation",{"type":58,"tag":97,"props":4396,"children":4397},{},[4398,4406],{"type":58,"tag":192,"props":4399,"children":4400},{},[4401],{"type":58,"tag":370,"props":4402,"children":4404},{"href":4403},"flutter\u002Fexamples\u002Fsession-join-pattern.md",[4405],{"type":63,"value":4403},{"type":63,"value":4366},{"type":58,"tag":97,"props":4408,"children":4409},{},[4410,4418],{"type":58,"tag":192,"props":4411,"children":4412},{},[4413],{"type":58,"tag":370,"props":4414,"children":4416},{"href":4415},"android\u002FSKILL.md",[4417],{"type":63,"value":4415},{"type":63,"value":4419}," - Android Video SDK (native mobile custom UI, tokenized sessions)",{"type":58,"tag":97,"props":4421,"children":4422},{},[4423,4431],{"type":58,"tag":192,"props":4424,"children":4425},{},[4426],{"type":58,"tag":370,"props":4427,"children":4429},{"href":4428},"ios\u002FSKILL.md",[4430],{"type":63,"value":4428},{"type":63,"value":4432}," - iOS Video SDK (native mobile custom UI, delegate-driven lifecycle)",{"type":58,"tag":97,"props":4434,"children":4435},{},[4436,4444],{"type":58,"tag":192,"props":4437,"children":4438},{},[4439],{"type":58,"tag":370,"props":4440,"children":4442},{"href":4441},"macos\u002FSKILL.md",[4443],{"type":63,"value":4441},{"type":63,"value":4445}," - macOS Video SDK (desktop native apps, custom session windows)",{"type":58,"tag":97,"props":4447,"children":4448},{},[4449,4457],{"type":58,"tag":192,"props":4450,"children":4451},{},[4452],{"type":58,"tag":370,"props":4453,"children":4455},{"href":4454},"unity\u002FSKILL.md",[4456],{"type":63,"value":4454},{"type":63,"value":4458}," - Unity Video SDK wrapper (game-engine integration, scene-driven UX)",{"type":58,"tag":97,"props":4460,"children":4461},{},[4462,4470],{"type":58,"tag":192,"props":4463,"children":4464},{},[4465],{"type":58,"tag":370,"props":4466,"children":4468},{"href":4467},"linux\u002FSKILL.md",[4469],{"type":63,"value":4467},{"type":63,"value":4471}," - Linux Video SDK overview (C++ headless bots)",{"type":58,"tag":97,"props":4473,"children":4474},{},[4475,4483],{"type":58,"tag":192,"props":4476,"children":4477},{},[4478],{"type":58,"tag":370,"props":4479,"children":4481},{"href":4480},"linux\u002Flinux.md",[4482],{"type":63,"value":4480},{"type":63,"value":4484}," - Linux C++ SDK (headless bots, raw media capture\u002Finjection)",{"type":58,"tag":97,"props":4486,"children":4487},{},[4488,4496],{"type":58,"tag":192,"props":4489,"children":4490},{},[4491],{"type":58,"tag":370,"props":4492,"children":4494},{"href":4493},"linux\u002Freferences\u002Flinux-reference.md",[4495],{"type":63,"value":4493},{"type":63,"value":4497}," - Linux API Reference",{"type":58,"tag":97,"props":4499,"children":4500},{},[4501,4509],{"type":58,"tag":192,"props":4502,"children":4503},{},[4504],{"type":58,"tag":370,"props":4505,"children":4507},{"href":4506},"windows\u002FSKILL.md",[4508],{"type":63,"value":4506},{"type":63,"value":4510}," - Windows C++ SDK (desktop applications, raw media capture\u002Finjection)",{"type":58,"tag":97,"props":4512,"children":4513},{},[4514,4522],{"type":58,"tag":192,"props":4515,"children":4516},{},[4517],{"type":58,"tag":370,"props":4518,"children":4520},{"href":4519},"windows\u002Freferences\u002Fwindows-reference.md",[4521],{"type":63,"value":4519},{"type":63,"value":4523}," - Windows API Reference",{"type":58,"tag":97,"props":4525,"children":4526},{},[4527,4535],{"type":58,"tag":192,"props":4528,"children":4529},{},[4530],{"type":58,"tag":370,"props":4531,"children":4533},{"href":4532},"references\u002Ftroubleshooting.md",[4534],{"type":63,"value":4532},{"type":63,"value":4536}," - Common issues and solutions",{"type":58,"tag":97,"props":4538,"children":4539},{},[4540,4548],{"type":58,"tag":192,"props":4541,"children":4542},{},[4543],{"type":58,"tag":370,"props":4544,"children":4546},{"href":4545},"references\u002Fforum-top-questions.md",[4547],{"type":63,"value":4545},{"type":63,"value":4549}," - Common forum question patterns (what to cover)",{"type":58,"tag":86,"props":4551,"children":4553},{"id":4552},"sample-repositories",[4554],{"type":63,"value":4555},"Sample Repositories",{"type":58,"tag":441,"props":4557,"children":4559},{"id":4558},"official-by-zoom",[4560],{"type":63,"value":4561},"Official (by Zoom)",{"type":58,"tag":143,"props":4563,"children":4564},{},[4565,4586],{"type":58,"tag":147,"props":4566,"children":4567},{},[4568],{"type":58,"tag":151,"props":4569,"children":4570},{},[4571,4576,4581],{"type":58,"tag":155,"props":4572,"children":4573},{},[4574],{"type":63,"value":4575},"Type",{"type":58,"tag":155,"props":4577,"children":4578},{},[4579],{"type":63,"value":4580},"Repository",{"type":58,"tag":155,"props":4582,"children":4583},{},[4584],{"type":63,"value":4585},"Stars",{"type":58,"tag":171,"props":4587,"children":4588},{},[4589,4612,4635,4658,4681,4703,4726,4749],{"type":58,"tag":151,"props":4590,"children":4591},{},[4592,4597,4607],{"type":58,"tag":178,"props":4593,"children":4594},{},[4595],{"type":63,"value":4596},"Web",{"type":58,"tag":178,"props":4598,"children":4599},{},[4600],{"type":58,"tag":370,"props":4601,"children":4604},{"href":4602,"rel":4603},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-web-sample",[4049],[4605],{"type":63,"value":4606},"videosdk-web-sample",{"type":58,"tag":178,"props":4608,"children":4609},{},[4610],{"type":63,"value":4611},"137",{"type":58,"tag":151,"props":4613,"children":4614},{},[4615,4620,4630],{"type":58,"tag":178,"props":4616,"children":4617},{},[4618],{"type":63,"value":4619},"Web NPM",{"type":58,"tag":178,"props":4621,"children":4622},{},[4623],{"type":58,"tag":370,"props":4624,"children":4627},{"href":4625,"rel":4626},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-web",[4049],[4628],{"type":63,"value":4629},"videosdk-web",{"type":58,"tag":178,"props":4631,"children":4632},{},[4633],{"type":63,"value":4634},"56",{"type":58,"tag":151,"props":4636,"children":4637},{},[4638,4643,4653],{"type":58,"tag":178,"props":4639,"children":4640},{},[4641],{"type":63,"value":4642},"Auth",{"type":58,"tag":178,"props":4644,"children":4645},{},[4646],{"type":58,"tag":370,"props":4647,"children":4650},{"href":4648,"rel":4649},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-auth-endpoint-sample",[4049],[4651],{"type":63,"value":4652},"videosdk-auth-endpoint-sample",{"type":58,"tag":178,"props":4654,"children":4655},{},[4656],{"type":63,"value":4657},"23",{"type":58,"tag":151,"props":4659,"children":4660},{},[4661,4666,4676],{"type":58,"tag":178,"props":4662,"children":4663},{},[4664],{"type":63,"value":4665},"UI Toolkit Web",{"type":58,"tag":178,"props":4667,"children":4668},{},[4669],{"type":58,"tag":370,"props":4670,"children":4673},{"href":4671,"rel":4672},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-zoom-ui-toolkit-web",[4049],[4674],{"type":63,"value":4675},"videosdk-zoom-ui-toolkit-web",{"type":58,"tag":178,"props":4677,"children":4678},{},[4679],{"type":63,"value":4680},"17",{"type":58,"tag":151,"props":4682,"children":4683},{},[4684,4689,4699],{"type":58,"tag":178,"props":4685,"children":4686},{},[4687],{"type":63,"value":4688},"UI Toolkit React",{"type":58,"tag":178,"props":4690,"children":4691},{},[4692],{"type":58,"tag":370,"props":4693,"children":4696},{"href":4694,"rel":4695},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-zoom-ui-toolkit-react-sample",[4049],[4697],{"type":63,"value":4698},"videosdk-zoom-ui-toolkit-react-sample",{"type":58,"tag":178,"props":4700,"children":4701},{},[4702],{"type":63,"value":4680},{"type":58,"tag":151,"props":4704,"children":4705},{},[4706,4711,4721],{"type":58,"tag":178,"props":4707,"children":4708},{},[4709],{"type":63,"value":4710},"Next.js",{"type":58,"tag":178,"props":4712,"children":4713},{},[4714],{"type":58,"tag":370,"props":4715,"children":4718},{"href":4716,"rel":4717},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-nextjs-quickstart",[4049],[4719],{"type":63,"value":4720},"videosdk-nextjs-quickstart",{"type":58,"tag":178,"props":4722,"children":4723},{},[4724],{"type":63,"value":4725},"16",{"type":58,"tag":151,"props":4727,"children":4728},{},[4729,4734,4744],{"type":58,"tag":178,"props":4730,"children":4731},{},[4732],{"type":63,"value":4733},"Telehealth",{"type":58,"tag":178,"props":4735,"children":4736},{},[4737],{"type":58,"tag":370,"props":4738,"children":4741},{"href":4739,"rel":4740},"https:\u002F\u002Fgithub.com\u002Fzoom\u002FVideoSDK-Web-Telehealth",[4049],[4742],{"type":63,"value":4743},"VideoSDK-Web-Telehealth",{"type":58,"tag":178,"props":4745,"children":4746},{},[4747],{"type":63,"value":4748},"11",{"type":58,"tag":151,"props":4750,"children":4751},{},[4752,4757,4767],{"type":58,"tag":178,"props":4753,"children":4754},{},[4755],{"type":63,"value":4756},"Linux",{"type":58,"tag":178,"props":4758,"children":4759},{},[4760],{"type":58,"tag":370,"props":4761,"children":4764},{"href":4762,"rel":4763},"https:\u002F\u002Fgithub.com\u002Fzoom\u002Fvideosdk-linux-raw-recording-sample",[4049],[4765],{"type":63,"value":4766},"videosdk-linux-raw-recording-sample",{"type":58,"tag":178,"props":4768,"children":4769},{},[4770],{"type":63,"value":1721},{"type":58,"tag":66,"props":4772,"children":4773},{},[4774,4779,4781],{"type":58,"tag":192,"props":4775,"children":4776},{},[4777],{"type":63,"value":4778},"Full list",{"type":63,"value":4780},": See ",{"type":58,"tag":370,"props":4782,"children":4784},{"href":4783},"..\u002Fgeneral\u002Freferences\u002Fcommunity-repos.md",[4785],{"type":63,"value":4786},"general\u002Freferences\u002Fcommunity-repos.md",{"type":58,"tag":86,"props":4788,"children":4790},{"id":4789},"resources",[4791],{"type":63,"value":4792},"Resources",{"type":58,"tag":93,"props":4794,"children":4795},{},[4796,4812],{"type":58,"tag":97,"props":4797,"children":4798},{},[4799,4804,4806],{"type":58,"tag":192,"props":4800,"children":4801},{},[4802],{"type":63,"value":4803},"Official docs",{"type":63,"value":4805},": ",{"type":58,"tag":370,"props":4807,"children":4810},{"href":4808,"rel":4809},"https:\u002F\u002Fdevelopers.zoom.us\u002Fdocs\u002Fvideo-sdk\u002F",[4049],[4811],{"type":63,"value":4808},{"type":58,"tag":97,"props":4813,"children":4814},{},[4815,4820,4821],{"type":58,"tag":192,"props":4816,"children":4817},{},[4818],{"type":63,"value":4819},"Developer forum",{"type":63,"value":4805},{"type":58,"tag":370,"props":4822,"children":4825},{"href":4823,"rel":4824},"https:\u002F\u002Fdevforum.zoom.us\u002F",[4049],[4826],{"type":63,"value":4823},{"type":58,"tag":86,"props":4828,"children":4830},{"id":4829},"environment-variables",[4831],{"type":63,"value":4832},"Environment Variables",{"type":58,"tag":93,"props":4834,"children":4835},{},[4836],{"type":58,"tag":97,"props":4837,"children":4838},{},[4839,4840,4845,4847,4853],{"type":63,"value":3190},{"type":58,"tag":370,"props":4841,"children":4843},{"href":4842},"references\u002Fenvironment-variables.md",[4844],{"type":63,"value":4842},{"type":63,"value":4846}," for standardized ",{"type":58,"tag":72,"props":4848,"children":4850},{"className":4849},[],[4851],{"type":63,"value":4852},".env",{"type":63,"value":4854}," keys and where to find each value.",{"type":58,"tag":86,"props":4856,"children":4858},{"id":4857},"linux-operations",[4859],{"type":63,"value":4860},"Linux Operations",{"type":58,"tag":93,"props":4862,"children":4863},{},[4864],{"type":58,"tag":97,"props":4865,"children":4866},{},[4867,4872],{"type":58,"tag":370,"props":4868,"children":4870},{"href":4869},"linux\u002FRUNBOOK.md",[4871],{"type":63,"value":4869},{"type":63,"value":4873}," - Linux platform preflight and debugging checklist.",{"type":58,"tag":4875,"props":4876,"children":4877},"style",{},[4878],{"type":63,"value":4879},"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":4881,"total":4997},[4882,4898,4914,4930,4948,4967,4982],{"slug":4883,"name":4883,"fn":4884,"description":4885,"org":4886,"tags":4887,"stars":26,"repoUrl":27,"updatedAt":4897},"accessibility-review","run WCAG accessibility audits","Run a WCAG 2.1 AA accessibility audit on a design or page. Trigger with \"audit accessibility\", \"check a11y\", \"is this accessible?\", or when reviewing a design for color contrast, keyboard navigation, touch target size, or screen reader behavior before handoff.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4888,4891,4894],{"name":4889,"slug":4890,"type":16},"Accessibility","accessibility",{"name":4892,"slug":4893,"type":16},"Design","design",{"name":4895,"slug":4896,"type":16},"WCAG","wcag","2026-04-06T17:58:05.682394",{"slug":4899,"name":4899,"fn":4900,"description":4901,"org":4902,"tags":4903,"stars":26,"repoUrl":27,"updatedAt":4913},"account-research","research accounts for sales intel","Research a company or person and get actionable sales intel. Works standalone with web search, supercharged when you connect enrichment tools or your CRM. Trigger with \"research [company]\", \"look up [person]\", \"intel on [prospect]\", \"who is [name] at [company]\", or \"tell me about [company]\".",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4904,4907,4910],{"name":4905,"slug":4906,"type":16},"CRM","crm",{"name":4908,"slug":4909,"type":16},"Research","research",{"name":4911,"slug":4912,"type":16},"Sales","sales","2026-04-06T17:56:41.410418",{"slug":4915,"name":4915,"fn":4916,"description":4917,"org":4918,"tags":4919,"stars":26,"repoUrl":27,"updatedAt":4929},"analyze","answer data questions and run analyses","Answer data questions -- from quick lookups to full analyses. Use when looking up a single metric, investigating what's driving a trend or drop, comparing segments over time, or preparing a formal data report for stakeholders.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4920,4923,4926],{"name":4921,"slug":4922,"type":16},"Analytics","analytics",{"name":4924,"slug":4925,"type":16},"Data Analysis","data-analysis",{"name":4927,"slug":4928,"type":16},"SQL","sql","2026-04-06T17:57:21.593647",{"slug":4931,"name":4931,"fn":4932,"description":4933,"org":4934,"tags":4935,"stars":26,"repoUrl":27,"updatedAt":4947},"architecture","create and evaluate architecture decision records","Create or evaluate an architecture decision record (ADR). Use when choosing between technologies (e.g., Kafka vs SQS), documenting a design decision with trade-offs and consequences, reviewing a system design proposal, or designing a new component from requirements and constraints.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4936,4939,4941,4944],{"name":4937,"slug":4938,"type":16},"ADR","adr",{"name":4940,"slug":4931,"type":16},"Architecture",{"name":4942,"slug":4943,"type":16},"Documentation","documentation",{"name":4945,"slug":4946,"type":16},"Engineering","engineering","2026-04-06T17:57:49.26444",{"slug":4949,"name":4949,"fn":4950,"description":4951,"org":4952,"tags":4953,"stars":26,"repoUrl":27,"updatedAt":4966},"audit-support","support SOX 404 control testing","Support SOX 404 compliance with control testing methodology, sample selection, and documentation standards. Use when generating testing workpapers, selecting audit samples, classifying control deficiencies, or preparing for internal or external audits.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4954,4957,4960,4963],{"name":4955,"slug":4956,"type":16},"Audit","audit",{"name":4958,"slug":4959,"type":16},"Finance","finance",{"name":4961,"slug":4962,"type":16},"Regulatory Compliance","regulatory-compliance",{"name":4964,"slug":4965,"type":16},"SOX","sox","2026-04-06T17:57:36.714815",{"slug":4968,"name":4968,"fn":4969,"description":4970,"org":4971,"tags":4972,"stars":26,"repoUrl":27,"updatedAt":4981},"brand-review","review content against brand voice","Review content against your brand voice, style guide, and messaging pillars, flagging deviations by severity with specific before\u002Fafter fixes. Use when checking a draft before it ships, when auditing copy for voice consistency and terminology, or when screening for unsubstantiated claims, missing disclaimers, and other legal flags.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4973,4975,4978],{"name":224,"slug":4974,"type":16},"branding",{"name":4976,"slug":4977,"type":16},"Marketing","marketing",{"name":4979,"slug":4980,"type":16},"Writing","writing","2026-04-06T17:58:19.548331",{"slug":4983,"name":4983,"fn":4984,"description":4985,"org":4986,"tags":4987,"stars":26,"repoUrl":27,"updatedAt":4996},"brand-voice-enforcement","enforce brand voice in content","This skill applies brand guidelines to content creation. It should be used when the user asks to \"write an email\", \"draft a proposal\", \"create a pitch deck\", \"write a LinkedIn post\", \"draft a presentation\", \"write a Slack message\", \"draft sales content\", or any content creation request where brand voice should be applied. Also triggers on \"on-brand\", \"brand voice\", \"enforce voice\", \"apply brand guidelines\", \"brand-aligned content\", \"write in our voice\", \"use our brand tone\", \"make this sound like us\", \"rewrite this in our tone\", or \"this doesn't sound on-brand\". Not for generating guidelines from scratch (use guideline-generation) or discovering brand materials (use discover-brand).\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4988,4989,4992,4995],{"name":224,"slug":4974,"type":16},{"name":4990,"slug":4991,"type":16},"Communications","communications",{"name":4993,"slug":4994,"type":16},"Content Creation","content-creation",{"name":4979,"slug":4980,"type":16},"2026-04-06T18:00:23.528956",200,{"items":4999,"total":5172},[5000,5018,5030,5042,5061,5072,5093,5110,5120,5135,5143,5156],{"slug":5001,"name":5001,"fn":5002,"description":5003,"org":5004,"tags":5005,"stars":5015,"repoUrl":5016,"updatedAt":5017},"algorithmic-art","create algorithmic art with p5.js","Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5006,5009,5010,5013],{"name":5007,"slug":5008,"type":16},"Creative","creative",{"name":4892,"slug":4893,"type":16},{"name":5011,"slug":5012,"type":16},"Generative Art","generative-art",{"name":5014,"slug":452,"type":16},"JavaScript",161831,"https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fskills","2026-04-06T17:56:15.455818",{"slug":5019,"name":5019,"fn":5020,"description":5021,"org":5022,"tags":5023,"stars":5015,"repoUrl":5016,"updatedAt":5029},"brand-guidelines","apply Anthropic brand colors and typography","Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5024,5025,5026],{"name":224,"slug":4974,"type":16},{"name":4892,"slug":4893,"type":16},{"name":5027,"slug":5028,"type":16},"Typography","typography","2026-04-06T17:56:05.042852",{"slug":5031,"name":5031,"fn":5032,"description":5033,"org":5034,"tags":5035,"stars":5015,"repoUrl":5016,"updatedAt":5041},"canvas-design","create posters and visual art as PNG or PDF","Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5036,5037,5038],{"name":5007,"slug":5008,"type":16},{"name":4892,"slug":4893,"type":16},{"name":5039,"slug":5040,"type":16},"PDF","pdf","2026-04-06T17:56:03.794732",{"slug":5043,"name":5043,"fn":5044,"description":5045,"org":5046,"tags":5047,"stars":5015,"repoUrl":5016,"updatedAt":5060},"claude-api","build apps with the Claude API","Reference for the Claude API \u002F Anthropic SDK — model ids, pricing, params, streaming, tool use, MCP, agents, caching, token counting, model migration.\nTRIGGER — read BEFORE opening the target file; don't skip because it \"looks like a one-liner\" — whenever: the prompt names Claude\u002FAnthropic in any form (Claude, Anthropic, Fable, Opus, Sonnet, Haiku, `anthropic`, `@anthropic-ai`, `claude-*`, `us.anthropic.*`, `[1m]`); the user asks about an LLM (pricing\u002Fmodel choice\u002Flimits\u002Fcaching) — never answer from memory; OR the task is LLM-shaped with provider unstated (agent\u002FMCP\u002Ftool-definition\u002Fmulti-agent\u002FRAG\u002FLLM-judge\u002Fcomputer-use; generate\u002Fsummarize\u002Fextract\u002Fclassify\u002Frewrite\u002Fconverse over NL; debugging refusals\u002Fcutoffs\u002Fstreaming\u002Ftool-calls\u002Ftokens).\nSKIP only when another provider is being worked on (overrides all triggers): OpenAI\u002FGPT\u002FGemini\u002FLlama\u002FMistral\u002FCohere\u002FOllama named in the query; OR `grep -rE 'openai|langchain_openai|google.generativeai|genai|mistralai|cohere|ollama'` over the project hits (run this grep FIRST if no provider named — don't Read the file).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5048,5051,5052,5055,5057],{"name":5049,"slug":5050,"type":16},"Agents","agents",{"name":9,"slug":8,"type":16},{"name":5053,"slug":5054,"type":16},"Anthropic SDK","anthropic-sdk",{"name":5056,"slug":5043,"type":16},"Claude API",{"name":5058,"slug":5059,"type":16},"LLM","llm","2026-07-28T05:36:08.213335",{"slug":5062,"name":5062,"fn":5063,"description":5064,"org":5065,"tags":5066,"stars":5015,"repoUrl":5016,"updatedAt":5071},"doc-coauthoring","co-author documentation and technical specs","Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5067,5068],{"name":4942,"slug":4943,"type":16},{"name":5069,"slug":5070,"type":16},"Technical Writing","technical-writing","2026-04-06T17:56:14.18897",{"slug":5073,"name":5073,"fn":5074,"description":5075,"org":5076,"tags":5077,"stars":5015,"repoUrl":5016,"updatedAt":5092},"docx","create and edit Word documents","Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files) or Word templates (.dotx files). Triggers include: any mention of 'Word doc', 'word document', '.docx', '.dotx', or requests to produce professional documents with formatting like tables of contents, headings, page numbers, or letterheads. Also use when extracting or reorganizing content from .docx or .dotx files, inserting or replacing images in documents, performing find-and-replace in Word files, working with tracked changes or comments, or converting content into a polished Word document. If the user asks for a 'report', 'memo', 'letter', 'template', or similar deliverable as a Word or .docx file, use this skill. Do NOT use for PDFs, spreadsheets, Google Docs, or general coding tasks unrelated to document generation.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5078,5081,5083,5086,5089],{"name":5079,"slug":5080,"type":16},"Documents","documents",{"name":5082,"slug":5073,"type":16},"DOCX",{"name":5084,"slug":5085,"type":16},"Office","office",{"name":5087,"slug":5088,"type":16},"Templates","templates",{"name":5090,"slug":5091,"type":16},"Word","word","2026-07-18T05:16:23.136271",{"slug":5094,"name":5094,"fn":5095,"description":5096,"org":5097,"tags":5098,"stars":5015,"repoUrl":5016,"updatedAt":5109},"frontend-design","design production-grade frontend interfaces","Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5099,5100,5101,5104,5107],{"name":4892,"slug":4893,"type":16},{"name":24,"slug":25,"type":16},{"name":5102,"slug":5103,"type":16},"React","react",{"name":5105,"slug":5106,"type":16},"Tailwind CSS","tailwind-css",{"name":5108,"slug":4178,"type":16},"UI Components","2026-04-06T17:56:16.723469",{"slug":5111,"name":5111,"fn":5112,"description":5113,"org":5114,"tags":5115,"stars":5015,"repoUrl":5016,"updatedAt":5119},"internal-comms","write internal company communications","A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company newsletters, FAQs, incident reports, project updates, etc.).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5116,5117,5118],{"name":4990,"slug":4991,"type":16},{"name":5087,"slug":5088,"type":16},{"name":4979,"slug":4980,"type":16},"2026-04-06T17:56:20.695522",{"slug":5121,"name":5121,"fn":5122,"description":5123,"org":5124,"tags":5125,"stars":5015,"repoUrl":5016,"updatedAt":5134},"mcp-builder","build MCP servers","Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node\u002FTypeScript (MCP SDK).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5126,5127,5130,5131],{"name":5049,"slug":5050,"type":16},{"name":5128,"slug":5129,"type":16},"API Development","api-development",{"name":5058,"slug":5059,"type":16},{"name":5132,"slug":5133,"type":16},"MCP","mcp","2026-04-06T17:56:10.357665",{"slug":5040,"name":5040,"fn":5136,"description":5137,"org":5138,"tags":5139,"stars":5015,"repoUrl":5016,"updatedAt":5142},"read edit and manipulate PDF files","Use this skill whenever the user wants to do anything with PDF files. This includes reading or extracting text\u002Ftables from PDFs, combining or merging multiple PDFs into one, splitting PDFs apart, rotating pages, adding watermarks, creating new PDFs, filling PDF forms, encrypting\u002Fdecrypting PDFs, extracting images, and OCR on scanned PDFs to make them searchable. If the user mentions a .pdf file or asks to produce one, use this skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5140,5141],{"name":5079,"slug":5080,"type":16},{"name":5039,"slug":5040,"type":16},"2026-04-06T17:56:02.483316",{"slug":5144,"name":5144,"fn":5145,"description":5146,"org":5147,"tags":5148,"stars":5015,"repoUrl":5016,"updatedAt":5155},"pptx","create and edit PowerPoint presentations","Use this skill any time a .pptx or .potx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx or .potx file (even if the extracted content will be used elsewhere, like in an email or summary); editing, modifying, or updating existing presentations; combining or splitting slide files; working with templates (.potx), layouts, speaker notes, or comments. Trigger whenever the user mentions \"deck,\" \"slides,\" \"presentation,\" or references a .pptx or .potx filename, regardless of what they plan to do with the content afterward. If a .pptx or .potx file needs to be opened, created, or touched, use this skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5149,5152],{"name":5150,"slug":5151,"type":16},"PowerPoint","powerpoint",{"name":5153,"slug":5154,"type":16},"Presentations","presentations","2026-07-18T05:16:24.1471",{"slug":5157,"name":5157,"fn":5158,"description":5159,"org":5160,"tags":5161,"stars":5015,"repoUrl":5016,"updatedAt":5171},"skill-creator","create and optimize agent skills","Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[5162,5163,5164,5167,5170],{"name":5049,"slug":5050,"type":16},{"name":4942,"slug":4943,"type":16},{"name":5165,"slug":5166,"type":16},"Evals","evals",{"name":5168,"slug":5169,"type":16},"Performance","performance",{"name":5069,"slug":5070,"type":16},"2026-04-19T06:45:40.804",490]