You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: articles/communication-services/quickstarts/voice-video-calling/optimizing-video-placement.md
+10-10Lines changed: 10 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -170,28 +170,28 @@ getSupportedResolutions();
170
170
| 180p | 7.5 | 15 | 250 K(350 K if 15 FPS)|
171
171
172
172
### How many videos to place in a grid at a time
173
-
As the Azure Communication Services WebJS Calling SDK continues to evolve, one of its key capabilities is supporting many incoming video streams in a grid layout on desktop and mobile browsers. This feature is particularly valuable for scenarios like virtual classrooms, large team meetings, or customer support centers where multiple participants need to be visible simultaneously.
173
+
As the Azure Communication Services WebJS Calling SDK continues to evolve, one of its key capabilities is supporting many incoming video streams in a grid layout on desktop and mobile browsers. This feature is valuable for scenarios like virtual classrooms, large team meetings, or customer support centers where multiple participants need to be visible simultaneously.
174
174
175
175
However, this scalability introduces a trade-off between the number of video streams rendered and the visual quality of each stream. Since the total screen real estate is fixed, increasing the number of video tiles means each individual video renderer must occupy a smaller portion of the screen. To maintain performance and avoid overloading the browser’s rendering pipeline, the SDK dynamically adjusts the resolution of each incoming video stream based on its rendered size. This ensures that bandwidth and CPU usage remain within acceptable limits, but it also means that as more participants join, the resolution of each video may decrease to accommodate the grid.
176
176
177
-
This adaptive behavior is crucial for maintaining a smooth user experience. For example, in a 2x2 grid (4 participants), each video can be rendered at a relatively high resolution. But in a 5x5 grid (25 participants), each tile becomes significantly smaller, and the SDK may downscale the incoming video streams to match the reduced display size. This prevents unnecessary bandwidth consumption and reduces the likelihood of dropped frames or lag.
177
+
This adaptive behavior is crucial for maintaining a smooth user experience. For example, in a 2x2 grid (4 participants), each video can be rendered at a relatively high resolution. But in a 5x5 grid (25 participants), each tile becomes smaller, and the SDK may downscale the incoming video streams to match the reduced display size. This prevents unnecessary bandwidth consumption and reduces the likelihood of dropped frames or lag.
178
178
179
179
The following table illustrates how video resolution changes based on the number of participants displayed in the incoming video grid at any one time.
180
180
181
181
|**Number of incoming streams**|**Incoming video resolution**|
182
182
|------------------|----------------------|
183
-
| 1 |1080|
184
-
| 2 |720|
185
-
| 3 |540|
186
-
| 4–9 |360|
187
-
| 10–16 |240|
188
-
| 17 or more| 180|
183
+
| 1 |1080p|
184
+
| 2 |720p|
185
+
| 3 |540p|
186
+
| 4 to 9 |360p|
187
+
| 10 to 16 |240p|
188
+
| 17 to 25| 180p|
189
189
190
190
> [!NOTE]
191
-
> The GA version of the calling WebJS SDK allows for up to **16** incoming video streams (4x4 grid).
191
+
> The GA version of the calling WebJS SDK allows for up to **16** incoming video streams for desktop browsers (4x4 grid).
192
192
193
193
> [!NOTE]
194
-
> The public preview of the WebJS calling SDK currently supports up to **25** incoming video for Desktop browsers (5x5 grid).
194
+
> The public preview of the calling WebJS SDK currently supports up to **25** incoming video streams for Desktop browsers (5x5 grid).
0 commit comments