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.

This guide will walk you through the steps to implement PSTN features using Zoom Video SDK, including how to set up dial out invitations and enable dial in capabilities for your users.

• NPM and Node.js
• Active Video SDK Account
• Active Audio Conferencing Plan

To get started, clone the repo:

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

The project provides a generateToken.ts file that can be used to generate a temporary JWT:

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:

ZOOM_SDK_KEY=
ZOOM_SDK_SECRET=
ZOOM_API_KEY=
ZOOM_API_SECRET=

2. Run bun generateToken.ts [sessionname] --copy-to-clipboard

The script generates a token for the proivded session name and the --copy-to-clipboard or -c flag copies it to your clipboard.

3. Run the app:

   npm run dev

1. Navigate to http://localhost:5173

2. Click "Join" to join the session

3. You should now be able to dial in your phone audio, invite users via call-out, and view the available dial-in numbers for your account. Note that your dial-in numbers have to be selected in your Zoom portal first to be able to see them

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

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

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.