Zoom Web SDK UI not displayed after upgrade to v1.8.5

Hi @tommy
I have already tried that before. UI is still not loaded. In SDK v1.7.10 when starting a video call, zoom starts loading its library files but in the latest version, these files are not getting loaded.

Here are the logs for Latest version if that is helpful
Console


Network tab

Did you resolve this problem?
I faced also problem.

No, Not yet :frowning:


Can you pls contact with developer team? :slight_smile:
I’m going to contact with them.
I should resolve this problem assp.

sorry I didn’t get which developer team?
If you are facing issue regarding adding language json.
eg. GET http://localhost:4200/node_modules/@zoomus/websdk/dist/lib/lang/en-US.json 404 (Not Found)
You can add ZoomMtg.i18n.load('en-US'); and it will work.

Ref. websdk/README.md at master · zoom/websdk · GitHub

Hey @mtroz310 , @nilesh.bunde ,

Checkout this thread on the language path issue:

Let me know if that helps! :slight_smile:

Thanks,
Tommy

Hi @tommy,
I tried this fix but it is still not working. I don’t think this is related with lang. The code execution is not reaching in success method of
ZoomMtg.init({ success: (res) => {
I was able to load en-US
See this screenshot

Hey @nilesh.bunde ,

If the ZoomMtg.init function is not being called, please ensure you have called the preload functions before hand, example (lines 7 and 8):

Thanks,
Tommy

Hi @tommy,
I tried this solution but it is still not working. I tried adding

ZoomMtg.setZoomJSLib('https://source.zoom.us/1.8.5/lib', '/av');
ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();

in ngOnInit and constructor as well. It is getting loaded as shown in the console screenshot in above comment.
[Zoom Web SDK UI not displayed after upgrade to v1.8.5 - #8 by nilesh.bunde]

ZoomMtg.init function is getting called but it immediately goes to onFailure('Failed to get signature to initiate call with'));

Hey @nilesh.bunde,

Anyway you can provide your code in a github repo, or a sample repo with the issue so we can take a look?

Thanks,
Tommy

Hi @tommy,

I’m on the same engineering team as @nilesh.bunde - thanks so much for your help with this issue so far.

Here is a sample repo which we have created, starting from the Zoom sample repo and adding enough of our code to demonstrate the issue with Create Meeting.

All of our changes are in the most recent commit in this repo.

Can you please provide more troubleshooting support? This is still an active issue for us as our integration is not useable.

I’d be happy to provide more information or answer any questions as needed.

Thanks again,
Rey

Thanks @rey.katz ,

I will take a look and see what issues I find! :slight_smile:

-Tommy

1 Like

Hi @tommy,
Thank you so much for the help you offered over video call.

I watched the recording, It was very informative.

I implemented the changes suggested and tested the APP, but unfortunately it is still not working.

  1. move ZoomMtg.preLoadWasm(); and ZoomMtg.prepareJssdk();
    i. Moved these right after imports
    ii. Libraries are getting loaded as expected but the meeting UI is not loaded

    pre load wasm success: https://source.zoom.us/1.8.5/lib/av/6206_audio.encode.wasm
    pre load wasm success: https://source.zoom.us/1.8.6/lib/av/6290_video.decode.wasm

    iii. So I don’t think this is the problem, We have’d tried this before as well

  2. Use CSS to hide/show the #zmmtg-root element instead of javascript.
    i. Tried using Show/Hide using CSS display: none/block

  3. If there are two copies of the Web SDK
    i. We are using CDN only

  4. #zmmtg-root element has a large enough z-index
    i. Tried with z-index > 1500
    ii. Also tried removing our UI completely

  5. Problem with Angular 11?
    i. We were previously using Angular 8 (Didn’t work for latest SDK), we updated to Angular 11 (Staging) to check if the problem is resolved but no luck with Angular 11 as well

  6. (Staging and Prod) on the same page, try disabling one of those apps
    i. I disabled other APPs except staging but still it’s not working for Staging
    ii. I don’t think it is related with having two APPs running on same page since on Local we have only one APP running but it’s not working for the latest SDK

Tried removing plugins which we have used, Also tried removing our UI completely and directly call createZoomMeeting to avoid any CSS or UI overlapping related problems but it is still not loading their UI.

Hey @nilesh.bunde ,

Happy to hear the meeting was helpful!

Are you using two different versions? That could also cause some issues.

I can help debug in the repo shared above, is that still a good example of the issue you are facing?

Thanks,
Tommy

Hello @tommy I have the same issue when loading

 ZoomMtg.setZoomJSLib('https://source.zoom.us/1.8.5/lib', '/av');

I get this
DevTools failed to load SourceMap: Could not load content for https://venn.ws/wp-content/themes/eventchamp/include/assets/js/popper.min.js.map: HTTP error: status code 404,

Also is ther a way to hide invitation details such as password url etc??
Regards!

Also need to make the screen smaller Can i do that?

Hi @tommy , we have good news - we were able to fix the problem with the Zoom UI not showing up in our integration with the newest version of the Web SDK. We successfully upgraded to v1.8.6.

I believe our issue was that we had an element with ID “#zmmtg-root” which was interfering with the element generated by the Web SDK, and potentially some of the CSS and javascript we were using to modify that element. This was based on your troubleshooting suggestions, thank you!

I renamed the element defined in our code to have an ID of “#meeting-root” which does not conflict with the Zoom element, and as part of our troubleshooting, also simplified the CSS and javascript associated with modifying the UI.

We really appreciate your detailed and thoughtful help getting our integration back up and running! Thanks so much.

2 Likes

Hey @rey.katz ,

That is great! I am happy to hear you resolved the issue! :slight_smile:

Please let us know if we can help with anything else!

Thanks,
Tommy

Hey @juanr ,

Can you please start a new topic and fill out the post template so we have enough info to help? :slight_smile:

Thanks,
Tommy

Sure i just did it here.
@tommy