Description
I am using Web SDK in my React application. Followed every step of this below project
When I am loading ZoomJS Library by ZoomMtg.setZoomJSLib('http://localhost:3000/node_modules/@zoomus/websdk/dist/lib', '/av') I am getting CORB warnings in my browser console recently. Earlier no such warnings were thrown by the browser.
Edit: I am getting errors on starting a Zoom meeting call whom screenshots I have attached in this.
Error
Two warnings are thrown:
-
zoomus-websdk.umd.min.js:2 Cross-Origin Read Blocking (CORB) blocked cross-origin response http://localhost:3000/node_modules/@zoomus/websdk/dist/lib/webim.min.js with MIME type text/html. See Cross-Origin Read Blocking (CORB) - Chrome Platform Status for more details.
-
zoomus-websdk.umd.min.js:2 Cross-Origin Read Blocking (CORB) blocked cross-origin response http://localhost:3000/node_modules/@zoomus/websdk/dist/lib/av/5510_js_media.min.js with MIME type text/html. See Cross-Origin Read Blocking (CORB) - Chrome Platform Status for more details.
Multiple errors I am getting in my browser console when I am trying to do Zoom.init.
Which version?
1.7.10
Screenshots
In Firefox Browser below warnings are being shown:
Below errors I am getting during the initialization of the Zoom meeting. I believe these errors are related to the issue of CORB policy because I didn’t get them before.
My Zoom Component
componentDidMount() {
ZoomMtg.setZoomJSLib('http://localhost:3000/node_modules/@zoomus/websdk/dist/lib', '/av');
ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();
}
The below code will be called when user clicks start zoom meeting button and resp.data.signature
is the generated Zoom signature from my backend in Django server.
ZoomMtg.init({
leaveUrl: 'http://localhost:8000/dashboard',
disableRecord: false,
videoDrag: true,
sharingMode: 'both',
success: () => {
console.log('Sucess');
ZoomMtg.join(
{
meetingNumber: '',
userName: '',
signature: resp.data.signature,
apiKey: process.env.REACT_APP_ZOOM_API_KEY,
passWord: '',
success: (res) => {
console.log('join meeting success:', res);
},
error: (res) => {
console.log('Error point 1 in join:', res);
}
}
);
},
error: (res) => {
console.log('Error point 2 in init:', res);
}
});