@stream-io/video-filters-web 0.1.4 → 0.1.6

package/dist/src/webgl2/resizingStage.d.ts

@@ -1,6 +1,6 @@
 import { TFLite } from '../tflite';
 import { SegmentationParams } from '../segmentation';
-export declare function buildResizingStage(gl: WebGL2RenderingContext, vertexShader: WebGLShader, positionBuffer: WebGLBuffer, texCoordBuffer: WebGLBuffer, tflite: TFLite, segmentationConfig: SegmentationParams): {
+export declare function buildResizingStage(gl: WebGL2RenderingContext, vertexShader: WebGLShader, positionBuffer: WebGLBuffer, texCoordBuffer: WebGLBuffer, tflite: TFLite, segmentationConfig: SegmentationParams, onError?: (error: any) => void): {
     render: () => void;
     cleanUp: () => void;
 };

package/dist/src/webgl2/webgl2Pipeline.d.ts

@@ -1,7 +1,7 @@
 import { TFLite } from '../tflite';
 import { BackgroundBlurLevel, BackgroundFilter } from '../createRenderer';
 import { SegmentationParams } from '../segmentation';
-export declare function buildWebGL2Pipeline(videoSource: HTMLVideoElement, backgroundImage: HTMLImageElement | undefined, blurLevel: BackgroundBlurLevel | undefined, backgroundFilter: BackgroundFilter, canvas: HTMLCanvasElement, tflite: TFLite, segmentationConfig: SegmentationParams): {
+export declare function buildWebGL2Pipeline(videoSource: HTMLVideoElement, backgroundImage: HTMLImageElement | undefined, blurLevel: BackgroundBlurLevel | undefined, backgroundFilter: BackgroundFilter, canvas: HTMLCanvasElement, tflite: TFLite, segmentationConfig: SegmentationParams, onError?: (error: any) => void): {
     render: () => void;
     updatePostProcessingConfig: () => void;
     cleanUp: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-filters-web",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "packageManager": "yarn@3.5.0",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",

package/src/helpers/webglHelper.ts

@@ -111,8 +111,10 @@ async function getBufferSubDataAsync(
   dstOffset?: number,
   length?: number,
 ) {
-  const sync = gl.fenceSync(gl.SYNC_GPU_COMMANDS_COMPLETE, 0)!;
+  const sync = gl.fenceSync(gl.SYNC_GPU_COMMANDS_COMPLETE, 0);
   gl.flush();
+  if (!sync) return;
+
   const res = await clientWaitAsync(gl, sync);
   gl.deleteSync(sync);
 

package/src/webgl2/resizingStage.ts

@@ -15,6 +15,7 @@ export function buildResizingStage(
   texCoordBuffer: WebGLBuffer,
   tflite: TFLite,
   segmentationConfig: SegmentationParams,
+  onError?: (error: any) => void,
 ) {
   const fragmentShaderSource = glsl`#version 300 es
 
@@ -81,7 +82,9 @@ export function buildResizingStage(
       gl.RGBA,
       gl.UNSIGNED_BYTE,
       outputPixels,
-    );
+    ).catch((error: any) => {
+      onError?.(error);
+    });
 
     for (let i = 0; i < outputPixelCount; i++) {
       const tfliteIndex = tfliteInputMemoryOffset + i * 3;

package/src/webgl2/webgl2Pipeline.ts

@@ -22,6 +22,7 @@ export function buildWebGL2Pipeline(
   canvas: HTMLCanvasElement,
   tflite: TFLite,
   segmentationConfig: SegmentationParams,
+  onError?: (error: any) => void,
 ) {
   const gl = canvas.getContext('webgl2')!;
   if (!gl) throw new Error('WebGL2 is not supported');
@@ -95,6 +96,7 @@ export function buildWebGL2Pipeline(
     texCoordBuffer,
     tflite,
     segmentationConfig,
+    onError,
   );
   const loadSegmentationStage = buildSoftmaxStage(
     gl,