MeteorJS Zoom Web SDK

Description
I am trying to integrate Zoom Web SDK to MeteorJS React
I was able to run the sample web app react from zoom.
However when I tried it on the MeteorJS React. I am now getting a
JS Media SDK Not Defined Error

Error
Uncaught ReferenceError: JsMediaSDK_Instance is not defined

Which Web Client SDK version?
@zoomus/websdk”: “^1.9.1”,

Screenshots

Device (please complete the following information):

  • Device: PC
  • OS: Ubuntu 18.04
  • Browser: Chrome
  • Browser Version: Chrome/89.0.4389.90

Additional context
Git Repo: https://github.com/tepxgit/meteorjszoom.git

Hey @tepx24,

Thank you for reaching out to the Zoom Developer Forum. It was really helpful to see your codebase, I think I was able to spot the issue.

It looks like you are importing the Web SDK both via your package.json file as well as in your main.html file. This means that you are importing the SDK using both the Local Method and the CDN Method.

With any app, you’ll want to choose one method to import the dependencies. When it comes to React apps, we found that it’s easiest to import dependencies using the CDN method. We have an example of this in the Sample React App:

I hope that helps! Let me know if you have any questions.

Thanks,
Max

Hi Max,

Thanks for the reply. I followed your suggestion and remove the local/package.json zoom web sdk. I imported the Zoom Web SDK dependencies as CDN. however I am still getting the same JSMediaSDK_not defined error. I have updated the git repo.

Hey @tepx24,

Thank you for making that change! Looking at the updated repo, I’m seeing that your public folder still has local Zoom Web SDK files in there. I think your bundler might still be including those files which is causing the conflict we’re seeing here.

When you then prepare dependencies, it is then referring to another instance of the ZoomMtg object:

In our Sample App, it looks like we needed to declare ZoomMtg as a variable when using the CDN Method:

Let me know if that helps.

Thanks,
Max

Hi Max,

Thanks for the help.
I have updated the git repo and removed the local zoom files in the public folder. however I am still getting the same JSMediaSDK not defined error. when I try to declare var ZoomMtg. I am getting a Uncaught TypeError: Cannot read property ‘setZoomJSLib’ of undefined

also Im not sure if this is an issue but im getting some console messages about samesite cookies.

Hey @tepx24,

Thanks for testing that out! I’m not sure what the issue is here, I’ll consult my team to see if they are able to offer any insight and get back to you here.

Thanks,
Max