{"id":21319457,"url":"https://github.com/zoom/meetingsdk-web-sample","last_synced_at":"2026-01-18T10:42:55.731Z","repository":{"id":21698960,"uuid":"89724222","full_name":"zoom/meetingsdk-web-sample","owner":"zoom","description":"Zoom Meeting SDK web sample","archived":false,"fork":false,"pushed_at":"2025-03-06T14:07:14.000Z","size":48331,"stargazers_count":631,"open_issues_count":18,"forks_count":337,"subscribers_count":48,"default_branch":"master","last_synced_at":"2025-03-06T15:22:58.323Z","etag":null,"topics":["sample-app"],"latest_commit_sha":null,"homepage":"https://developers.zoom.us/docs/meeting-sdk/web/","language":"HTML","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zoom.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-04-28T16:25:31.000Z","updated_at":"2025-03-05T03:06:02.000Z","dependencies_parsed_at":"2023-02-11T11:30:36.996Z","dependency_job_id":"6e392d79-64a8-4a64-a405-0bf71f43cb3c","html_url":"https://github.com/zoom/meetingsdk-web-sample","commit_stats":{"total_commits":214,"total_committers":21,"mean_commits":10.19047619047619,"dds":0.6168224299065421,"last_synced_commit":"e0c8da0f2d038a399f4e6f6f84eb1f150ee13b52"},"previous_names":["zoom/sample-app-web"],"tags_count":55,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoom%2Fmeetingsdk-web-sample","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoom%2Fmeetingsdk-web-sample/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoom%2Fmeetingsdk-web-sample/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoom%2Fmeetingsdk-web-sample/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zoom","download_url":"https://codeload.github.com/zoom/meetingsdk-web-sample/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243800333,"owners_count":20349993,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["sample-app"],"created_at":"2024-11-21T19:41:58.453Z","updated_at":"2026-01-06T23:23:49.986Z","avatar_url":"https://github.com/zoom.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Zoom Meeting SDK Web Sample\n\n\u003e **Note**: Use of this sample app is subject to our [Terms of Use](https://explore.zoom.us/en/legal/zoom-api-license-and-tou/).\n\nThe [Zoom Meeting SDK for web](https://developers.zoom.us/docs/meeting-sdk/web/) embeds Zoom Meeting and Webinar experiences directly in your web application using a highly optimized WebAssembly module. Get started with the [@zoom/meetingsdk](https://www.npmjs.com/package/@zoom/meetingsdk) npm package.\n\n![Zoom Meeting SDK Client View](https://zoom.github.io/meetingsdk-web-sample/images/6.0/ClientView/meetingsdk-web-client-view.gif)\n\n## 🚀 Quick Start\n\n### 1. Clone the Repository\n```bash\ngit clone https://github.com/zoom/sample-app-web.git\ncd sample-app-web\n```\n\n### 2. Choose Your Implementation\n\nThis repository contains three different implementation approaches:\n\n| Implementation | Technology | Port | UI | Use Case |\n|---|---|---|---|---|\n| **Components** | React + TypeScript + Vite | 3000 | Component View | Modern, flexible component-based integration |\n| **Local** | React + Webpack + NPM | 9999 | Client View | Traditional client view with npm packages |\n| **CDN** | Vanilla JS + Webpack + CDN | 9999 | Client View | Simple CDN-based integration |\n\nNavigate to your preferred implementation:\n```bash\ncd Components    # or Local, or CDN\n```\n\n### 3. Install Dependencies\n```bash\nnpm install\n```\n\n**Note**: For Node.js 16, use `npm install --force`\n\n### 4. Set Up Authentication Backend\n\nThe Meeting SDK requires a signature from an authentication backend:\n\n```bash\ngit clone https://github.com/zoom/meetingsdk-auth-endpoint-sample --depth 1\ncd meetingsdk-auth-endpoint-sample\ncp .env.example .env\n```\n\nEdit `.env` with your credentials:\n```env\nCLIENT_SECRET=your_client_secret_here\n# or\nZOOM_MEETING_SDK_SECRET=your_sdk_secret_here\n```\n\nStart the auth backend:\n```bash\nnpm install \u0026\u0026 npm run start\n```\n\n### 5. Run the Sample App\n```bash\nnpm start\n```\n\n## 📱 Usage\n\n1. Open your browser:\n   - **Components**: http://localhost:3000\n   - **Local/CDN**: http://localhost:9999\n\n2. Enter your meeting details:\n   - Meeting/Webinar number\n   - Passcode\n   - Role (Host or Attendee)\n   - Click \"Join\"\n\n## 🎯 Implementation Types\n\n### Client View\n![Client View Demo](https://zoom.github.io/meetingsdk-web-sample/images/6.0/ClientView/meetingsdk-web-client-view.gif)\n\n**Full-page meeting experience** - Displays the Meeting SDK as a complete interface, providing the same experience as the [Zoom Web Client](https://support.zoom.us/hc/en-us/articles/214629443-Zoom-Web-Client) within your web page.\n\n### Component View  \n![Component View Demo](https://zoom.github.io/meetingsdk-web-sample/images/6.0/ComponentView/meetingsdk-web-component-view.gif)\n\n**Flexible component integration** - Embed individual meeting components within your existing page layout for custom designs and user experiences.\n\n## 📚 Additional Resources\n\n- [Meeting SDK Documentation](https://developers.zoom.us/docs/meeting-sdk/web/)\n- [Gallery View Requirements](https://developers.zoom.us/docs/meeting-sdk/web/gallery-view/)\n- [Authentication Guide](https://developers.zoom.us/docs/meeting-sdk/auth/#generate-a-meeting-sdk-jwt)\n\n## 🏛️ Zoom for Government (ZFG)\n\nFor government applications, you need to apply for a new SDK key at [ZFG Marketplace](https://marketplace.zoomgov.com/).\n\n### Option 1: Use ZFG-specific SDK version\n```json\n{\n  \"dependencies\": {\n    \"@zoom/meetingsdk\": \"3.11.2-zfg\"\n  }\n}\n```\n\n### Option 2: Configure ZFG endpoints\n\n**Client View:**\n```javascript\nZoomMtg.setZoomJSLib(\"https://source.zoomgov.com/{VERSION}/lib\", \"/av\");\nZoomMtg.init({\n   webEndpoint: \"www.zoomgov.com\",\n});\n```\n\n**Component View:**\n```javascript\nconst client = ZoomMtgEmbedded.createClient();\nclient.init({\n assetPath: 'https://source.zoomgov.com/{VERSION}/lib/av',\n webEndpoint: \"www.zoomgov.com\"\n});\n```\n\n## 💬 Need Help?\n\n- [Developer Support](https://developers.zoom.us/support/) - Technical support\n- [Developer Forum](https://devforum.zoom.us) - Community discussions  \n- [Premier Developer Support](https://www.zoom.com/en/support-plans/developer/) - Priority support plans\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzoom%2Fmeetingsdk-web-sample","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzoom%2Fmeetingsdk-web-sample","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzoom%2Fmeetingsdk-web-sample/lists"}