@stream-io/video-filters-web 0.1.2 → 0.1.3

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.1.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-filters-web-0.1.2...@stream-io/video-filters-web-0.1.3) (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))
+
 ### [0.1.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-filters-web-0.1.1...@stream-io/video-filters-web-0.1.2) (2024-06-12)
 
 

package/dist/index.cjs.js

@@ -675,6 +675,8 @@ function buildWebGL2Pipeline(videoSource, backgroundImage, blurLevel, background
     const gl = canvas.getContext('webgl2');
     if (!gl)
         throw new Error('WebGL2 is not supported');
+    if (gl.isContextLost())
+        throw new Error('WebGL2 context was lost');
     const { width: frameWidth, height: frameHeight } = videoSource;
     const { width: segmentationWidth, height: segmentationHeight } = segmentationConfig;
     const vertexShaderSource = glsl `#version 300 es
@@ -777,16 +779,21 @@ const getSegmentationParams = (level) => {
     return { width: 160, height: 96 };
 };
 
-function createRenderer(tflite, videoSource, targetCanvas, options) {
+function createRenderer(tflite, videoSource, targetCanvas, options, onError) {
     const { backgroundFilter, backgroundImage, backgroundBlurLevel, segmentationLevel = exports.SegmentationLevel.HIGH, fps = 30, } = options;
     if (backgroundFilter === 'image' && !backgroundImage) {
         throw new Error(`backgroundImage element is required when backgroundFilter is image`);
     }
     const pipeline = buildWebGL2Pipeline(videoSource, backgroundImage, backgroundBlurLevel, backgroundFilter, targetCanvas, tflite, getSegmentationParams(segmentationLevel));
     const id = setInterval(() => {
-        pipeline.render();
-        if (backgroundFilter === 'image') {
-            pipeline.updatePostProcessingConfig();
+        try {
+            pipeline.render();
+            if (backgroundFilter === 'image') {
+                pipeline.updatePostProcessingConfig();
+            }
+        }
+        catch (error) {
+            onError?.(error);
         }
     }, 1000 / (fps <= 0 ? 30 : fps));
     return {
@@ -1531,7 +1538,7 @@ const createTFLiteSIMDModule = (__Module) => {
   return __Module.ready;
 };
 
-const version = "0.1.2" ;
+const version = "0.1.3" ;
 const packageName = "@stream-io/video-filters-web" ;
 
 // @ts-expect-error - module is not declared