@stream-io/video-client 1.4.3 → 1.4.4

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [1.4.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.4.3...@stream-io/video-client-1.4.4) (2024-07-02)
+
+
+### Bug Fixes
+
+* refactor background filters ([#1415](https://github.com/GetStream/stream-video-js/issues/1415)) ([deb6da2](https://github.com/GetStream/stream-video-js/commit/deb6da238f541c733451e84b198434671da8dceb))
+
 ### [1.4.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.4.2...@stream-io/video-client-1.4.3) (2024-06-25)
 
 

package/dist/index.browser.es.js

@@ -11164,6 +11164,7 @@ class InputMediaDeviceManager {
         this.isTrackStoppedDueToTrackEnd = false;
         this.filters = [];
         this.statusChangeConcurrencyTag = Symbol('statusChangeConcurrencyTag');
+        this.filterRegistrationConcurrencyTag = Symbol('filterRegistrationConcurrencyTag');
         /**
          * Disposes the manager.
          *
@@ -11266,14 +11267,24 @@ class InputMediaDeviceManager {
      * a new stream with the applied filter.
      *
      * @param filter the filter to register.
-     * @returns a function that will unregister the filter.
+     * @returns MediaStreamFilterRegistrationResult
      */
-    async registerFilter(filter) {
-        this.filters.push(filter);
-        await this.applySettingsToStream();
-        return async () => {
-            this.filters = this.filters.filter((f) => f !== filter);
+    registerFilter(filter) {
+        const entry = {
+            start: filter,
+            stop: undefined,
+        };
+        const registered = withoutConcurrency(this.filterRegistrationConcurrencyTag, async () => {
+            this.filters.push(entry);
             await this.applySettingsToStream();
+        });
+        return {
+            registered,
+            unregister: () => withoutConcurrency(this.filterRegistrationConcurrencyTag, async () => {
+                entry.stop?.();
+                this.filters = this.filters.filter((f) => f !== entry);
+                await this.applySettingsToStream();
+            }),
         };
     }
     /**
@@ -11326,6 +11337,7 @@ class InputMediaDeviceManager {
                 this.state.mediaStream.release();
             }
             this.state.setMediaStream(undefined, undefined);
+            this.filters.forEach((entry) => entry.stop?.());
         }
     }
     muteTracks() {
@@ -11430,7 +11442,16 @@ class InputMediaDeviceManager {
             // e.g. camera or microphone stream
             rootStream = this.getStream(constraints);
             // we publish the last MediaStream of the chain
-            stream = await this.filters.reduce((parent, filter) => parent.then(filter).then(chainWith(parent)), rootStream);
+            stream = await this.filters.reduce((parent, entry) => parent
+                .then((inputStream) => {
+                const { stop, output } = entry.start(inputStream);
+                entry.stop = stop;
+                return output;
+            })
+                .then(chainWith(parent), (error) => {
+                this.logger('warn', 'Fitler failed to start and will be ignored', error);
+                return parent;
+            }), rootStream);
         }
         if (this.call.state.callingState === CallingState.JOINED) {
             await this.publishStream(stream);
@@ -12035,7 +12056,9 @@ class MicrophoneManager extends InputMediaDeviceManager {
                     });
                 }
             });
-            this.noiseCancellationRegistration = this.registerFilter(noiseCancellation.toFilter());
+            const registrationResult = this.registerFilter(noiseCancellation.toFilter());
+            this.noiseCancellationRegistration = registrationResult.registered;
+            this.uregisterNoiseCancellation = registrationResult.unregister;
             await this.noiseCancellationRegistration;
             // handles an edge case where a noise cancellation is enabled after
             // the participant as joined the call -> we immediately enable NC
@@ -12061,8 +12084,7 @@ class MicrophoneManager extends InputMediaDeviceManager {
         if (isReactNative()) {
             throw new Error('Noise cancellation is not supported in React Native');
         }
-        await this.noiseCancellationRegistration
-            ?.then((unregister) => unregister())
+        await (this.uregisterNoiseCancellation?.() ?? Promise.resolve())
             .then(() => this.noiseCancellation?.disable())
             .then(() => this.noiseCancellationChangeUnsubscribe?.())
             .catch((err) => {
@@ -15484,7 +15506,7 @@ class StreamClient {
             });
         };
         this.getUserAgent = () => {
-            const version = "1.4.3" ;
+            const version = "1.4.4" ;
             return (this.userAgent ||
                 `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${version}`);
         };