{"id":21319465,"url":"https://github.com/zoom/meetingsdk-angular-sample","last_synced_at":"2025-04-06T22:08:58.723Z","repository":{"id":38444275,"uuid":"247161980","full_name":"zoom/meetingsdk-angular-sample","owner":"zoom","description":"Use the Zoom Meeting SDK in Angular","archived":false,"fork":false,"pushed_at":"2025-03-13T21:33:37.000Z","size":5407,"stargazers_count":58,"open_issues_count":0,"forks_count":52,"subscribers_count":16,"default_branch":"master","last_synced_at":"2025-03-30T21:06:45.772Z","etag":null,"topics":["sample-app"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zoom.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2020-03-13T21:08:52.000Z","updated_at":"2025-03-13T21:29:53.000Z","dependencies_parsed_at":"2023-12-01T18:42:07.389Z","dependency_job_id":"9275fec5-1b47-4592-a4b5-6e2f876b8f75","html_url":"https://github.com/zoom/meetingsdk-angular-sample","commit_stats":{"total_commits":4,"total_committers":1,"mean_commits":4.0,"dds":0.0,"last_synced_commit":"7d4b9f782222937daa266a267b0795b9e495e119"},"previous_names":[],"tags_count":45,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoom%2Fmeetingsdk-angular-sample","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoom%2Fmeetingsdk-angular-sample/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoom%2Fmeetingsdk-angular-sample/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoom%2Fmeetingsdk-angular-sample/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zoom","download_url":"https://codeload.github.com/zoom/meetingsdk-angular-sample/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247557767,"owners_count":20958047,"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:42:00.864Z","updated_at":"2025-04-06T22:08:58.679Z","avatar_url":"https://github.com/zoom.png","language":"TypeScript","readme":"# Zoom Meeting SDK Angular sample\n\nUse of this sample app is subject to our [Terms of Use](https://explore.zoom.us/en/legal/zoom-api-license-and-tou/).\n\nThis repo is an [Angular](https://angular.io/) app generated via the [Angular CLI](https://cli.angular.io/) that uses the [Zoom Meeting SDK](https://developers.zoom.us/docs/meeting-sdk/web/) to start and join Zoom meetings and webinars.\n\n![Zoom Meeting SDK Client View](/src/assets/images/meetingsdk-web-client-view.gif)\n\n## Installation\n\nTo get started, clone the repo:\n\n`$ git clone https://github.com/zoom/meetingsdk-angular-sample.git`\n\n\u003e To setup and run the app you will need the [Angular CLI](https://cli.angular.io).\n\n## Setup\n\n1. Once cloned, navigate to the `meetingsdk-angular-sample` directory:\n\n   `$ cd meetingsdk-angular-sample`\n\n1. Then install the dependencies:\n\n   `$ npm install`\n\n1. Open the `meetingsdk-angular-sample` directory in your code editor.\n\n1. Open the `src/app/app.component.ts` file, and enter values for the variables:\n\n   **NEW:** To use the [Component View](https://developers.zoom.us/docs/meeting-sdk/web/component-view/), replace `app.component.ts` with `app-new.component.ts`. (The `leaveUrl` is not needed). Also, remove the Client View CSS styles on lines 27 and 28 in in `angular.json`.\n\n   | Variable                   | Description |\n   | -----------------------|-------------|\n   | authEndpoint          | Required, your Meeting SDK auth endpoint that securely generates a Meeting SDK JWT. [Get a Meeting SDK auth endpoint here.](https://github.com/zoom/meetingsdk-sample-signature-node.js) |\n   | sdkKey                   | Required, your Zoom Meeting SDK Key or Client ID for Meeting SDK app type's created after February 11, 2023. [You can get yours here](https://developers.zoom.us/docs/meeting-sdk/developer-accounts/#get-meeting-sdk-credentials). |\n   | meetingNumber                   | Required, the Zoom Meeting or webinar number. |\n   | passWord                   | Optional, meeting password. Leave as empty string if the meeting does not require a password. |\n   | role                   | Required, `0` to specify participant, `1` to specify host. |\n   | userName                   | Required, a name for the user joining / starting the meeting / webinar. |\n   | userEmail                   | Required for Webinar, optional for Meeting, required for meeting and webinar if [registration is required](https://support.zoom.us/hc/en-us/articles/360054446052-Managing-meeting-and-webinar-registration). The email of the user starting or joining the meeting / webinar. |\n   | registrantToken            | Required if your [meeting](https://developers.zoom.us/docs/meeting-sdk/web/client-view/meetings/#join-meeting-with-registration-required) or [webinar](https://developers.zoom.us/docs/meeting-sdk/web/client-view/webinars/#join-webinar-with-registration-required) requires [registration](https://support.zoom.us/hc/en-us/articles/360054446052-Managing-meeting-and-webinar-registration). |\n   | zakToken            | Required to start meetings or webinars on external Zoom user's behalf, the [authorized Zoom user's ZAK token](https://developers.zoom.us/docs/meeting-sdk/auth/#start-meetings-and-webinars-with-a-zoom-users-zak-token). The ZAK can also be used to join as an [authenticated participant](https://support.zoom.com/hc/en/article?id=zm_kb\u0026sysparm_article=KB0063837). |\n   | leaveUrl                   | Required for Client View, the url the user is taken to once the meeting is over. |\n\n   Example:\n\n   ```js\n   authEndpoint = 'http://localhost:4000'\n   sdkKey = 'abc123'\n   meetingNumber = '123456789'\n   passWord = ''\n   role = 0\n   userName = 'Angular'\n   userEmail = ''\n   registrantToken = ''\n   zakToken = ''\n   leaveUrl = 'http://localhost:4200'\n   ```\n\n1. Save `app.component.ts`.\n\n1. Run the app:\n\n   `$ ng serve --open`\n\n## Usage\n\n1. Navigate to http://localhost:4200 and click \"Join Meeting\".\n\n   ### Client View\n\n   ![Zoom Meeting SDK Client View](/src/assets/images/meetingsdk-web-client-view.gif)\n\n   ### Component View\n\n   ![Zoom Meeting SDK Component View](/src/assets/images/meetingsdk-web-component-view.gif)\n\n  Learn more about [Gallery View requirements](https://developers.zoom.us/docs/meeting-sdk/web/gallery-view/) and [see more product screenshots](https://developers.zoom.us/docs/meeting-sdk/web/gallery-view/#how-views-look-with-and-without-sharedarraybuffer).\n\n## Deployment\n\nThe Angular Sample App can be easily deployed to [GitHub Pages](#github-pages), or [another static web hosting service](#other-static-web-hosting), like an AWS S3 bucket.\n\n### GitHub Pages\n\n1. Create a repo on [GitHub](https://github.com).\n\n1. Add the remote to your project:\n\n   `$ git remote add origin GITHUB_URL/GITHUB_USERNAME/GITHUB_REPO_NAME.git`\n\n1. Open the `angular.json` file and replace the value for `\"baseHref\"` with your GitHub repo name surrounded by slashes like this: `/GITHUB_REPO_NAME/`. Example: `\"baseHref\": \"/GITHUB_REPO_NAME/\"`\n\n1. Build your project:\n\n   `$ ng build --prod`\n\n1. Git add, commit, and push your project:\n\n   `$ git add -A`\n\n   `$ git commit -m \"deploying to github\"`\n\n   `$ git push origin master`\n\n1. On GitHub, in your repo, navigate to the \"settings\" page, scroll down to the \"GitHub Pages\" section, and choose the \"master branch /docs folder\" for the source.\n\n1. Now your project will be deployed to https://GITHUB_USERNAME.github.io/GITHUB_REPO_NAME.\n\n### Other Static Web Hosting\n\n1. Build your project:\n\n   `$ ng build --prod`\n\n1. Deploy the complied `/docs` directory to a static web hosting service, like an AWS S3 bucket.\n\n### Advanced Deployment\n\nFor more advanced instructions on deployment, [see the Angular Deployment docs](https://angular.io/guide/deployment).\n\n## Need help?\n\nIf you're looking for help, try [Developer Support](https://devsupport.zoom.us) or our [Developer Forum](https://devforum.zoom.us). Priority support is also available with [Premier Developer Support](https://explore.zoom.us/docs/en-us/developer-support-plans.html) plans.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzoom%2Fmeetingsdk-angular-sample","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzoom%2Fmeetingsdk-angular-sample","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzoom%2Fmeetingsdk-angular-sample/lists"}