Description
When trying to use the web SDK on our website, the dependencies for the meeting fail to load with a 403 error on our AWS Amplify test server. This issue doesn’t occur on local testing.
Browser Console Error
GET https://source.zoom.us/2.2.0/lib/a](https://source.zoom.us/2.2.0/11b/av/1501_js_media.min.js net: :ERR_ABORTED
Devtools failed to load source map: Could not load content for https://source.zoom.us/2.2.0/lib/webim.min.js.map: HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE
Which Web Meeting SDK version?
[2.2.0]
Meeting SDK Code Snippets
import { ZOOM_API_KEY, ZOOM_LEAVE_URL, ZOOM_SIGNATURE_ENDPOINT } from ‘@utils/constants’;
import React from ‘react’;
import { useAuth } from ‘@context/auth/authContext’;
import { useRouter } from ‘next/router’;
import axiosInstance from ‘@utils/axios’;
export default function JoinLive() {
const { user } = useAuth();
let meetId;
let meetPassword;
const role = 2;
const router = useRouter();
React.useEffect(async () => {
const { ZoomMtg } = await import('@zoomus/websdk');
// console.log('checkSystemRequirements');
// console.log(JSON.stringify(ZoomMtg.checkSystemRequirements()));
ZoomMtg.setZoomJSLib('https://source.zoom.us/2.2.0/lib', '/av');
// ZoomMtg.preLoadWasm();
ZoomMtg.prepareWebSDK();
ZoomMtg.i18n.load('en-US');
ZoomMtg.i18n.reload('en-US');
console.log('loaded zoom sdk');
let lsRequest = { livestreamId: router.query.livestreamId };
console.log(lsRequest);
let response = await axiosInstance.put('next/livestream/update', lsRequest).catch((error) => {
console.log('livestream fetch error: ', error);
return;
});
console.log('Response: ', response);
if (response?.data?.isSuccessful) {
meetId = response?.data?.meet?.meetId;
meetPassword = response?.data?.meet?.meetPassword;
console.log(response.data.meet);
}
}, [ ]);
const getSignature = (data) => {
var meet_id = data.meet_id;
var password = data.password;
var user = data.user;
console.log('########', meet_id, password);
fetch(ZOOM_SIGNATURE_ENDPOINT + (role === 1 ? '_host' : '_attendee'), {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
meetingNo: meet_id,
password: password,
}),
})
.then((res) => res.json())
.then((response) => {
console.log('zoom signature response: ', response);
startMeeting(response.signature, response?.meetingNumber, response?.password, user);
})
.catch((error) => {
console.error('Afjja3######', error);
});
};
const startMeeting = (signature, meeting_number, password, user) => {
document.getElementById('zmmtg-root').style.display = 'block';
// eslint-disable-next-line
ZoomMtg.init({
leaveUrl: ZOOM_LEAVE_URL,
isSupportAV: true,
disableRecord: false,
success: (success) => {
console.log(success);
console.log('ZoomMtg.join parameters: ', signature, meeting_number, password, user);
// eslint-disable-next-line
ZoomMtg.join({
signature: signature,
meetingNumber: meeting_number,
userName: user.email,
apiKey: ZOOM_API_KEY,
userEmail: user.email,
passWord: password,
success: (success) => {
console.log(success);
// eslint-disable-next-line
ZoomMtg.record({
record: true,
});
},
error: (error) => {
console.log(error);
},
});
},
error: (error) => {
console.log(error);
},
});
};
const handleLiveJoin = () => {
getSignature({
meet_id: meetId,
password: meetPassword,
user: user,
});
};
return (
<>
\
\<link type="text/css" rel="stylesheet" href="https://source.zoom.us/2.2.0/css/bootstrap.css" />
\<link type="text/css" rel="stylesheet" href="https://source.zoom.us/2.2.0/css/react-select.css" />
\<script src="https://source.zoom.us/2.2.0/lib/vendor/react.min.js"></script>
\<script src="https://source.zoom.us/2.2.0/lib/vendor/react-dom.min.js"></script>
\<script src="https://source.zoom.us/2.2.0/lib/vendor/redux.min.js"></script>
\<script src="https://source.zoom.us/2.2.0/lib/vendor/redux-thunk.min.js"></script>
\<script src="https://source.zoom.us/2.2.0/lib/vendor/lodash.min.js"></script>
\<script src="https://source.zoom.us/zoom-meeting-2.2.0.min.js"></script>
\</head>
\<button onClick={handleLiveJoin}>Join live</button>
</>
);
}
To Reproduce(If applicable)
Steps to reproduce the behavior:
- Go to ‘…’
- Click on ‘…’
- Scroll down to ‘…’
- See error
Screenshots
Screenshot below from local testing where it does work