{"id":21319543,"url":"https://github.com/zoom/videosdk-ui-toolkit-javascript-sample","last_synced_at":"2026-03-04T09:02:20.108Z","repository":{"id":236359744,"uuid":"787003778","full_name":"zoom/videosdk-ui-toolkit-javascript-sample","owner":"zoom","description":"Use the Zoom Video SDK UI Toolkit in (vanilla) JavaScript","archived":false,"fork":false,"pushed_at":"2026-02-12T17:23:24.000Z","size":19785,"stargazers_count":12,"open_issues_count":3,"forks_count":5,"subscribers_count":8,"default_branch":"main","last_synced_at":"2026-03-01T23:26:59.768Z","etag":null,"topics":["sample-app"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-04-15T17:52:47.000Z","updated_at":"2026-02-12T17:24:56.000Z","dependencies_parsed_at":"2024-04-26T18:43:14.868Z","dependency_job_id":"ab020d0d-8233-4279-b916-1312df21d400","html_url":"https://github.com/zoom/videosdk-ui-toolkit-javascript-sample","commit_stats":null,"previous_names":["zoom/videosdk-ui-toolkit-javascript-sample"],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/zoom/videosdk-ui-toolkit-javascript-sample","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoom%2Fvideosdk-ui-toolkit-javascript-sample","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoom%2Fvideosdk-ui-toolkit-javascript-sample/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoom%2Fvideosdk-ui-toolkit-javascript-sample/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoom%2Fvideosdk-ui-toolkit-javascript-sample/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zoom","download_url":"https://codeload.github.com/zoom/videosdk-ui-toolkit-javascript-sample/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zoom%2Fvideosdk-ui-toolkit-javascript-sample/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30076935,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-04T08:01:56.766Z","status":"ssl_error","status_checked_at":"2026-03-04T08:00:42.919Z","response_time":59,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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:45.079Z","updated_at":"2026-03-04T09:02:20.089Z","avatar_url":"https://github.com/zoom.png","language":"JavaScript","readme":"# Zoom Video SDK UI Toolkit JavaScript sample\n\nUse of this sample app is subject to our [Terms of Use](https://explore.zoom.us/en/video-sdk-terms/).\n\nThis repo is an HTML / CSS / JavaScript website that uses the [Zoom Video SDK UI toolkit](https://developers.zoom.us/docs/video-sdk/web/) to start and joins sessions.\n\n![Zoom Video SDK](https://github.com/zoom/videosdk-ui-toolkit-web/raw/main/uitoolkitgalleryview.png)\n\n## Installation\n\nTo get started, clone the repo:\n\n`$ git clone https://github.com/zoom/videosdk-ui-toolkit-javascript-sample.git`\n\n## Setup\n\n1. Once cloned, navigate to the `videosdk-ui-toolkit-javascript-sample` directory:\n\n   `$ cd videosdk-ui-toolkit-javascript-sample`\n\n1. Open the `videosdk-ui-toolkit-javascript-sample` directory in your code editor.\n\n1. Open the `scripts.js` file, and enter values for the variables:\n\n   | Variable                   | Description |\n   | -----------------------|-------------|\n   | authEndpoint          | Required, your Video SDK auth endpoint that securely generates a Video SDK JWT. [Get a Video SDK auth endpoint here.](https://github.com/zoom/videosdk-auth-endpoint-sample) |\n   | config | Your Video SDK [session details](https://developers.zoom.us/docs/video-sdk/web/ui-toolkit/#create-a-configuration-object) and [enabled features](https://developers.zoom.us/docs/video-sdk/web/ui-toolkit/#supported-features). The `videoSDKJWT` will be set from the response of your `authEndpoint`. |\n   | role | Required, `0` to specify participant, `1` to specify host. |\n\n   Example:\n\n   ```js\n   var authEndpoint = 'http://localhost:4000'\n   var config = {\n      videoSDKJWT: \"\",\n      sessionName: \"SessionA\",\n      userName: \"UserA\",\n      sessionPasscode: \"abc123\",\n      featuresOptions: {\n         virtualBackground: {\n            enable: true,\n            virtualBackgrounds: [\n            {\n               url: \"https://images.unsplash.com/photo-1715490187538-30a365fa05bd?q=80\u0026w=1945\u0026auto=format\u0026fit=crop\",\n            },\n            ],\n         },\n      }\n   };\n   var role = 1\n   ```\n\n1. Save `scripts.js`.\n\n## Usage\n\n1. Navigate to index.html in your browser ([or serve over localhost](https://www.npmjs.com/package/http-server)) and click \"Join Session\".\n\n\n## Deployment\n\nThe JavaScript 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. 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 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. Deploy the directory to a static web hosting service, like an AWS S3 bucket.\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%2Fvideosdk-ui-toolkit-javascript-sample","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzoom%2Fvideosdk-ui-toolkit-javascript-sample","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzoom%2Fvideosdk-ui-toolkit-javascript-sample/lists"}