Getting Started


This guide will walk through the steps to get started with the Web Meeting SDK through the following steps:

  1. Obtaining Web Meeting SDK Credentials
  2. Installing the Web Meeting SDK

NOTE: Please read how to improve Web SDK performance in Chrome.

Obtaining Web Meeting SDK Credentials

To get Web Meeting SDK Credentails, navigate to the Build App page on the Zoom App Marketplace, and choose the JWT app type.

On the App Credentials page you will find your Key and Secret. We will use these credentails in the next secetion to Generate a Signature for starting and joining Zoom Meetings and Webinars.

Then, activate your JWT App on the Activation page.

Now we are ready to install the Web Meeting SDK.

Installing the Web Meeting SDK

The Web Meeting SDK can be installed from NPM, or the Web 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

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 Web Component View or Web Client View but not both.

<head>
	<!-- For Web Client View: import Web Meeting SDK CSS -->
	<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 either view: import Web Meeting SDK JS dependencies -->
	<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 Component View -->
    <script src="https://source.zoom.us/{VERSION_NUMBER}/zoom-meeting-embedded-{VERSION_NUMBER}.min.js"></script>
	
	<!-- For Client View -->
	<script src="https://source.zoom.us/zoom-meeting-{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 1.9.9, the react-select stylesheet link should be https://source.zoom.us/1.9.9/css/react-select.css.


Now that we have installed the Web Meeting SDK into our project, it is time to Generate a Signature, the authentication method for starting and joining Zoom Meetings and Webinars.