Good afternoon, team!
Description
I’m test application build in reactjs and config the call manually and then load the application on a phone, but i not see the start button of video call. Is posible that this work with the WebSDK.
I have this code…
import { ZoomMtg } from "@zoomus/websdk";
ZoomMtg.setZoomJSLib("https://source.zoom.us/1.9.9/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");
var enReunion = false;
const Aw = ({}) => {
var signatureEndpoint = "";
var apiKey = "jKQmho59QVeL0SGvIcuPsg";
var meetingNumber = "79111370036";
var role = 0;
var leaveUrl = "http://localhost:3000";
var userName = "React";
var userEmail = "fff@gmail.com";
var passWord = "VW1vdWVXdFJFOU9yU29UdVhQK2lndz09";
if (document.getElementById("zmmtg-root").style["display"] !== "block") {
document.getElementById("zmmtg-root").style["display"] = "none";
}
var API_KEY = "XXXXXXXXXX";
var API_SECRET = "XXXXXXXXXXXXXXXX";
var registrantToken = "";
function getSignature(e) {
e.preventDefault();
var signature = ZoomMtg.generateSignature({
meetingNumber: "79111370036",
apiKey: API_KEY,
apiSecret: API_SECRET,
role: 1,
success: function (res) {
console.log(res.result);
startMeeting(res.result);
},
});
}
function startMeeting(signature) {
document.getElementById("zmmtg-root").style.display = "block";
ZoomMtg.init({
leaveUrl: leaveUrl,
success: (success) => {
console.log(success);
ZoomMtg.join({
signature: signature,
meetingNumber: meetingNumber,
userName: userName,
apiKey: API_KEY,
userEmail: userEmail,
passWord: passWord,
// tk: registrantToken,
success: (success) => {
document.getElementById("zmmtg-root").style["display"] = "block";
enReunion = true;
},
error: (error) => {
console.log(error);
},
});
},
error: (error) => {
console.log(error);
},
});
}
return (
<div id="containerMeet">
<h1>Zoom Meeting SDK Sample React</h1>
<button onClick={getSignature}>Join Meeting</button>
</div>
);
};
Thanks for your help!