Description
I’m using the zoom web SDK for my React project and I saw a very low/laggy performance while in a meeting, especially if there are 10+ people.
While searching for answers on how could I fix that, I found out that importing the library locally( ZoomMtg.setZoomJSLib(‘node_modules/@zoomus/websdk/dist/lib’, ‘/av’)) might help;
Right now I’m using the CDN - ZoomMtg.setZoomJSLib(“https://source.zoom.us/1.9.6/lib”, “/av”)
However, when I’m trying to import it locally, I’m getting a 404 error saying that it cannot find the lib.
I have a couple of notes here that might help out:
When building our Sample React App we saw that we needed to use the CDN method due to the way that the Web SDK interacts with package managers and dependency bundlers such as Webpack.
Using the CDN method will only improve initial page load and because you are loading it from a CDN it is often just as fast or faster to grab a cached version from the users system or a CDN node than from the bundle that your application provides.
If you are having issues with performance on the Web SDK, we recommend enabling WebCodecs and SIMD Chrome Origin Trials. You’ll also want to use Web Isolation to use our most efficient SharedArrayBuffer API.
If you don’t have those features enabled, Chrome may fallback to less efficient APIs which could cause performance issues.
These days I played around with Web Isolation and others feature from Chrome Origin. However, enabling all of these improves the overall performance only while in the Chrome browser, or is it available for other browsers like Firefox or Safari also?
Currently, this process is only applicable for Chrome Browsers. When it comes to these APIs, other browsers have yet to implement them. For example:
For the most part, Chrome is leading the industry when it comes to implementing these cutting edge APIs that we use to provide near-native performance.