WebGL Context Limit Reached When Rendering Multiple Participant Videos Using Zoom Video SDK (React +

Dear Zoom Support Team,

I hope you are doing well.

We are currently implementing a group video experience using the Zoom Video SDK (version @zoom/videosdk 2.3.0) in a React.js (TypeScript) application. As part of our requirement, we aim to render up to 12 participant video streams simultaneously on the screen.

However, we are encountering a critical issue once the number of participants increases during the session. Specifically, when the 5th or 6th participant joins, the previously rendered participant videos begin to flicker intermittently. At the same time, the browser console repeatedly logs the following warning:

“WARNING: Too many active WebGL contexts. Oldest context will be lost.”

After this warning begins appearing, some of the video streams flicker, freeze, or turn blank. Based on our analysis, this behavior seems related to the SDK creating individual WebGL contexts for each video element, eventually exceeding the browser’s maximum allowed number of active WebGL contexts.

To help us resolve this issue, we would appreciate guidance on the following:

1. Is this a known limitation of the Zoom Video SDK (v2.3.0) when rendering multiple web video streams?

2. Are there any recommended best practices for managing or reducing WebGL context usage in multi-participant scenarios?

3. Does Zoom offer documentation or examples for implementing a single-canvas or multi-stream rendering approach to prevent exceeding the WebGL context limit?

4. Are there any configuration options or optimizations within the SDK that can help mitigate this issue?

This problem significantly affects our group session experience and video reliability, so any support or recommendations from your team would be highly appreciated.

Thank you for your assistance.

Kind regards,
Jatin Chaudhari