Green Flickering on Video Feeds When Session Has 5+ Active Videos

Video SDK Web
1

Hi there,

I’ve noticed that the video feeds in my application start flickering green once there are more than five active videos in a session. It only seems to affect some participants, while others appear completely normal. I am using the Video SDK for Web.

Below is a screenshot showing what the issue looks like. The video briefly flashes green for a split second, then returns to the normal feed, and this flickering repeats continuously.

image
image478×282 18.2 KB

For reference, this occurred in this session: kcJ2IQ+SQjm3ML9ptHg4OA==

Thanks,
Noah

1 Like
2

Hey @noahviktorschenk

Thanks for your feedback.

kcJ2IQ+SQjm3ML9ptHg4OA==

From the log analysis, we cannot determine exactly which user encountered this issue. However, the logs indicate that there are some usage-related issues that need to be addressed.

I would like to confirm whether the video-player created when using the attachVideo method shares the same parent video-player-container. Also, when adding or removing user videos, are you reusing the parent video-player-container instead of destroying and reconstructing it each time?

We recommend hiding elements using CSS rather than rebuilding the DOM, because in this mode the video is rendered through WebGL, and browsers have a limit on the number of WebGL contexts that can be created on a page.

Thanks
Vic

4

We’re having the same issue. The video tiles flash green when there are 5 or more patients.

I would like to confirm whether the video-player created when using the attachVideo method shares the same parent video-player-container

Sometimes it is not possible, because we are getting this error:

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.

But yea, flickering disapears then.

5

Hi @klocuszek

Could you set the enforceMultipleVideos option to true if you want to render more than 2 videos on the page without enabling SharedArrayBuffer, in cases where WebRTC is temporarily disabled in the browser? This will increase the limit on the number of video-player elements.

Thanks
Vic

7

Hey @vic.yang,

Yes, the issue was that we had one video-player-container for each video-player. We changed it to only have one parent video-player-container for all video-player, and that has fixed the issue.

Thank you for the help.