Description
I have written a small webpage that we want to embed the Zoom Web SDK into. I have followed the tutorial here: https://marketplace.zoom.us/docs/sdk/native-sdks/web/getting-started/integrate.
Use Case:
To create a meeting under our business account and to allow a user to visit a specific webpage to join a meeting without logging in.
We are generating a signature on the backend when we create the meeting, and have an API call that retrieves the signature, API key, meeting ID and password. Here is the relevant code:
ZoomMtg.setZoomJSLib("https://source.zoom.us/1.7.7/lib","/av");
ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();
document.getElementById(“zmmtg-root”).style=“width:600px;height:400px;z-index:100;”;
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var response=JSON.parse(xhttp.responseText);
const meetConfig = {
apiKey: 'API KEY',
meetingNumber: response.meetingId,
leaveUrl: 'https://yoursite.com/meetingEnd',
userName: 'Firstname Lastname',
userEmail: 'firstname.lastname@yoursite.com', // required for webinar
passWord: 'PASSWORD', // if required
role: 0 // 1 for host; 0 for attendee or webinar
};
ZoomMtg.init({
leaveUrl: meetConfig.leaveUrl,
isSupportAV: true,
success: function() {
console.log("Success");
ZoomMtg.join({
signature: response,
apiKey: meetConfig.apiKey,
meetingNumber: meetConfig.meetingNumber,
userName: meetConfig.userName,
// Email required for Webinars
userEmail: meetConfig.userEmail,
// password optional; set by Host
password: meetConfig.passWord,
success:function(res){
console.log(res);
},
error:function(res) {
console.log(res)
}
})
},
error:(err=>console.log(err))
})
}
};
xhttp.open(“GET”, /api/getOneLinkInfo?id=${params.id}&password=${params.pw}
, true);
xhttp.send();
Error
Unfortunately, there are no error messages, so I am not sure how to proceed. The ZoomMtg.Init is successful, but The Zoom window never renders anything besides a black box with a “0” in the top middle.
Which version?
1.7.7
Screenshots
This is what the zoom window looks like