https://github.com/zoom/videosdk-web-helloworld
https://github.com/zoom/videosdk-web-helloworld
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/zoom/videosdk-web-helloworld
- Owner: zoom
- License: other
- Created: 2023-12-22T08:59:48.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-07-11T07:31:15.000Z (8 months ago)
- Last Synced: 2025-07-11T10:54:45.798Z (8 months ago)
- Language: JavaScript
- Homepage: https://zoom-webdemo.vercel.app
- Size: 147 KB
- Stars: 4
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Zoom Video SDK Web Hello World Sample
Use of this sample app is subject to our [Terms of Use](https://explore.zoom.us/en/video-sdk-terms/).
The [Zoom Video SDK for web](https://developers.zoom.us/docs/video-sdk/web/) enables you to build custom video experiences on a webpage with Zoom's core technology.
## Installation
To get started, clone the repo:
`git clone https://github.com/zoom/videosdk-web-helloworld.git`
## Setup
1. Install the dependencies:
`npm install`
1. Create a `.env` file in the root directory of the project, you can do this by copying the `.env.example` file (`cp .env.example .env`) and replacing the values with your own. The `.env` file should look like this:
```
VITE_SDK_KEY=abc123XXXXXXXXXX
VITE_SDK_SECRET=abc123XXXXXXXXXX
```
Replace `YourZoomVideoSDKKey` and `YourZoomVideoSDKSecret` with your Zoom Video SDK key and secret.
1. Run the app:
`npm run dev`
## Usage
1. Navigate to http://localhost:5173
1. Click "Join" to join the session
> Learn more about [rendering multiple video streams](https://developers.zoom.us/docs/video-sdk/web/gallery-view/)
For the full list of features and event listeners, as well as additional guides, see our [Video SDK docs](https://developers.zoom.us/docs/video-sdk/web/).
## Need help?
If 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.
## Disclaimer
Do not expose your credentials to the client, when using the Video SDK in production please make sure to use a backend service to sign the tokens. Don't store credentials in plain text, as this is a sample app we're using an `.env` for sake of simplicity.