After updating Firefox to version 133.0, we started encountering an error in Firefox (133): In your environment, the maximum number of video-player that can be accommodated in each video-player-container is 1. The current number has exceeded this limit, which may cause video rendering issues.
Interestingly, our DOM structure always uses only one video-player in each video-player-container.
Enabling SAB is not a suitable solution for our application. We need to use the Zoom Video SDK without SAB enabled
SharedArrayBuffer is disabled
Zoom Video SDK 1.12.12
React 17.0.2
const zmClient = ZoomVideo.createClient();
await zmClient.init("en-US", `${window.location.origin}/lib`, {
webEndpoint: window?.webEndpoint ?? "zoom.us",
stayAwake: true,
patchJsMedia: true,
leaveOnPageUnload: true,
enforceVirtualBackground: true,
enforceMultipleVideos: {disableRenderLimits: true}, // https://devforum.zoom.us/t/subscribe-video-counts-greater-than-maximum-size-4/113916/10
})
zmClient.getAllUser().forEach(async (user) => {
if (user.bVideoOn) {
const quality = mainUserId === user.userId ? Video_720P : Video_360P;
console.log('quality', user.userId, mainUserId, quality);
await zoomSession.detachVideo(user.userId);
const userVideo = await zoomSession.attachVideo(user.userId, quality);
const targetElement = document.getElementById(`${PARTICIPANT_VIDEO_ID}_${user.userId}`)?.querySelector("video-player-container");
while (targetElement?.firstChild) {
targetElement?.firstChild?.remove();
}
targetElement?.appendChild(userVideo);
}
if (user.sharerOn) {
const targetElement = document.getElementById(`${SHARE_CANVAS_ID}_${user.userId}`);
if (targetElement) await zoomSession.startShareView(targetElement, user.userId);
}
});
Guys, I need your help to solve the issue
@vic.yang , @tommy