Get started

Install the Meeting SDK for web via npm or the Meeting SDK CDN.

Install from npm#

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

npm install @zoom/meetingsdk --save

Install from CDN#

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

Use of this SDK is subject to our Terms of Service .

<!-- Dependencies for client view and component 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/react-redux.min.js"></script>
<script src="https://source.zoom.us/{VERSION_NUMBER}/lib/vendor/lodash.min.js"></script>

<!-- Choose between the client view or component view: -->

<!-- CDN for client view -->
<script src="https://source.zoom.us/zoom-meeting-{VERSION_NUMBER}.min.js"></script>

<!-- CDN for component view -->
<script src="https://source.zoom.us/zoom-meeting-embedded-{VERSION_NUMBER}.min.js"></script>

Use UTF-8 encoding#

Add <meta charset="UTF-8" /> to your web app's entry point (index.html) to ensure the browser uses UTF-8. Without it, the browser might default to a different encoding, which can prevent users from accessing media features and trigger console errors immediately after a session is joined.

Content Security Policy header#

See Content Security Policy header for additional configuration requirements if you use this header.

Next steps#

Now that you've installed the Meeting SDK into your project, choose whether to import the client view or component view.