import React,{useEffect,Fragment} from 'react';
import { ZoomMtg } from '@zoomus/websdk';
ZoomMtg.preLoadWasm();
ZoomMtg.prepareWebSDK();
ZoomMtg.setZoomJSLib('https://source.zoom.us/2.18.2/lib','/av');
const Meeting = () => {
useEffect(() => {
let payload = {
meetingNumber:787361823,
role:0,
passWord:'gad123',
userName:"harshit",
userEmail:'',
leaveUrl:"http://localhost:3000",
sdkKey:process.env.REACT_APP_SDK_KEY,
sdkSecret:process.env.REACT_APP_SDK_SECRET_KEY
}
ZoomMtg.generateSDKSignature({
meetingNumber:payload.meetingNumber,
role:payload.role,
sdkKey:payload.sdkKey,
sdkSecret:payload.sdkSecret,
success:function(signature){
console.log("signature",signature)
ZoomMtg.init({
leaveUrl:payload.leaveUrl,
patchJsMedia: true,
success:function(data){
console.log("data",data)
ZoomMtg.join({
meetingNumber:payload.meetingNumber,
signature:signature.result,
userName:payload.userName,
userEmail:payload.userEmail,
passWord:payload.passWord,
sdkKey:payload.sdkKey,
tk:'',
success:function(){
console.log("---- joined ----")
},
error:function(error){
console.log("join error",error)
}
})
},
error:function(error){
console.log("init error",error)
}
})
},
error:function(error){
console.log("error",error)
}
})
}
// running();
// }
,[])
return (<Fragment></Fragment>)
}
export default Meeting;
getting this error
image 2
browser details : Your client's web browsing configuration - code: GZFBLSZ