How I show the zoom meeting in the mobile
import React, { useEffect, Fragment,useContext } from “react”;
import Context from “…/Context/Context”;
const Meeting = () => {
const UserCtx = useContext(Context);
const payload = {
meetingNumber: “”,
// role: UserCtx.userData.userType === “member” ? 0 : 1,
role:0,
sdkKey:',
sdkSecret:,
passWord: “”,
userName: UserCtx.userData.userName,
// userName:“test”,
userEmail: “”,
leaveUrl: “http://localhost:3000”,
};
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 (
</Fragment>
);
};
export default Meeting;
This is properly working in desktop screen but In mobile this is not show