Description
Hi! im trying to make zoom into a react app and im getting join invalid parameter !!!
Error
res {method: “generateSignature”, status: true, errorCode: 0, errorMessage: null, result: "}
2zoomus-websdk.umd.min.js:2 pre load wasm success: https://source.zoom.us/1.7.10/lib/av/5510_audio.encode.wasm
2zoomus-websdk.umd.min.js:2 pre load wasm success: https://source.zoom.us/1.7.10/lib/av/5510_video.decode.wasm
2zoomus-websdk.umd.min.js:2 pre load wasm success: https://source.zoom.us/1.7.10/lib/av/5510_video.mt.wasm
zoomus-websdk.umd.min.js:2 — initMeeting —
zoomus-websdk.umd.min.js:2 {debug: true, leaveUrl: “https://zoom.us/”, showMeetingHeader: true, disableInvite: false, disableCallOut: false, …}
index.js:49 init success: {method: “init”, status: true, errorCode: 0, errorMessage: null, result: null}
zoomus-websdk.umd.min.js:2 — preJoinMeeting —
zoomus-websdk.umd.min.js:2
zoomus-websdk.umd.min.js:2 join invalid parameter !!!
Which version?
“@zoomus/websdk”: “^1.7.10”
To Reproduce(If applicable)
Just at the first render
Additional context
Component code
import React, { useEffect, useState } from 'react';
import { ZoomMtg } from '@zoomus/websdk';
const apiKeys = {
apiKey: process.env.REACT_APP_ZOOM_API_KEY,
apiSecret: process.env.REACT_APP_ZOOM_API_SECRET
};
const meetConfig = {
apiKey: apiKeys.apiKey,
meetingNumber: '',
leaveUrl: 'www.google.com.ar',
userName: 'Test',
userMail: '',
role: 1 // 1 for host; 0 for attendee or webinar
};
export default () => {
ZoomMtg.setZoomJSLib('https://source.zoom.us/1.7.10/lib', '/av');
ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();
ZoomMtg.getJSSDKVersion();
const joinMeeting = (signature) => {
ZoomMtg.init({
leaveUrl: 'https://zoom.us/',
isSupportAV: true,
debug: true,
success: (res) => {
console.log('init success: ', res);
ZoomMtg.join({
signature,
apiKey: meetConfig.apiKey,
meetingNumber: meetConfig.meetingNumber,
userName: meetConfig.userName,
userMail: meetConfig.userMail,
success: (success) => {
console.log('join: ', success);
},
error: (error) => {
console.log('join: ', error);
}
});
}
});
};
useEffect(() => {
/**
* You should not visible api secret key on frontend
* Signature must be generated on server
* https://marketplace.zoom.us/docs/sdk/native-sdks/web/essential/signature
*/
ZoomMtg.generateSignature({
meetingNumber: meetConfig.meetingNumber,
apiKey: meetConfig.apiKey,
apiSecret: apiKeys.apiSecret,
role: meetConfig.role,
success: (res) => {
console.log('res', res);
setTimeout(() => {
joinMeeting(res.result);
}, 1000);
}
});
}, []);
return <button type="button">Empezar</button>;
};