Zoom web sdk integration is not working

[taushifali (Taushif)]

Hey @tommy,
Thanks for responding.

I have followed the following project.

GitHub - michaeldharrington/react-zoomus-websdk: Development testing app for...

After adding lib from CDN like this ZoomMtg.setZoomJSLib(“https://source.zoom.us/1.7.5/lib”, “/av”) + loading bootstrap.css and react-select.css from cdn too. This started working.

Earliar ZoomMtg was not loading and getting undefined value for it.

I have managed to solve the UI issue after manipulating #zmmtg-root a bit too, after following this post:

Zoom Meeting Custom Ui

This seems to be working for React: const zoomMeeting = document.getElementById("zmmtg-root") // onClick handlers: const turnItOn = (e) => { e.preventDefault() zoomMeeting.style.display = 'flex' zoomMeeting.style.height = '100%' zoomMeeting.style.width = '100%' zoomMeeting.style.position = 'fixed' zoomMeeting.style.zIndex = '1' zoomMeeting.style.backgroundColor = 'black' } const turnItOff = (e) => { e.preventDefault() zoomMeeting.style.display = 'non…

Now I am stuck with different issue as explained below:
Two different hosts cannot join two parallel meetings using the same API Key and API Secret.

1. Is this expected behaviour? Do I need to create separate API Key and API Secret for all the users who want to join meeting from web sdk?

2. Is there any possible good alternate solution to join different meetings by different people, using same API Key and API Secret?

Thanks
Taushif