Zoom has a web client that can be embedded in websites as an iframe. In this guide we’ll show you how to embed a Zoom meeting in an HTML label opened after clicking on a marker (anchor) inside the scene.
Open your Zoom account settings in a web browser, navigate to Settings > Meetings tab and:
a. Allow anybody to join your meeting using the web client:
b. Disable the waiting room: Alternatively, you can leave the waiting room enabled here and disable it only for the meeting to be embedded, using the regular Zoom client after having joined the meeting.
Create a Zoom meeting using the regular Zoom client (desktop/mobile).
Open the Shapespark editor for the scene you’d like to embed the meeting in.
Add an HTML label for the meeting:
<iframe src="https://zoom.us/wc/YOUR-MEETING-ID/join?prefer=0&pwd=YOUR-MEETING-PASSWORD" style="border: 0; width: 60vw; height:60vh;" allow="microphone; camera; fullscreen" sandbox="allow-forms allow-scripts allow-same-origin"> </iframe>
YOUR-MEETING-PASSWORD with the meeting ID and password. Don’t use dashes in the meeting ID - digits only. Optionally, you can adjust the width and height of the iframe to match your requirements.
- Save the scene and upload it.
The Zoom web client works only in Chrome, so you have to open the uploaded scene using Chrome. The embed requires that the scene is opened with the secure HTTPS protocol, so it will not work if the scene is opened in the Shapespark desktop application.
This guide is based on a discusion on Zoom developer’s forum: https://devforum.zoom.us/t/embed-zoom-video-to-a-web-server/2882