Zoom Web SDK - Component view - Gallery View unreliable, and multiple spotlights not working

Description
I have been trying to use the Zoom Web SDK to implement an embedded meeting in a NextJS web app. The default mode works fine, but enabling the SharedArrayBuffer is not working as it should.

Using the below nextjs config for setting headers to enable SharedArrayBuffer in Chrome/FF, the meeting sometimes starts in gallery mode but sometimes does not. Also, when it does start in gallery mode, there still is no option to spotlight multiple users even though the docs and this forum post implies that it should be possible, as well as this one.

Browser Console Error
when joining with Gallery view works, and then the meeting is ended for all and joined again, the second time it joins in standard mode and fails with this error:

{type: 'INVALID_PARAMETERS', reason: 'userId is not correct'}

Which Web Meeting SDK version?
@zoomus/websdk”: “^2.13.0”

Meeting SDK Code Snippets

client.init({
          debug: true,
          zoomAppRoot: meetingSDKElement,
          language: 'en-US',
          customize: {
            meetingInfo: ['topic', 'host', 'mn', 'pwd', 'telPwd', 'invite', 'participant', 'dc', 'enctype'],
            toolbar: {
              buttons: [
                {
                  text: 'Custom Button',
                  className: 'CustomButton',
                  onClick: () => {
                    console.log('custom button');
                  },
                },
              ],
            },
            video: {
              popper: {
                disableDraggable: true,
              },
              isResizable: false,
              defaultViewType: ( "gallery" as SuspensionViewType),
              viewSizes: {
                default: {
                  width: ref.current?.offsetWidth ?? 0,
                  height: ref.current?.offsetWidth ? ref.current?.offsetWidth * 0.5625 : 0,
                },
                ribbon: {
                  width: 300,
                  height: 700,
                },
              },
            },
          },
        })
    client.join({
      signature: signature,
      sdkKey: sdkKey,
      meetingNumber: meetingNumber,
      password: passWord,
      userName: userName,
      userEmail: userEmail,
      tk: registrantToken,
      zak: zakToken,
    });

Troubleshooting Routes
I have tried all suggestions in the above docs and support links, and have checked public implementations of the library in GitHub.

Device:

  • Device: Macbook Pro
  • OS: macOS 13.4.1 (c) (22F770820d)
  • Browser: Chrome
  • Browser Version 115.0.5790.114 (Official Build) (x86_64)

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.