Description
Hi,@tommy
I’ve used zoom web sdk with react.js which you created https://github.com/zoom/websdk-sample-react
I am joining in a meeting with zoom web sdk and then nothing is happening when i am clicking on join button
Error
[HMR] Waiting for update signal from WDS…
zoom-meeting-1.9.8.min.js:2 pre load wasm success: https://source.zoom.us/1.9.8/lib/av/1501_audio.encode.wasm
zoom-meeting-1.9.8.min.js:2 pre load wasm success: https://source.zoom.us/1.9.8/lib/av/1501_video.simd.wasm
:4000/:1 Failed to load resource: net::ERR_CONNECTION_REFUSED
index.js:1 TypeError: Failed to fetch
console. @ index.js:1
:4000/:1 Failed to load resource: net::ERR_CONNECTION_REFUSED
index.js:1 TypeError: Failed to fetch
console. @ index.js:1
:4000/:1 Failed to load resource: net::ERR_CONNECTION_REFUSED
index.js:1 TypeError: Failed to fetch
console. @ index.js:1
(anonymous) @ App.js:45
DevTools failed to load source map: Could not load content for https://source.zoom.us/1.9.8/lib/webim.min.js.map: HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load source map: Could not load content for https://source.zoom.us/1.9.8/css/bootstrap.css.map: HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE
:4000/:1 Failed to load resource: net::ERR_CONNECTION_REFUSED
index.js:1 TypeError: Failed to fetch
console. @ index.js:1
(anonymous) @ App.js:45
:4000/:1 Failed to load resource: net::ERR_CONNECTION_REFUSED
index.js:1 TypeError: Failed to fetch
console. @ index.js:1
(anonymous) @ App.js:45
Which Web Video SDK version?
Knowing the version can help us to identify your issue faster. [e.g. 1.9.8]
To Reproduce(If applicable)
Steps to reproduce the behavior:
import React from ‘react’;
import ‘./App.css’;
declare var ZoomMtg
ZoomMtg.setZoomJSLib(‘https://source.zoom.us/1.9.8/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’);
function App() {
// setup your signature endpoint here: https://github.com/zoom/meetingsdk-sample-signature-node.js
var signatureEndpoint = ‘http://localhost:4000’
// pass in the registrant’s token if your meeting or webinar requires registration. More info here:
// Meetings: https://marketplace.zoom.us/docs/sdk/native-sdks/web/build/meetings/join#join-registered
// Webinars: https://marketplace.zoom.us/docs/sdk/native-sdks/web/build/webinars/join#join-registered-webinar
var registrantToken =
function getSignature(e) {
e.preventDefault();
fetch(signatureEndpoint, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
meetingNumber: meetingNumber,
role: role
})
}).then(res => res.json())
.then(response => {
startMeeting(response.signature)
}).catch(error => {
console.error(error)
})
}
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: apiKey,
userEmail: userEmail,
passWord: passWord,
tk: registrantToken,
success: (success) => {
console.log(success)
},
error: (error) => {
console.log(error)
}
})
},
error: (error) => {
console.log(error)
}
})
}
return (
<div className="App">
<main>
<h1>Zoom Meeting SDK Sample React</h1>
<button onClick={getSignature}>Join Meeting</button>
</main>
</div>
);
}
export default App;
Screenshots
If applicable, add screenshots to help explain your problem.
Device (please complete the following information):
- Device: [e.g. HP Laptop]
- OS: [e.g. Window 10]
- Browser: [ Chrome]
- Browser Version [88.0.4324.150 (Official Build) (x86_64)]
Additional context
What is var registrantToken, is it JWT Token ? Which i have insert here ? pls let me know