When participants joined is more than 3 then the videos of participants turn black

Video SDK Web
1

Description
While connecting with users when there are more than 4 participants then those participant’s video becomes inconsistent. Most of the time it turns black.
No network issues , tried reducing video quality options.
Using a as container for canvas.
Every participant has its own canvas Eg.






I believe this is the correct method for rendering the participants.

Browser Console Error
No Error

Which Web Video SDK version?
1.10.8

Video SDK Code Snippets
zoomSession.renderVideo(
document.getElementById(‘sharer-thumbnail’ + userId),
userId,
150,
150,
0,
0,
VideoQuality.Video_180P as any
);


To Reproduce(If applicable)
Steps to reproduce the behavior:
Just add more than 4 participants with all videos on

Screenshots

Troubleshooting Routes

  • made changes by using video instead of canvas bt it was freezing the system

  • tried reducing video quality

  • tried switching networks

  • Device: Lenovo Laptop

  • OS: Windows 11

  • Browser: Chrome

  • Browser Version : Version 126.0.6478.127 (Official Build) (64-bit)

Additional context
Have user on for rendering multiple participants.
and another for rendering the main video/selected participant video.
Let me know if the user of them is correct or no too. Thankyou

2

Hey @frz.shkh

Thanks for your feedback.

In order to render more than four videos, enabling SharedArrayBuffer is a better way to do it. However, if there are some blocks to doing it, you can also enable it through {enforceMultipleVideos: {disableRenderLimits: true}} in the client.init method.

Additionally, we recommend rendering videos using individual HTML elements instead of a single HTML canvas. This approach is simpler.

Thanks
Vic

3

Okay I’ll try these options. Will update you Thanks :slight_smile:

4

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