Zom Web SDK join() function not called in VueJS (Webpack)

Client Web SDK
#1

Description
I tried using the NPM version of Zoom SDK. Everything is fine, no errors in the console, but all I see is black screen. The init() function is called successfully, but the join() function is never invoked, and an error message is not shown either.

I definitely believe this is some kind of an issue with Web SDK and Webpack.

I can also confirm I have successfully called the methods

ZoomMtg.preLoadWasm();

ZoomMtg.prepareJssdk();

And followed all steps accurately. I’m still unable to get past the black screen.

Error
Black screen, join() function is never invoked

Which version?
Zoom Web SDK 1.7.8

Device

  • Device: Laptop
  • OS: Ubuntu
  • Version: 17.10
  • Browser: Chrome
    (This is not an OS specific issue, it happened with MacOS as well as Windows)

Additional context
My code is below:

     ZoomMtg.init({
          leaveUrl: "http://www.zoom.us",
           isSupportAV: true,
          success: () => {
            console.log(this.signature)
        
        ZoomMtg.join({
          meetingNumber: this.meetConfig.meetingNumber,
          signature: this.signature,
          apiKey: this.meetConfig.apiKey,
          userName:'Test',
          role: 0,
          passWord: this.meetConfig.password,
          success: function(res) {
            console.log("join meeting success");
          },
          error: function(res) {
            console.log(res);
            console.log("error")
          }
        });
      },
      error: function(res) {
        console.log(res);
        console.log("error")
      }
    });
#2

Hey @susankya,

I am guessing the ZoomMtg.preLoadWasm(); and ZoomMtg.prepareJssdk(); files are not being loaded properly.

As a test, can you try adding the following line above where you call those functions:

ZoomMtg.setZoomJSLib('https://dmogdx0jrul3u.cloudfront.net/1.7.8/lib', '/av');

If that fixes the issue, make sure your path to the Web SDK files in node_modules is correct:

Thanks,
Tommy

#3