Unable to join a meeting on chromium

Description
I’m using the Zoom Video SDK 1.10.5 on the web browser to start video meetings. It is working properly on chrome browsers but not on Chromium, which my app runs over.

The current Chromium version that I have on production is 101.0.4951.54, I know this is an old one, so I tested on a recent one 120.0.6099.199 and the same error occurs.

Browser Console Error

helpers.js?aabc:89 Uncaught TypeError: Cannot read properties of undefined (reading 'brand')
    at Object._getBrowserVersion (index.umd.js?3a33:1:1)
    at Object.get browser [as browser] (index.umd.js?3a33:1:1)

Which Web Video SDK version?
@zoom/videosdk@1.10.5

Video SDK Code Snippets

import ZoomVideo from '@zoom/videosdk';

this.client = ZoomVideo.createClient();

this.client.init('en-US', 'Global', { patchJsMedia: true }).then(() => {
        this.client.join(this.callData.session, this.callData.token, 'Patient', null).then(() => {
          this.stream = this.client.getMediaStream();
          // this.activeRoom = room;
          this.loading = false;

          this.stream.startAudio();

          // Render the self view video
          if (this.stream.isRenderSelfViewWithVideoElement()) {
            this.stream
              .startVideo({ videoElement: document.getElementById('self-view-video') })
              .then(() => {
                let element = document.getElementById('self-view-video');
                element.style.display = 'block';
              });
          } else {
            this.stream.startVideo().then(() => {
              this.stream
                .renderVideo(
                  document.getElementById('self-view-canvas'),
                  this.client.getCurrentUserInfo().userId,
                  1920,
                  1080,
                  0,
                  0,
                  3
                )
                .then(() => {
                  let element = document.getElementById('self-view-canvas');
                  element.style.display = 'block';
                });
            });
          }

          // Checks for active participants and render their video on the canvas
          this.client.getAllUser().forEach(user => {
            console.log('getAllUser', { user });
            if (user.bVideoOn) {
              this.stream.renderVideo(
                document.querySelector('#participant-canvas'),
                user.userId,
                1920,
                1080,
                0,
                0,
                3
              );

              if (!participantsCanvasShown) {
                let participantsCanvas = document.getElementById('participant-canvas');
                participantsCanvas.style.display = 'block';
              }
            }
          });

          this.client.on('user-added', users => {
            console.log('user-added', { users });
            this.client.getAllUser().forEach(user => {
              if (user.bVideoOn) {
                this.stream.renderVideo(
                  document.querySelector('#participant-canvas'),
                  user.userId,
                  1920,
                  1080,
                  0,
                  0,
                  3
                );

                if (!participantsCanvasShown) {
                  let participantsCanvas = document.getElementById('participant-canvas');
                  participantsCanvas.style.display = 'block';
                }
              }
            });
          });

          this.client.on('peer-video-state-change', payload => {
            if (payload.action === 'Start') {
              // a user turned on their video, render it
              this.stream.renderVideo(
                document.querySelector('#participant-canvas'),
                payload.userId,
                1920,
                1080,
                0,
                0,
                3
              );
              let element = document.getElementById('participant-canvas');
              element.style.display = 'block';
            } else if (payload.action === 'Stop') {
              // a user turned off their video, stop rendering it
              this.stream.stopRenderVideo(
                document.querySelector('#participant-canvas'),
                payload.userId
              );
            }
          });
        });
      });

Screenshots
It is also not working with the sample you provide us

Troubleshooting Routes
Tested different chromium versions on different Video SDK versions

Device (please complete the following information):

  • Device: Acer predator
  • OS: Windows 10
  • Browser: Chromium
  • Browser Version: 101.0.4951.54 and 120.0.6099.199

Hey @pedrofagundes

Thanks for your feedback.

It’s a known issue and we will fix it soon.

Thanks
Vic

1 Like

Hey there @vic.yang thanks for the answer.

Is there an ETA for that fix?

Thanks

Hey @pedrofagundes

The fix version will be released around the end of January.

Thanks
Vic

Hey there Vic,

any updates on this? Is there any way to track it by myself?

Thanks in advance.

Hey @pedrofagundes

Thank you for your attention to our release updates.

The new version will be released in the next couple of days.

Thanks
Vic