Unable to upgrade Meeting Web SDK from 2.17.0 to 2.18.0

Meeting SDK Web
1

My existing Angular application works successfully with the Zoom Meeting Web SDK versions 2.16.0 and 2.17.0. When I try to do a direct upgrade to 2.18.0 I am unable to enter a meeting from the browser. With the host running in the Zoom application I can see the interactions from the client (admitting them from the waiting room, seeing them entering the meeting, see their name) but the client is errored out with a white page and a large number of the console error in the browser shown below.

Browser Console Error
Uncaught TypeError: m.AK.connectSocket is not a function
at tn (zoomus-websdk.umd.min.js:2:1149003)
at rn (zoomus-websdk.umd.min.js:2:1192736)
at zoomus-websdk.umd.min.js:2:1206370
at index.js:16:18
at Yt (zoomus-websdk.umd.min.js:2:4019199)
at Object.handleOnMessage (zoomus-websdk.umd.min.js:2:4020312)
at i..i..onmessage [as __zone_symbol__ON_PROPERTYmessage] (zoomus-websdk.umd.min.js:2:4021069)
at WebSocket.wrapFn (zone.js:766:39)

Troubleshooting Routes
I verified there are no major Zoom dependency changes between 2.17 and 2.18. Reverting the version back to 2.17.0 results in the client connecting successfully.

1 Like
2

Hi @tkapinus
Thanks for reaching out to us/
So you are not having this issue anymore when using the 2.17.0 version of Zoom Meeting Web SDK, correct?
I will look internally to see if this is a known or reported issue
Cheers,
Elisa

3

Hi @elisa.zoom . That is correct, 2.16.0 and 2.17.0 are working fine. Upgrading the version to 2.18.0 produces the error.

4

Thanks @tkapinus
We are currently looking into this

5

I have the same error with 2.17.0 version, you can help me please.

6

Facing the same issue, Tried 2.18.2 and still seeing a blank screen.

7

m.AK.connectSocket is not a function i am using this
ZoomMtg.setZoomJSLib(‘https://source.zoom.us/2.18.2/lib’, ‘/av’);

Screenshot from 2023-12-08 12-21-23
Screenshot from 2023-12-08 12-21-231920×1080 382 KB

8

kindly give solution , how i can handle this

this is my code
import { ZoomMtg } from ‘@zoomus/websdk’;

ZoomMtg.setZoomJSLib(‘https://source.zoom.us/2.18.2/lib’, ‘/av’);

ZoomMtg.preLoadWasm();
ZoomMtg.prepareWebSDK();
// loads language files, also passes any error messages to the ui
ZoomMtg.i18n.load(‘en-US’);
ZoomMtg.i18n.reload(‘en-US’);
const KJUR = require(‘jsrsasign’);

function ZoomVideo({ zoomData }) {
// const client = ZoomMtgEmbedded.createClient();

var sdkKey = zoomData.api_key
var meetingNumber = zoomData.meeting_id
var passWord = zoomData.password
var userName = zoomData.username
var userEmail = zoomData.useremail
var registrantToken = ‘’
var zakToken = ‘’
var leaveUrl = ‘awdwd’;

function getSignature(apiKey, apiSecret, meetingNumber, role) {
return new Promise((resolve, reject) => {
let iat = Math.round(new Date().getTime() / 1000) - 30;
let exp = iat + 60 * 60 * 2;
let oHeader = { alg: ‘HS256’, typ: ‘JWT’ };
let oPayload = {
sdkKey: apiKey,
mn: meetingNumber,
role: role,
iat: iat,
exp: exp,
appKey: apiKey,
tokenExp: iat + 60 * 60 * 2,
};

  let sHeader = JSON.stringify(oHeader);
  let sPayload = JSON.stringify(oPayload);

  let getSignature = KJUR.jws.JWS.sign('HS256', sHeader, sPayload, apiSecret);
  startMeeting(getSignature);
  resolve(getSignature);
});

}

function startMeeting(signature) {
document.getElementById(‘zmmtg-root’).style.display = ‘block’

ZoomMtg.init({
  leaveUrl: leaveUrl,
  success: (success) => {
    console.log(success)
    ZoomMtg.join({
      signature: signature,
      sdkKey: sdkKey,
      meetingNumber: meetingNumber,
      passWord: passWord,
      userName: userName,
      userEmail: userEmail,
      tk: registrantToken,
      zak: zakToken,
      success: (success) => {
        console.log(success)
      },
      error: (error) => {
        console.log(error)
      }
    })

  },
  error: (error) => {
    console.log(error)
  }
})

}

return (



<button onClick={getSignature(zoomData.api_key, zoomData.api_secret, zoomData.meeting_id, zoomData.role)}>


);
}

export default ZoomVideo;

9

Hi @priya.dubey
We have found some compatibility issues with Meeting WebSDK 2.18 and React 18
Please downgrade to React 16

I have share some insights here:

10

OK thanks @elisa.zoom , Now its working fine

1 Like
11

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.