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

package/dist/index.es.js

@@ -1559,7 +1559,7 @@ const createTFLiteSIMDModule = (__Module) => {
   return __Module.ready;
 };
 
-const version = "0.7.4";
+const version = "0.8.0";
 const packageName = "@stream-io/video-filters-web";
 
 // @ts-expect-error - module is not declared
@@ -1610,11 +1610,33 @@ const BACKGROUND_BLUR_MAP = {
 };
 
 class WebGLRenderer {
+    canvas;
+    gl;
+    stateUpdateProgram;
+    maskRefineProgram;
+    blurProgram;
+    blendProgram;
+    stateUpdateLocations;
+    maskRefineLocations;
+    blurLocations;
+    blendLocations;
+    positionBuffer;
+    texCoordBuffer;
+    storedStateTextures;
+    fbo;
+    refineFbo;
+    refinedMaskTexture;
+    frameTexture;
+    blurTexture1;
+    blurTexture2;
+    blurFbo1;
+    blurFbo2;
+    running = false;
+    static DEFAULT_BG_COLOR = [33, 150, 243, 255];
+    currentStateIndex = 0;
+    backgroundRenderInfo = null;
+    activeBackgroundSourceIdentifier = null;
     constructor(canvas) {
-        this.running = false;
-        this.currentStateIndex = 0;
-        this.backgroundRenderInfo = null;
-        this.activeBackgroundSourceIdentifier = null;
         this.canvas = canvas;
         const gl = this.canvas.getContext('webgl2', {
             alpha: false,
@@ -2307,7 +2329,6 @@ class WebGLRenderer {
         this.activeBackgroundSourceIdentifier = null;
     }
 }
-WebGLRenderer.DEFAULT_BG_COLOR = [33, 150, 243, 255];
 
 /**
  * Fallback video processor for browsers that do not support MediaStreamTrackGenerator.
@@ -2373,13 +2394,10 @@ const TrackGenerator = typeof MediaStreamTrackGenerator !== 'undefined'
  * into the canvas and update the underlying track automatically.
  */
 class FallbackProcessor {
+    readable;
+    workerTimer;
+    video;
     constructor({ track }) {
-        this.close = () => {
-            this.video.pause();
-            this.video.srcObject = null;
-            this.video.src = '';
-            this.workerTimer.destroy();
-        };
         if (!track)
             throw new Error('MediaStreamTrack is required');
         if (track.kind !== 'video') {
@@ -2442,6 +2460,12 @@ class FallbackProcessor {
             },
         });
     }
+    close = () => {
+        this.video.pause();
+        this.video.srcObject = null;
+        this.video.src = '';
+        this.workerTimer.destroy();
+    };
 }
 const TrackProcessor = typeof MediaStreamTrackProcessor !== 'undefined'
     ? MediaStreamTrackProcessor
@@ -2460,15 +2484,20 @@ const TrackProcessor = typeof MediaStreamTrackProcessor !== 'undefined'
  * `MediaStreamTrack` ready to use.
  */
 class BaseVideoProcessor {
+    track;
+    processor;
+    generator;
+    hooks;
+    abortController = new AbortController();
+    canvas;
+    frames = 0;
+    delayTotal = 0;
+    lastStatsTime = 0;
     /**
      * Constructs a new instance.
      */
     constructor(track, hooks = {}) {
         this.track = track;
-        this.abortController = new AbortController();
-        this.frames = 0;
-        this.delayTotal = 0;
-        this.lastStatsTime = 0;
         this.processor = new TrackProcessor({ track });
         this.generator = new TrackGenerator({
             kind: 'video',
@@ -2550,14 +2579,17 @@ class BaseVideoProcessor {
  * on a new MediaStreamVideoTrack for downstream consumption.
  */
 class VirtualBackground extends BaseVideoProcessor {
+    options;
+    segmenter = null;
+    isSegmenterReady = false;
+    webGlRenderer;
+    opts;
+    latestCategoryMask = undefined;
+    latestConfidenceMask = undefined;
+    lastFrameTime = -1;
     constructor(track, options = {}, hooks = {}) {
         super(track, hooks);
         this.options = options;
-        this.segmenter = null;
-        this.isSegmenterReady = false;
-        this.latestCategoryMask = undefined;
-        this.latestConfidenceMask = undefined;
-        this.lastFrameTime = -1;
     }
     async initialize() {
         this.webGlRenderer = new WebGLRenderer(this.canvas);
@@ -2588,7 +2620,7 @@ class VirtualBackground extends BaseVideoProcessor {
     }
     async transform(frame) {
         const currentTime = frame.timestamp;
-        const hasNewFrame = currentTime - this.lastFrameTime > 1000;
+        const hasNewFrame = currentTime - this.lastFrameTime > 1_000;
         this.lastFrameTime = currentTime;
         if (hasNewFrame && this.isSegmenterReady && this.segmenter) {
             const start = performance.now();
@@ -2683,12 +2715,24 @@ class VirtualBackground extends BaseVideoProcessor {
  * and upscaling back to full resolution for output.
  */
 class FullScreenBlurRenderer {
+    canvas;
+    gl;
+    blurProgramHandle;
+    blurLocations;
+    passthroughProgramHandle;
+    passthroughLocations;
+    positionBuffer;
+    texCoordBuffer;
+    pingTexture;
+    pongTexture;
+    pingFbo;
+    pongFbo;
+    inputTexture = null;
+    isRunning = false;
+    targetWidth = 0;
+    targetHeight = 0;
+    weightCache = new Map();
     constructor(canvas) {
-        this.inputTexture = null;
-        this.isRunning = false;
-        this.targetWidth = 0;
-        this.targetHeight = 0;
-        this.weightCache = new Map();
         this.canvas = canvas;
         const gl = canvas.getContext('webgl2', {
             alpha: false,
@@ -2946,6 +2990,8 @@ class FullScreenBlurRenderer {
  * by the base processor.
  */
 class FullScreenBlur extends BaseVideoProcessor {
+    blurRenderer;
+    blurRadius;
     /**
      * Creates a new full-screen blur processor for the given video track.
      *