When joining the meeting SDK as a host, it works directly. However, when joining as a member, it asks for signing in. But when attempting to sign in, it only renders without showing the allow option, endlessly displaying a white mockup.
Code
import React, { useEffect, Fragment, useContext } from “react”;
import Context from “…/Context/Context”;
import { useLocation } from “react-router-dom”;
const Meeting = () => {
const payload = {
};
useEffect(() => {
const initializeMeeting = async () => {
try {
const { ZoomMtg } = await import(“@zoomus/websdk”);
ZoomMtg.setZoomJSLib('https://source.zoom.us/2.17.0/lib', '/av');
ZoomMtg.preLoadWasm();
ZoomMtg.prepareWebSDK();
// loads language files, also passes any error messages to the ui
// ZoomMtg.i18n.load('en-US');
// ZoomMtg.i18n.reload('en-US');
ZoomMtg.generateSDKSignature({
meetingNumber: payload.meetingNumber,
role: payload.role,
sdkKey: payload.sdkKey,
sdkSecret: payload.sdkSecret,
success: function (signature) {
ZoomMtg.init({
leaveUrl: payload.leaveUrl,
success: function (data) {
ZoomMtg.join({
meetingNumber: payload.meetingNumber,
signature: signature.result,
sdkKey: payload.sdkKey,
userName: payload.userName,
userEmail: payload.userEmail,
passWord: payload.passWord,
tk: "",
success: function () {
console.log("-- joined --");
},
error: function (joinError) {
console.error("Error joining meeting:", joinError);
},
});
},
error: function (initError) {
console.error("Error initializing Zoom:", initError);
},
});
},
error: function (signError) {
console.error("Error generating SDK signature:", signError);
},
});
} catch (error) {
console.error("Error while initializing Zoom:", error);
}
};
initializeMeeting();
}, [payload.meetingNumber, payload.role, payload.sdkKey, payload.sdkSecret, payload.passWord, payload.userName, payload.userEmail, payload.leaveUrl]);
return (
<link type="text/css" rel="stylesheet" href="https://source.zoom.us/2.17.0/css/bootstrap.css" />
<link type="text/css" rel="stylesheet" href="https://source.zoom.us/2.17.0/css/react-select.css" />
</Fragment>
);
};
export default Meeting;