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
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.
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
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.
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.
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
iii. So I don’t think this is the problem, We have’d tried this before as well
Use CSS to hide/show the #zmmtg-root element instead of javascript.
i. Tried using Show/Hide using CSS display: none/block
If there are two copies of the Web SDK
i. We are using CDN only
#zmmtg-root element has a large enough z-index
i. Tried with z-index > 1500
ii. Also tried removing our UI completely
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
(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.
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.