Access denied when changing Zoom to version 3.1.6

Meeting SDK
1

Access denied when changing Zoom to version 3.1.6:

Meeting SDK Type and Version
“@zoom/meetingsdk”: “^3.1.6”

Description
All attempts to access the wasm and js files for the Zoom Meeting web SDK from the Zoom domain are resulting in a 403 error (Forbidden). With the 2.17.0 it was working fine and I followed the instructions provided for changing the zoom from “@zoomus/websdk” to “@zoom/meetingsdk”.

Error?

 <Error>
 <Code>AccessDenied</Code>
 <Message>Access Denied</Message>
 <RequestId>F2FYSC44FYJ07XZS</RequestId> 
<HostId>JQPl5oenq/CiEwQ0/GevQWzLk2F4Fdb6l6caZTiBm7ZFfYTeJOOJgMQliePd7eQn00iEaLTSRAo=</HostId>
 </Error>

Troubleshooting Routes
My code sample is:

  ZoomMtg.setZoomJSLib("https://source.zoom.us/3.1.6./lib", "/av");  
  ZoomMtg.preLoadWasm();
  ZoomMtg.prepareWebSDK();
  
  ZoomMtg.init({
    leaveUrl: `${window.location.origin}/portal/event/${eventPublicId}`,
    patchJsMedia: true,
    success: (success: any) => {
      ZoomMtg.join({
        signature: resolvedData.signature,
        sdkKey: resolvedData.sdkKey,
        meetingNumber: resolvedData.meetingNumber,
        userName: resolvedData.userName,
        userEmail: resolvedData.userEmail,
        success: () => {
          ReactGA.event({
            action: ZOOM_EVENT_ATTENDANCE_ACTION,
            category: EVENT_ATTENDANCE_CATEGORY,
          });
        },
        error: (error: any) => console.log(error),
      });
    },
    error: (error: any) => console.log(error),
  });
  return <div id="meetingSDKElement"></div>;

How To Reproduce
Steps to reproduce the behavior including:
1. Authentication method or app type
2. Any errors
3. Browser/client type and version

2

@nikola.sajic

ZoomMtg.setZoomJSLib(“https://source.zoom.us/3.1.6./lib”, “/av”);
ZoomMtg.setZoomJSLib(“https://source.zoom.us/3.1.6/lib”, “/av”);

are you using an invalid URL? Note the addition . at the end of 3.1.6

3

@chunsiong.zoom

I have removed the “.” in the end, and I have added some CDN scripts into index.html file, so now the code looks like this:

 ZoomMtg.setZoomJSLib("https://source.zoom.us/3.1.6/lib", "/av");
  ZoomMtg.preLoadWasm();
  ZoomMtg.prepareWebSDK();
  ZoomMtg.i18n.load("en-US");



  ZoomMtg.init({
    leaveUrl: `${window.location.origin}/portal/event/${eventPublicId}`,
    patchJsMedia: true,
    success: (success: any) => {
      ZoomMtg.join({
        signature: resolvedData.signature,
        sdkKey: resolvedData.sdkKey,
        meetingNumber: resolvedData.meetingNumber,
        userName: resolvedData.userName,
        userEmail: resolvedData.userEmail,
        success: () => {
          ReactGA.event({
            action: ZOOM_EVENT_ATTENDANCE_ACTION,
            category: EVENT_ATTENDANCE_CATEGORY,
          });
        },
        error: (error: any) => console.log(error),
      });
    },
    error: (error: any) => console.log(error),
  });
  return <div id="meetingSDKElement"></div>;

And in my index.html I have put in the tag:

<link
      type="text/css"
      rel="stylesheet"
      href="https://source.zoom.us/3.1.6/css/bootstrap.css"
    />
    <link
      type="text/css"
      rel="stylesheet"
      href="https://source.zoom.us/3.1.6/css/react-select.css"
    />
    <script async src="https://www.googletagmanager.com/gtag/js?id=%REACT_APP_GA_TRACKING_ID%"></script>
    <meta http-equiv="origin-trial" content="">
    <script src="https://source.zoom.us/3.1.6/lib/vendor/react.min.js"></script>
    <script src="https://source.zoom.us/3.1.6/lib/vendor/react-dom.min.js"></script>
    <script src="https://source.zoom.us/3.1.6/lib/vendor/redux.min.js"></script>
    <script src="https://source.zoom.us/3.1.6/lib/vendor/redux-thunk.min.js"></script>
    <script src="https://source.zoom.us/3.1.6/lib/vendor/lodash.min.js"></script>
    <script src="https://source.zoom.us/3.1.6/zoom-meeting-embedded-3.1.6.min.js"></script>
    <script src="https://source.zoom.us/zoom-meeting-3.1.6.min.js"></script>

and when I try to join meeting I get the black screen with the following errors in the console:

image
image1683×896 98.1 KB

Also, I would like to note, that I do not get any errors in the Network tab.

4

image

@nikola.sajic , can you check if all the versions are correctly updated to 3.1.6?
I see that there might be reference to 2.1.6?

5

@chunsiong.zoom
Hello, I have checked, everything is updated. The previous image had a narrow column so it seemed like it whas “2.1.6”, but actually it is not. Here is the image with full rows:

image
image941×240 35.9 KB

Also, I have found a solution for the same error on Zoom Developers forum here, and I have downgraded our react version to 16.14.0, but I still get the same error.

1 Like
6

@chunsiong.zoom I have upgraded zoom version to 3.5.1 and I still get these errors:

image
image929×709 78.5 KB

1 Like
7

@nikola.sajic , for 3.5.1 there is a requirement to use only React 18. You cannot use React 16.

Can you try out the sample code as is, and let me know if you have any issues with the published sample code?

8

@chunsiong.zoom Thanks for the heads up. Our react version is already 18.2.0.

I have put my Zoom.init method inside the useEffect and now i do have the video preview screen working fine, but when I click on the “Join” button, I get an error in the console which says:

image
image785×143 13.9 KB

I would also like to note that in the Network tab, everything is fine and there are no bad requests or requests that return errors.

9

@nikola.sajic are you using the sample app?

10

@chunsiong.zoom I’ve managed to get the sample app working and used similar principles on our application. Thank you so much for the support! :slight_smile: