Description
I’m setting up a proof of concept application using the Web SDK and seeing the above error.
I’ve also got two console errors showing.
- Warning: validateDOMNesting(…): < h1> cannot appear as a descendant of < p>.
- Warning: Invalid DOM property
playsinline
. Did you meanplaysInline
?
Error
The main issue is that I cannot join a webinar/meeting. It just tells me that the connection has timed out.
I don’t believe it has anything to do with connectivity.
I’ve read loads of articles and tickets for seemingly the same thing but no resolutions. These tickets were mostly from a 1.7.x and 1.8.x versions so has this bug existed since then?
Is there in fact no way to embed a webinar?
It stands a fair chance I’m doing something glaringly stupid.
Which App Type (OAuth / Chatbot / JWT / Webhook)?
JWT
My JavaScript file is below but it’s a copy of the one in the documentation.
Thanks in advance
import { ZoomMtg } from '@zoomus/websdk'
// For Global use source.zoom.us:
ZoomMtg.setZoomJSLib('https://source.zoom.us/1.9.5/lib', '/av');
// prepare required files
ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();
// const zoomMeeting = document.getElementById("zmmtg-root")
const meetConfig = {
apiKey: 'XXXX',
meetingNumber: '123456789',
leaveUrl: 'https://aapoc.test/ended',
userName: 'Name',
userEmail: 'email@email.com', // required
// passWord: 'password', // if required
role: 1 // 1 for host; 0 for attendee
};
function getSignature(meetConfig) {
// make a request for a signature
fetch(`https://aapoc.test/api/signature`, {
method: 'POST',
body: JSON.stringify({ meetingData: meetConfig })
})
.then(result => result.text())
.then(response => {
// call the init method with meeting settings
ZoomMtg.init({
screenShare: true,
isSupportChat: true,
leaveUrl: meetConfig.leaveUrl,
isSupportAV: true,
// on success, call the join method
success: function() {
ZoomMtg.join({
// pass your signature response in the join method
signature: response,
apiKey: meetConfig.apiKey,
meetingNumber: meetConfig.meetingNumber,
userName: meetConfig.userName,
passWord: meetConfig.passWord,
// on success, get the attendee list and verify the current user
success: function (res) {
console.log("join meeting success");
console.log("get attendee list");
ZoomMtg.getAttendeeslist({});
ZoomMtg.getCurrentUser({
success: function (res) {
console.log("success getCurrentUser", res.result.currentUser);
},
});
},
error: function (res) {
console.log(res);
},
})
}
})
});
}
getSignature(meetConfig);