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/includes/video-effects/video-effects-javascript.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -24,7 +24,7 @@ The Video effects feature allows users to incorporate visual effects into their
24
24
25
25
26
26
> [!IMPORTANT]
27
-
> Background blur and background replacement for **Android Chrome and Android Edge mobile browser** is available in General Availability starting in build [1.34.1](https://www.npmjs.com/package/@azure/communication-calling/v/1.34.1) and later WebJS SDK versions. You must use version [1.1.4](https://www.npmjs.com/package/@azure/communication-calling-effects) or higher of the calling effects package to impliment background effects on Android mobile browsers.
27
+
> Background blur and background replacement for **Android Chrome and Android Edge mobile browser** is available in General Availability starting in build [1.34.1](https://www.npmjs.com/package/@azure/communication-calling/v/1.34.1) and later WebJS SDK versions. You must use version [1.1.4](https://www.npmjs.com/package/@azure/communication-calling-effects) or higher of the calling effects package to implement background effects on Android mobile browsers.
28
28
29
29
Use the `npm install` command to install the Azure Communication Services Effects SDK for JavaScript.
Copy file name to clipboardExpand all lines: articles/communication-services/quickstarts/voice-video-calling/optimizing-video-placement.md
+71Lines changed: 71 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -98,6 +98,77 @@ For instance, in a group call where seven participants have their video cameras
98
98
99
99
Simulcast isn't supported on all browser devices. Currently, simulcast is unavailable when sending videos on mobile browsers or macOS Safari. If a participant attempts to render 720p video from a user on iOS Safari, Android Chrome, or macOS Safari and another participant on the call tries to render the same video at a smaller resolution, both receive the smaller resolution. This change happens because the devices prioritize smaller resolutions when simulcast send isn't supported.
[Version 1.35.1](https://www.npmjs.com/package/@azure/communication-calling/v/1.35.1-beta.1) and higher of the public preview calling SDK supports sending a 1080P video.
105
+
106
+
When using the WebJS SDK to send video at a 1080P resolution, you must use the [Video Constraints API](../voice-video-calling/get-started-video-constraints.md?pivots=platform-web) and specify that you want to use 1080P. If the Video Constraints API is not used and 1080P is not specified, the default video stream resolution will be 720P.
### Items to note when sending a 1080P video stream
129
+
* The camera in use should be capable of sending a 1080P video. To check what resolutions your camera supports, you can use the following JavaScript example to determine the available resolutions.
130
+
131
+
```javascript
132
+
asyncfunctiongetSupportedResolutions() {
133
+
constconstraints= {
134
+
video: {
135
+
width: { ideal:4096 }, // Try to get the maximum width
136
+
height: { ideal:2160 } // Try to get the maximum height
console.error('Error accessing media devices.', error);
151
+
}
152
+
}
153
+
154
+
getSupportedResolutions();
155
+
```
156
+
157
+
* The machine sending a 1080P must have a powerful enough machine to suppor sending a 1080P.
158
+
* The client that is on the receiver side (people accepting of a 1080P video) must have a video render HTML5 element capable of 1080P to accept 1080P. If any participants on the call do not have a 1080P element enabled to receive the video, the call will adjust and negotiate down to a smaller resolution.
159
+
* All the people on the call that are sending and receiving a 1080P video stream must have the bandwidth to support a 1080P stream.
You can use the media quality statistics API within the WebJS SDK to determine the real time video send and receive resolution. See [here](../../concepts/voice-video-calling/media-quality-sdk.md?pivots=platform-web) for more details.
171
+
101
172
## Conclusion
102
173
103
174
To determine how many videos to place on a web page, you need to carefully consider resolution, device type, bandwidth, and user experience. Follow these guidelines and best practices to create web apps that not only look appealing but also function seamlessly, providing an optimal viewing experience for users across various devices and connection speeds.
0 commit comments