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