Description
The Zoom UI was working fine for v1.7.10. When I upgraded the SDK version to latest 1.8.5, The UI stopped working, nothing is displayed on the screen.
Downgraded again to 1.7.10 and it is working fine. All APIs are working.
Error
No error message shown in console.
Which version?
1.8.5
Device (please complete the following information):
Thank you for reaching out to the Zoom Developer Forum. Are you seeing any errors in the browser console? Please share them if so. If not, are you able to share a public git repo demonstrating the issue?
Thank you for the update. Good catch! Thatās correct, the latest version of the SDK (1.8.5) no longer requires jQuery as a dependency. Please try removing that and testing with a setup thatās closer to the sample app implementation to see if that resolves your issues. Iām not seeing anything in your code that would be causing this otherwise.
Can you try checking your Z Index on your site. I wonder if the Web SDK is running in the background of your site since the jQuery logic has been update.
Try giving the Web SDK root element a z-index of 1000.
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.