0

Added @zoomus/websdk for my project. And if I'm open page with meeting using phone or device toolbar from browser, mobile responsive breaks. In devtools detect the width for some element more than screen size. But if open from PC browser and reduce the screen, mobile responsive works

  const joinMeeting = (signature: string) => {

  ZoomMtg.join({
    meetingNumber,
    signature,
    apiKey: zoomConfig.apiKey,
    userEmail,
    userName,
    success: (s: any) => {
      console.log('JoinMeeting success', s);
    },
    error: (e: any) => {
      console.log('Error:ZoomMtg.join()', e);
    },
  });
};


  const initMeeting = async () => {
    try {
          const { signature } = await getSignature({
          meetingNumber,
        });
        ZoomMtg.init({
          isSupportAV: true,
          isSupportBreakout: true,
          leaveUrl: RoutesEnum.dashboard,
          success: () => joinMeeting(signature),
        });
    } catch (e) {
      console.log(e);
    }

useEffect(() => {
  ZoomMtg.setZoomJSLib('https://source.zoom.us/2.6.0/lib', '/av');

  ZoomMtg.preLoadWasm();
  ZoomMtg.prepareWebSDK();
  ZoomMtg.i18n.load('en-US');
  ZoomMtg.i18n.reload('en-US');
  initMeeting();
}, []);
Vl Zi
  • 1

0 Answers0