@stream-io/video-react-sdk 1.16.2 → 1.17.1

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.17.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.17.0...@stream-io/video-react-sdk-1.17.1) (2025-05-21)
+
+### Dependency Updates
+
+- `@stream-io/video-client` updated to version `1.23.1`
+- `@stream-io/video-react-bindings` updated to version `1.6.4`
+
+## [1.17.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.16.2...@stream-io/video-react-sdk-1.17.0) (2025-05-20)
+
+### Dependency Updates
+
+- `@stream-io/audio-filters-web` updated to version `0.4.0`
+- `@stream-io/video-client` updated to version `1.23.0`
+- `@stream-io/video-react-bindings` updated to version `1.6.3`
+
+### Features
+
+- **web:** improved noise cancellation ([#1794](https://github.com/GetStream/stream-video-js/issues/1794)) ([d59f19b](https://github.com/GetStream/stream-video-js/commit/d59f19b1ba1ff83fe5f024d783b868f4e98d3380))
+
 ## [1.16.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.16.1...@stream-io/video-react-sdk-1.16.2) (2025-05-15)
 
 ### Dependency Updates

package/dist/index.cjs.js

@@ -792,7 +792,7 @@ const BackgroundFilters = (props) => {
             return;
         const { unregister } = call.camera.registerFilter((ms) => start(ms, (error) => handleErrorRef.current?.(error)));
         return () => {
-            unregister();
+            unregister().catch((err) => console.warn(`Can't unregister filter`, err));
         };
     }, [backgroundFilter, call, start]);
     return children;
@@ -1863,7 +1863,7 @@ const NoiseCancellationProvider = (props) => {
         settings.audio.noise_cancellation.mode !==
             videoClient.NoiseCancellationSettingsModeEnum.DISABLED);
     const hasCapability = useHasPermissions(videoClient.OwnCapability.ENABLE_NOISE_CANCELLATION);
-    const [isSupportedByBrowser, setIsSupportedByBrowser] = react.useState(undefined);
+    const [isSupportedByBrowser, setIsSupportedByBrowser] = react.useState();
     react.useEffect(() => {
         const result = noiseCancellation.isSupported();
         if (typeof result === 'boolean') {
@@ -1871,7 +1871,7 @@ const NoiseCancellationProvider = (props) => {
         }
         else {
             result
-                .then((_isSupportedByBrowser) => setIsSupportedByBrowser(_isSupportedByBrowser))
+                .then((s) => setIsSupportedByBrowser(s))
                 .catch((err) => console.error(`Can't determine if noise cancellation is supported`, err));
         }
     }, [noiseCancellation]);
@@ -1881,11 +1881,12 @@ const NoiseCancellationProvider = (props) => {
     react.useEffect(() => {
         if (!call || !isSupported)
             return;
+        noiseCancellation.isEnabled().then((e) => setIsEnabled(e));
         const unsubscribe = noiseCancellation.on('change', (v) => setIsEnabled(v));
         const init = (deinit.current || Promise.resolve())
             .then(() => noiseCancellation.init())
             .then(() => call.microphone.enableNoiseCancellation(noiseCancellation))
-            .catch((err) => console.error(`Can't initialize noise suppression`, err));
+            .catch((e) => console.error(`Can't initialize noise cancellation`, e));
         return () => {
             deinit.current = init
                 .then(() => call.microphone.disableNoiseCancellation())
@@ -1893,23 +1894,29 @@ const NoiseCancellationProvider = (props) => {
                 .then(() => unsubscribe());
         };
     }, [call, isSupported, noiseCancellation]);
-    return (jsxRuntime.jsx(NoiseCancellationContext.Provider, { value: {
-            isSupported,
-            isEnabled,
-            setEnabled: (enabledOrSetter) => {
-                if (!noiseCancellation)
-                    return;
-                const enable = typeof enabledOrSetter === 'function'
-                    ? enabledOrSetter(isEnabled)
-                    : enabledOrSetter;
-                if (enable) {
-                    noiseCancellation.enable();
-                }
-                else {
-                    noiseCancellation.disable();
-                }
-            },
-        }, children: children }));
+    const contextValue = react.useMemo(() => ({
+        isSupported,
+        isEnabled,
+        setSuppressionLevel: (level) => {
+            if (!noiseCancellation)
+                return;
+            noiseCancellation.setSuppressionLevel(level);
+        },
+        setEnabled: (enabledOrSetter) => {
+            if (!noiseCancellation)
+                return;
+            const enable = typeof enabledOrSetter === 'function'
+                ? enabledOrSetter(isEnabled)
+                : enabledOrSetter;
+            if (enable) {
+                noiseCancellation.enable();
+            }
+            else {
+                noiseCancellation.disable();
+            }
+        },
+    }), [isEnabled, isSupported, noiseCancellation]);
+    return (jsxRuntime.jsx(NoiseCancellationContext.Provider, { value: contextValue, children: children }));
 };
 
 const RingingCallControls = () => {
@@ -2726,7 +2733,7 @@ const LivestreamPlayer = (props) => {
     return (jsxRuntime.jsx(StreamCall, { call: call, children: jsxRuntime.jsx(LivestreamLayout, { ...layoutProps }) }));
 };
 
-const [major, minor, patch] = ("1.16.2").split('.');
+const [major, minor, patch] = ("1.17.1").split('.');
 videoClient.setSdkInfo({
     type: videoClient.SfuModels.SdkType.REACT,
     major,