How to embed Zoom into a website
There are two Web based SDKs that allow Zoom to be embedded into a website.
Option 1. Embedding Zoom Meetings and Webinars (Meeting SDK)
For embedding Zoom Meetings and Webinars into your website, use the Meeting SDK for web. The Meeting SDK for web has two installation methods to support both basic HTML and JavaScript sites and sites built with frontend frameworks like Angular, React, Vue.js, and others.
Use Cases
- Embedding the Zoom Meeting and Webinar experience inside your website.
- Allowing users with or without a Zoom account to join meetings and webinars inside your website.
Implementation
-
Basic HTML and Javascript:
- Import the Meeting SDK for web by linking the CDN scripts and styles in your index.html file.
-
Frontend Frameworks (Angular, React, Vue.js, etc.):
- Import the Meeting SDK using NPM.
Resources
- Documentation:
- Sample Apps:
- Tutorials
- Community
Option 2. Custom user interface (Video SDK)
For building customized video/audio/chat/screenshare web apps, use the Video SDK for web. The Video SDK for web is a stand alone developer product to utilize Zooms video and audio infrastructure for your website. Think of video and audio streaming as a service. You cannot join Zoom Meetings or Webinars with the Video SDK.
Use Cases
- Creating custom user experiences inside your website with audio and video streaming, for example, a multiplayer racing game where users can see and hear each other.
Implementation
- Frontend Frameworks (Angular, React, Vue.js, etc.):
- Import the Meeting SDK for web using NPM.
- Download the Video SDK for web and sample app via the Zoom App Marketplace.
Resources
- Documentation:
- Sample Apps:
- Community