@stream-io/video-filters-web 0.7.2 → 0.7.4

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.7.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-filters-web-0.7.3...@stream-io/video-filters-web-0.7.4) (2026-04-09)
+
+### Bug Fixes
+
+- **video-filters-web:** propagate background image load errors to prevent black frames ([#2188](https://github.com/GetStream/stream-video-js/issues/2188)) ([5dd6a4b](https://github.com/GetStream/stream-video-js/commit/5dd6a4b5768f39df411999dd64968c86c33c4967))
+
+## [0.7.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-filters-web-0.7.2...@stream-io/video-filters-web-0.7.3) (2026-03-27)
+
+### Bug Fixes
+
+- **react:** expose segmentation smoothing options and add model picker in video effects settings ([#2176](https://github.com/GetStream/stream-video-js/issues/2176)) ([edee6bf](https://github.com/GetStream/stream-video-js/commit/edee6bf8d9aacdfb2ae49fb202ba7f7d1140063f))
+
 ## [0.7.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-filters-web-0.7.1...@stream-io/video-filters-web-0.7.2) (2026-01-30)
 
 ### Bug Fixes

package/dist/index.cjs.js

@@ -1561,7 +1561,7 @@ const createTFLiteSIMDModule = (__Module) => {
   return __Module.ready;
 };
 
-const version = "0.7.2";
+const version = "0.7.4";
 const packageName = "@stream-io/video-filters-web";
 
 // @ts-expect-error - module is not declared
@@ -2109,9 +2109,9 @@ class WebGLRenderer {
         gl.activeTexture(gl.TEXTURE2);
         gl.bindTexture(gl.TEXTURE_2D, prevStateTexture);
         gl.uniform1i(stateUpdateLocations.prevStateTexture, 2);
-        gl.uniform1f(stateUpdateLocations.smoothingFactor, 0.8);
-        gl.uniform1f(stateUpdateLocations.smoothstepMin, 0.6);
-        gl.uniform1f(stateUpdateLocations.smoothstepMax, 0.9);
+        gl.uniform1f(stateUpdateLocations.smoothingFactor, options.segmentationOptions?.smoothingFactor ?? 0.8);
+        gl.uniform1f(stateUpdateLocations.smoothstepMin, options.segmentationOptions?.smoothstepMin ?? 0.6);
+        gl.uniform1f(stateUpdateLocations.smoothstepMax, options.segmentationOptions?.smoothstepMax ?? 0.9);
         gl.uniform1i(stateUpdateLocations.selfieModel, options.isSelfieMode ? 1 : 0);
         gl.enableVertexAttribArray(stateUpdateLocations.position);
         gl.bindBuffer(gl.ARRAY_BUFFER, this.positionBuffer);
@@ -2583,8 +2583,9 @@ class VirtualBackground extends BaseVideoProcessor {
             this.isSegmenterReady = true;
         }
         catch (error) {
-            console.error('[virtual-background] Segmenter init failed:', error);
             this.isSegmenterReady = false;
+            this.hooks.onError?.(error);
+            throw error;
         }
     }
     async transform(frame) {
@@ -2632,6 +2633,7 @@ class VirtualBackground extends BaseVideoProcessor {
                 bgBlur: 0,
                 bgBlurRadius: 0,
                 isSelfieMode,
+                segmentationOptions: this.options.segmentationOptions,
             };
         }
         const blurLevel = this.options.backgroundBlurLevel;
@@ -2643,14 +2645,16 @@ class VirtualBackground extends BaseVideoProcessor {
             bgBlur: Math.min(strength * 1.5, 20),
             bgBlurRadius: Math.min(strength, 10),
             isSelfieMode,
+            segmentationOptions: this.options.segmentationOptions,
         };
     }
     async loadBackground(url) {
         if (!url)
             return null;
-        const result = await fetch(url);
-        if (!result.ok)
-            return null;
+        const result = await fetch(url, { signal: this.abortController.signal });
+        if (!result.ok) {
+            throw new Error(`[virtual-background] Failed to load background image: ${result.status} ${result.statusText}`);
+        }
         return {
             type: 'image',
             media: await createImageBitmap(await result.blob()),