Zoom Video SDK Web Hello World Sample

Use of this sample app is subject to our Terms of Use.

The Zoom Video SDK for web enables you to build custom video experiences on a webpage with Zoom's core technology through a highly optimized WebAssembly module.

Installation

To get started, clone the repo:

git clone https://github.com/zoom/videosdk-web-helloworld.git

Setup

Install the dependencies:

npm install
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=YourZoomVideoSDKKey
VITE_SDK_SECRET=YourZoomVideoSDKSecret
```
Replace YourZoomVideoSDKKey and YourZoomVideoSDKSecret with your Zoom Video SDK key and secret.

Note: Do not expose your SDK Secret to the client, when using the Video SDK in production please make sure to use a backend service to sign the tokens.
Run the app:

npm run dev

Usage

Navigate to http://localhost:5173
Click "Join" to join the session

Learn more about rendering multiple video streams

For the full list of features and event listeners, as well as additional guides, see our Video SDK docs.

Need help?

If you're looking for help, try Developer Support or our Developer Forum. Priority support is also available with Premier Developer Support plans.

Disclaimer

Do not expose your SDK Secret to the client, when using the Video SDK in production please make sure to use a backend service to sign the tokens.