Skip to content

Commit 4dc8516

Browse files
authored
update 2
1 parent 39f9279 commit 4dc8516

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

articles/communication-services/quickstarts/voice-video-calling/optimizing-video-placement.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -170,28 +170,28 @@ getSupportedResolutions();
170170
| 180p | 7.5 | 15 | 250 K(350 K if 15 FPS)|
171171

172172
### 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.
174174

175175
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.
176176

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.
178178

179179
The following table illustrates how video resolution changes based on the number of participants displayed in the incoming video grid at any one time.
180180

181181
| **Number of incoming streams** | **Incoming video resolution** |
182182
|------------------|----------------------|
183-
| 1 | 1080 |
184-
| 2 | 720 |
185-
| 3 | 540 |
186-
| 49 | 360 |
187-
| 1016 | 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 |
189189

190190
> [!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).
192192
193193
> [!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).
195195
196196
## Conclusion
197197

0 commit comments

Comments
 (0)