Skip to content

Commit 78cb671

Browse files
committed
effects
1 parent 162e374 commit 78cb671

File tree

11 files changed

+142
-110
lines changed

11 files changed

+142
-110
lines changed

articles/communication-services/quickstarts/voice-video-calling/get-started-video-effects.md

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
2-
title: Add video effects to your video calls
2+
title: Enable video background effects
33
titleSuffix: An Azure Communication Services article
4-
description: Learn how to add video effects in your video calls using Azure Communication Services.
4+
description: This article describes how to add video effects in your video calls using Azure Communication Services.
55
author: sloanster
66

77
ms.author: micahvivion
@@ -14,7 +14,7 @@ zone_pivot_groups: acs-plat-web-ios-android-windows
1414
ms.custom: mode-other, devx-track-js
1515
---
1616

17-
# Add video effects to your video calls
17+
# Enable video background effects
1818

1919
::: zone pivot="platform-web"
2020
[!INCLUDE [Video effects with JavaScript](./includes/video-effects/video-effects-javascript.md)]
@@ -32,10 +32,9 @@ ms.custom: mode-other, devx-track-js
3232
[!INCLUDE [Video effects with Android](./includes/video-effects/video-effects-windows.md)]
3333
::: zone-end
3434

35-
3635
## Next steps
3736

38-
- Check out our [calling hero sample](../../samples/calling-hero-sample.md)
39-
- Get started with the [UI Library](../../concepts/ui-library/ui-library-overview.md)
40-
- Learn about [Calling SDK capabilities](./getting-started-with-calling.md?pivots=platform-web)
41-
- Learn more about [how calling works](../../concepts/voice-video-calling/about-call-types.md)
37+
- Check out our [calling hero sample](../../samples/calling-hero-sample.md).
38+
- Get started with the [UI Library](../../concepts/ui-library/ui-library-overview.md).
39+
- Learn about [Calling SDK capabilities](./getting-started-with-calling.md?pivots=platform-web).
40+
- Learn more about [how calling works](../../concepts/voice-video-calling/about-call-types.md).

articles/communication-services/quickstarts/voice-video-calling/includes/video-effects/video-effects-android.md

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
---
2-
title: Quickstart - Add video effects to your video calls (Android)
3-
titleSuffix: An Azure Communication Services quickstart
4-
description: Learn how to add video effects in your video calls using Azure Communication Services.
2+
title: Enable video background effects
3+
titleSuffix: An Azure Communication Services article
4+
description: This article describes how to add video effects in your video calls using Azure Communication Services.
55
author: jsaurezlee
66

77
ms.author: micahvivion
8-
ms.date: 04/04/2023
8+
ms.date: 06/24/2025
99
ms.topic: quickstart
1010
ms.service: azure-communication-services
1111
ms.subservice: calling
@@ -17,7 +17,7 @@ ms.custom: mode-other
1717
1818
You can use the Video Effects feature to add effects to your video in video calls. Background blur provides users with the mechanism to remove distractions behind a participant so that participants can communicate without disruptive activity or confidential information in the background. This feature is especially useful the context of telehealth, where a provider or patient might want to obscure their surroundings to protect sensitive information or personal data. Background blur can be applied across all virtual appointment scenarios, including telebanking and virtual hearings, to protect user privacy.
1919

20-
This quickstart builds on [Quickstart: Add 1:1 video calling to your app](../../get-started-with-video-calling.md?pivots=platform-android) for Android.
20+
This article builds on [Add 1:1 video calling to your app](../../get-started-with-video-calling.md?pivots=platform-android) for Android.
2121

2222
## Using video effects
2323

@@ -30,17 +30,17 @@ The `VideoEffectsLocalVideoStreamFeature` object has the following API structure
3030

3131
- `enableEffect`: Enables a Video Effect on the `LocalVideoStream` instance.
3232
- `disableEffect`: Disables a Video Effect on the `LocalVideoStream` instance.
33-
- `OnVideoEffectEnabledListener`: Event that is triggered when a Video Effect has been enabled successfully.
34-
- `OnVideoEffectDisabledListener`: Event that is triggered when a Video Effect has been disabled successfully.
33+
- `OnVideoEffectEnabledListener`: Event that is triggered when a Video Effect is enabled successfully.
34+
- `OnVideoEffectDisabledListener`: Event that is triggered when a Video Effect is disabled successfully.
3535
- `OnVideoEffectErrorListener`: Event that is triggered when a Video Effect operation fails.
3636

37-
The `VideoEffectEnabledEvent`, `VideoEffectDisabledEvent` and `VideoEffectErrorEvent` objects have the following API structure:
37+
The `VideoEffectEnabledEvent`, `VideoEffectDisabledEvent`, and `VideoEffectErrorEvent` objects have the following API structure:
3838

39-
- `getVideoEffectName`: Gets the name of the Video Effect that triggered the event.
39+
- `getVideoEffectName`: Gets the name of the Video Effect that triggered the event.
4040

4141
Once you have the `VideoEffectsLocalVideoStreamFeature` object, you can subscribe to the events:
4242

43-
To use Video Effects with the Azure Communication Calling SDK, once you've created a `LocalVideoStream`, you need to get the `VideoEffects` feature API of the `LocalVideoStream` to enable/disable Video Effects:
43+
To use Video Effects with the Azure Communication Calling SDK, once you create a `LocalVideoStream`, you need to get the `VideoEffects` feature API of the `LocalVideoStream` to enable/disable Video Effects:
4444

4545
```java
4646
// Obtain the Video Effects feature from the LocalVideoStream object that is sending the video.
@@ -62,7 +62,7 @@ videoEffectsFeature.addOnVideoEffectDisabledListener(this::handleOnVideoEffectDi
6262
videoEffectsFeature.addOnVideoEffectErrorListener(this::handleOnVideoEffectError);
6363
```
6464

65-
and start using the APIs to enable and disable Video Effects:
65+
Then start using the APIs to enable and disable Video Effects:
6666

6767
```java
6868
videoEffectsFeature.enableEffect( {{VIDEO_EFFECT_TO_DISABLE}} );
@@ -71,7 +71,7 @@ videoEffectsFeature.disableEffect( {{VIDEO_EFFECT_TO_DISABLE}} );
7171

7272
### Background blur
7373

74-
Background Blur is a Video Effect that allows a person's background to be blurred. In order to use Background Video Effect, you need to obtain a `VideoEffectsLocalVideoStreamFeature` feature from a valid `LocalVideoStream`.
74+
Background Blur is a Video Effect that enables the application to blue a person's background. In order to use Background Video Effect, you need to obtain a `VideoEffectsLocalVideoStreamFeature` feature from a valid `LocalVideoStream`.
7575

7676
To enable Background Blur Video Effect:
7777

articles/communication-services/quickstarts/voice-video-calling/includes/video-effects/video-effects-ios.md

Lines changed: 51 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,25 @@
1+
---
2+
title: Enable video background effects
3+
titleSuffix: An Azure Communication Services article
4+
description: This article describes how to add video effects in your video calls using Azure Communication Services.
5+
author: sloanster
6+
7+
ms.author: micahvivion
8+
ms.date: 06/24/2025
9+
ms.topic: quickstart
10+
ms.service: azure-communication-services
11+
ms.subservice: calling
12+
ms.custom: mode-other
13+
---
14+
115
> [!Note]
2-
> In order to use Video Effects on the iOS Calling SDK, a machine learning model is downloaded to the customer's device. We encourage you to review the privacy notes in your application and update them accordingly, if necessary.
16+
> To use Video Effects on the iOS Calling SDK, Azure Communication Services downloads a machine learning model to the customer's device. We encourage you to review the privacy notes in your application and update them accordingly, if necessary.
17+
18+
You can use the Video Effects feature to add effects to your video in video calls. Background blur provides users with the mechanism to remove distractions behind a participant so that participants can communicate without disruptive activity or confidential information in the background.
319

4-
You can use the Video Effects feature to add effects to your video in video calls. Background blur provides users with the mechanism to remove distractions behind a participant so that participants can communicate without disruptive activity or confidential information in the background. This feature is especially useful the context of telehealth, where a provider or patient might want to obscure their surroundings to protect sensitive information or personal data. Background blur can be applied across all virtual appointment scenarios, including telebanking and virtual hearings, to protect user privacy.
20+
This feature is most useful the context of telehealth, where a provider or patient might want to obscure their surroundings to protect sensitive information or personal data. Background blur can be applied across all virtual appointment scenarios, including telebanking and virtual hearings, to protect user privacy.
521

6-
## Using video effects
22+
## Implement video effects
723

824
> [!Note]
925
> Video effects support on iOS is limited to the **two** most recent major versions of iOS. For example, when a new, major version of iOS is released, the iOS requirement is the new version and the most recent versions that preceded it.
@@ -15,13 +31,13 @@ The `LocalVideoEffectsFeature` object has the following API structure:
1531
- `enable`: Enables a Video Effect on the `LocalVideoStream` instance.
1632
- `disable`: Disables a Video Effect on the `LocalVideoStream` instance.
1733
- `isSupported`: Indicates if a Video Effect is supported on the `LocalVideoStream` instance.
18-
- `onVideoEffectEnabled`: Event that is triggered when a Video Effect has been enabled successfully.
19-
- `onVideoEffectDisabled`: Event that is triggered when a Video Effect has been disabled successfully.
34+
- `onVideoEffectEnabled`: Event that is triggered when a Video Effect is enabled successfully.
35+
- `onVideoEffectDisabled`: Event that is triggered when a Video Effect is disabled successfully.
2036
- `onVideoEffectError`: Event that is triggered when a Video Effect operation fails.
2137

2238
Once you have the `LocalVideoEffectsFeature` object, you can subscribe to the events, events have the following delegates: `didEnableVideoEffect`, `didDisableVideoEffect`, `didReceiveVideoEffectError`.
2339

24-
To use Video Effects with the Azure Communication Calling SDK, once you've created a `LocalVideoStream`, you need to get the `VideoEffects` feature API of the `LocalVideoStream` to enable/disable Video Effects:
40+
To use Video Effects with the Azure Communication Calling SDK, once you create a `LocalVideoStream`, you need to get the `VideoEffects` feature API of the `LocalVideoStream` to enable/disable Video Effects:
2541

2642
```swift
2743
// Obtain the Video Effects feature from the LocalVideoStream object that is sending the video.
@@ -42,7 +58,7 @@ public func localVideoEffectsFeature(_ videoEffectsLocalVideoStreamFeature: Loca
4258
}
4359
```
4460

45-
and start using the APIs to enable and disable Video Effects:
61+
Then start using the APIs to enable and disable Video Effects:
4662

4763
```swift
4864
localVideoEffectsFeature.enable(effect: backgroundBlurVideoEffect)
@@ -51,22 +67,22 @@ localVideoEffectsFeature.disable(effect: backgroundBlurVideoEffect)
5167

5268
### Background blur
5369

54-
Background Blur is a Video Effect that allows a person's background to be blurred. In order to use Background Video Effect, you need to obtain a `LocalVideoEffectsFeature` feature from a valid `LocalVideoStream`.
70+
Background Blur is a Video Effect that enables the application to blur a person's background. To use Background Video Effect, you need to obtain a `LocalVideoEffectsFeature` feature from a valid `LocalVideoStream`.
5571

5672
- Create a new Background Blur Video Effect object:
5773

58-
```swift
59-
@State var backgroundBlurVideoEffect: BackgroundBlurEffect?
60-
```
74+
```swift
75+
@State var backgroundBlurVideoEffect: BackgroundBlurEffect?
76+
```
6177

6278
- Check if `BackgroundBlurEffect` is supported and call `Enable` on the `videoEffectsFeature` object:
6379

64-
```swift
65-
if((localVideoEffectsFeature.isSupported(effect: backgroundBlurVideoEffect)) != nil)
66-
{
67-
localVideoEffectsFeature.enable(effect: backgroundBlurVideoEffect)
68-
}
69-
```
80+
```swift
81+
if((localVideoEffectsFeature.isSupported(effect: backgroundBlurVideoEffect)) != nil)
82+
{
83+
localVideoEffectsFeature.enable(effect: backgroundBlurVideoEffect)
84+
}
85+
```
7086

7187
To disable Background Blur Video Effect:
7288

@@ -75,32 +91,33 @@ localVideoEffectsFeature.disable(effect: backgroundBlurVideoEffect)
7591
```
7692

7793
### Background Replacement
78-
Background Replacement is a Video Effect that allows a person to set their own custom background. In order to use Background Replacement Effect, you need to obtain a `LocalVideoEffectsFeature` feature from a valid `LocalVideoStream`.
94+
95+
Background Replacement is a Video Effect that enables a person to set their own custom background. To use Background Replacement Effect, you need to obtain a `LocalVideoEffectsFeature` feature from a valid `LocalVideoStream`.
7996

8097
- Create a new Background Replacement Video Effect object:
8198

82-
```swift
83-
@State var backgroundReplacementVideoEffect: BackgroundReplacementEffect?
84-
```
99+
```swift
100+
@State var backgroundReplacementVideoEffect: BackgroundReplacementEffect?
101+
```
85102

86103
- Set a custom background by passing in the image through a buffer.
87104

88-
```swift
89-
let image = UIImage(named:"image.png")
90-
guard let imageData = image?.jpegData(compressionQuality: 1.0) else {
91-
return
92-
}
93-
backgroundReplacementVideoEffect.buffer = imageData
94-
```
105+
```swift
106+
let image = UIImage(named:"image.png")
107+
guard let imageData = image?.jpegData(compressionQuality: 1.0) else {
108+
return
109+
}
110+
backgroundReplacementVideoEffect.buffer = imageData
111+
```
95112

96113
- Check if `BackgroundReplacementEffect` is supported and call `Enable` on the `videoEffectsFeature` object:
97114

98-
```swift
99-
if((localVideoEffectsFeature.isSupported(effect: backgroundReplacementVideoEffect)) != nil)
100-
{
101-
localVideoEffectsFeature.enable(effect: backgroundReplacementVideoEffect)
102-
}
103-
```
115+
```swift
116+
if((localVideoEffectsFeature.isSupported(effect: backgroundReplacementVideoEffect)) != nil)
117+
{
118+
localVideoEffectsFeature.enable(effect: backgroundReplacementVideoEffect)
119+
}
120+
```
104121

105122
To disable Background Replacement Video Effect:
106123

0 commit comments

Comments
 (0)