Getting Started

Get started with the Web Meeting SDK in a few simple steps.

Get Meeting SDK Credentials

To get Meeting SDK credentials, navigate to the Build App page on the Zoom App Marketplace, and choose the SDK app type.
On the App Credentials page you will find your SDK Key and Secret. We will use these credentials in the next section to generate an SDK Signature to authorize the SDK.
Then, activate your SDK App on the Activation page.
Now you can add the Web Meeting SDK to your project. You can add the Web Meeting SDK to your project by installing it via NPM or the Zoom Meeting SDK CDN.

Install from NPM

To install the Web Meeting SDK via NPM, in your project, run the following command in terminal:

$ npm install @zoomus/websdk --save

For Client View, add the following styles from node_modules or the Meeting SDK CDN to the HTML page you want the Web Meeting SDK to live on, or index.html if you are using a single page app framework.

<head>
  <!-- For Client View -->
  <link type="text/css" rel="stylesheet" href="node_modules/@zoomus/websdk/dist/css/bootstrap.css" />
  <link type="text/css" rel="stylesheet" href="node_modules/@zoomus/websdk/dist/css/react-select.css" />
  <!-- Or -->
  <link type="text/css" rel="stylesheet" href="https://source.zoom.us/{VERSION_NUMBER}/css/bootstrap.css" />
  <link type="text/css" rel="stylesheet" href="https://source.zoom.us/{VERSION_NUMBER}/css/react-select.css" />
</head>

Install from CDN

To install the Web Meeting SDK via the Web Meeting SDK CDN, add the following styles and scripts to the HTML page you want the Web Meeting SDK to live on, or index.html if you are using a single page app framework.

Note: Use either the Component View or Client View.

<head>
  <!-- For Client View -->
  <link type="text/css" rel="stylesheet" href="https://source.zoom.us/{VERSION_NUMBER}/css/bootstrap.css" />
  <link type="text/css" rel="stylesheet" href="https://source.zoom.us/{VERSION_NUMBER}/css/react-select.css" />
</head>

<body>
  <!-- For Component and Client View -->
  <script src="https://source.zoom.us/{VERSION_NUMBER}/lib/vendor/react.min.js"></script>
  <script src="https://source.zoom.us/{VERSION_NUMBER}/lib/vendor/react-dom.min.js"></script>
  <script src="https://source.zoom.us/{VERSION_NUMBER}/lib/vendor/redux.min.js"></script>
  <script src="https://source.zoom.us/{VERSION_NUMBER}/lib/vendor/redux-thunk.min.js"></script>
  <script src="https://source.zoom.us/{VERSION_NUMBER}/lib/vendor/lodash.min.js"></script>

  <!-- For Client View -->
  <script src="https://source.zoom.us/zoom-meeting-{VERSION_NUMBER}.min.js"></script>

  <!-- For Component View -->
  <script src="https://source.zoom.us/{VERSION_NUMBER}/zoom-meeting-embedded-{VERSION_NUMBER}.min.js"></script>
</body>

Add current version number

Replace {VERSION_NUMBER} in the code above with the latest version number. For example, if the version number is 2.3.5, the react-select stylesheet link should be https://source.zoom.us/2.3.5/css/react-select.css.

Now that we have added the Web Meeting SDK into our project, it is time to generate an SDK Signature to authorize the SDK.

Next Steps

Generate Signature SDK Authorization

Need help?