Description
Hi, I am using Zoom SDK version 1.9.7. When I join the meeting, I have this error:
Here is my code on the front end:
import React, { useEffect } from ‘react’;
import { ZoomMtg } from ‘@zoomus/websdk’;
import axios from ‘axios’;
import dotenv from ‘dotenv’;
dotenv.config();
let apiKey = process.env.REACT_APP_API_KEY;
let apiSecret = process.env.REACT_APP_API_SECRET;
let meetingNumber = 4807878242
let role = 0
let leaveUrl = ‘http://localhost:3000’
let userName = ‘WebSDK’
let userEmail = ‘test@gmail.com’
let passWord = ‘5kyRTG’
function Zoom() {
const showZoomDiv = () => {
document.querySelector(’#zmmtg-root’).style.display = ‘block’;
}
const initiateMeeting = async () => {
const { signature } = await axios.post('http://localhost:3001/signature', { meetingNumber, role });
ZoomMtg.init({
leaveUrl: leaveUrl,
isSupportAV: true,
success: (success) => {
console.log(success)
ZoomMtg.join({
signature: signature,
meetingNumber: meetingNumber,
userName: userName,
apiKey: apiKey,
userEmail: userEmail,
passWord: passWord,
success: (success) => {
console.log(success)
},
error: (error) => {
console.log(error)
}
})
},
error: (error) => {
console.log(error)
}
})
}
useEffect(() => {
showZoomDiv();
ZoomMtg.setZoomJSLib('https://source.zoom.us/1.9.7/lib', '/av');
ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();
initiateMeeting();
}, [])
return (
<div>
</div>
)
}
export default Zoom
and here is the code for the backend to get the signature:
app.post(’/signature’, (req, res) => {
const apiKey = process.env.API_KEY;
const apiSecret = process.env.API_SECRET;
const meetingNumber = req.body.meetingNumber;
const role = req.body.role;
// Prevent time sync issue between client signature generation and zoom
const timestamp = new Date().getTime() - 30000
const msg = Buffer.from(apiKey + meetingNumber + timestamp + role).toString('base64')
const hash = crypto.createHmac('sha256', apiSecret).update(msg).digest('base64')
const signature = Buffer.from(`${apiKey}.${meetingNumber}.${timestamp}.${role}.${hash}`).toString('base64')
res.json({ signature })
})
Can you help be find out what’s wrong
Error
The full error message or issue you are running into.
Which Web Client SDK version?
Knowing the version can help us to identify your issue faster. [e.g. 1.9.0]
To Reproduce(If applicable)
Steps to reproduce the behavior:
- Go to ‘…’
- Click on ‘…’
- Scroll down to ‘…’
- See error
Screenshots
If applicable, add screenshots to help explain your problem.
Device (please complete the following information):
- Device: [e.g. iPhone 12]
- OS: [e.g. iOS 14]
- Browser: [e.g. Chrome]
- Browser Version [e.g. 88.0.4324.150 (Official Build) (x86_64)]
Additional context
Add any other context about the problem here.