@livekit/track-processors 0.5.5 → 0.5.6

package/dist/index.js

@@ -1,4 +1,5 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }// src/utils.ts
+var supportsOffscreenCanvas = () => typeof OffscreenCanvas !== "undefined";
 async function sleep(time) {
   return new Promise((resolve) => setTimeout(resolve, time));
 }
@@ -15,6 +16,15 @@ async function waitForTrackResolution(track) {
   }
   return { width: void 0, height: void 0 };
 }
+function createCanvas(width, height) {
+  if (supportsOffscreenCanvas()) {
+    return new OffscreenCanvas(width, height);
+  }
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  return canvas;
+}
 
 // src/ProcessorWrapper.ts
 var ProcessorWrapper = class _ProcessorWrapper {
@@ -71,14 +81,14 @@ var ProcessorWrapper = class _ProcessorWrapper {
       }
       this.renderContext = this.displayCanvas.getContext("2d");
       this.capturedStream = this.displayCanvas.captureStream();
-      this.canvas = new OffscreenCanvas(width != null ? width : 300, height != null ? height : 300);
+      this.canvas = createCanvas(width != null ? width : 300, height != null ? height : 300);
     } else {
       this.processor = new MediaStreamTrackProcessor({ track: this.source });
       this.trackGenerator = new MediaStreamTrackGenerator({
         kind: "video",
         signalTarget: this.source
       });
-      this.canvas = new OffscreenCanvas(width != null ? width : 300, height != null ? height : 300);
+      this.canvas = createCanvas(width != null ? width : 300, height != null ? height : 300);
     }
   }
   async init(opts) {
@@ -329,11 +339,17 @@ async function resizeImageToCover(image, targetWidth, targetHeight) {
     resizeQuality: "medium"
   });
 }
-var emptyImageData = new ImageData(2, 2);
-emptyImageData.data[0] = 0;
-emptyImageData.data[1] = 0;
-emptyImageData.data[2] = 0;
-emptyImageData.data[3] = 0;
+var emptyImageData;
+function getEmptyImageData() {
+  if (!emptyImageData) {
+    emptyImageData = new ImageData(2, 2);
+    emptyImageData.data[0] = 0;
+    emptyImageData.data[1] = 0;
+    emptyImageData.data[2] = 0;
+    emptyImageData.data[3] = 0;
+  }
+  return emptyImageData;
+}
 var glsl = (source) => source;
 
 // src/webgl/shader-programs/vertexShader.ts
@@ -648,7 +664,7 @@ var setupWebGL = (canvas) => {
   gl.uniform1i(bgTextureLocation, 0);
   gl.uniform1i(frameTextureLocation, 1);
   gl.uniform1i(maskTextureLocation, 2);
-  let customBackgroundImage = emptyImageData;
+  let customBackgroundImage = getEmptyImageData();
   function renderFrame(frame) {
     if (frame.codedWidth === 0 || finalMaskTextures.length === 0) {
       return;
@@ -705,7 +721,7 @@ var setupWebGL = (canvas) => {
     gl.drawArrays(gl.TRIANGLES, 0, 6);
   }
   async function setBackgroundImage(image) {
-    customBackgroundImage = emptyImageData;
+    customBackgroundImage = getEmptyImageData();
     if (image) {
       try {
         const croppedImage = await resizeImageToCover(image, canvas.width, canvas.height);
@@ -776,7 +792,7 @@ var setupWebGL = (canvas) => {
       if (customBackgroundImage instanceof ImageBitmap) {
         customBackgroundImage.close();
       }
-      customBackgroundImage = emptyImageData;
+      customBackgroundImage = getEmptyImageData();
     }
     bgBlurTextures = [];
     bgBlurFrameBuffers = [];
@@ -803,7 +819,7 @@ var VideoTransformer = class {
     this.canvas = outputCanvas || null;
     if (outputCanvas) {
       this.gl = setupWebGL(
-        this.canvas || new OffscreenCanvas(inputVideo.videoWidth, inputVideo.videoHeight)
+        this.canvas || createCanvas(inputVideo.videoWidth, inputVideo.videoHeight)
       );
     }
     this.inputVideo = inputVideo;
@@ -814,7 +830,7 @@ var VideoTransformer = class {
     this.canvas = outputCanvas || null;
     (_a = this.gl) == null ? void 0 : _a.cleanup();
     this.gl = setupWebGL(
-      this.canvas || new OffscreenCanvas(inputVideo.videoWidth, inputVideo.videoHeight)
+      this.canvas || createCanvas(inputVideo.videoWidth, inputVideo.videoHeight)
     );
     this.inputVideo = inputVideo;
     this.isDisabled = false;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils.ts","../src/ProcessorWrapper.ts","../src/transformers/BackgroundTransformer.ts","../package.json","../src/webgl/utils.ts","../src/webgl/shader-programs/vertexShader.ts","../src/webgl/shader-programs/blurShader.ts","../src/webgl/shader-programs/boxBlurShader.ts","../src/webgl/shader-programs/compositeShader.ts","../src/webgl/shader-programs/downSampler.ts","../src/webgl/index.ts","../src/transformers/VideoTransformer.ts","../src/index.ts"],"names":["_a","BackgroundProcessor"],"mappings":";AAIA,eAAe,MAAM,MAAc;AACjC,SAAO,IAAI,QAAQ,CAAC,YAAY,WAAW,SAAS,IAAI,CAAC;AAC3D;AAEA,eAAsB,uBAAuB,OAAyB;AACpE,QAAM,UAAU;AAIhB,QAAM,MAAM,EAAE;AAEd,QAAM,UAAU,KAAK,IAAI;AACzB,SAAO,KAAK,IAAI,IAAI,UAAU,SAAS;AACrC,UAAM,EAAE,OAAO,OAAO,IAAI,MAAM,YAAY;AAC5C,QAAI,SAAS,QAAQ;AACnB,aAAO,EAAE,OAAO,OAAO;AAAA,IACzB;AACA,UAAM,MAAM,EAAE;AAAA,EAChB;AACA,SAAO,EAAE,OAAO,QAAW,QAAQ,OAAU;AAC/C;;;ACZA,IAAqB,mBAArB,MAAqB,kBAErB;AAAA,EAiEE,YACE,aACA,MACA,UAAmC,CAAC,GACpC;AApBF;AAAA,SAAQ,oBAAoB;AAW5B,SAAQ,oBAAoB;AA1E9B;AAoFI,SAAK,OAAO;AACZ,SAAK,cAAc;AACnB,SAAK,UAAS,aAAQ,WAAR,YAAkB;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA,EArEA,WAAW,cAAc;AAEvB,UAAM,qBACJ,OAAO,8BAA8B,eACrC,OAAO,8BAA8B;AAGvC,UAAM,qBACJ,OAAO,sBAAsB,eAC7B,OAAO,eAAe,eACtB,mBAAmB,kBAAkB;AAGvC,WAAO,sBAAsB;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA,EAKA,WAAW,sBAAsB;AAC/B,WACE,OAAO,8BAA8B,eACrC,OAAO,8BAA8B;AAAA,EAEzC;AAAA,EA+CA,MAAc,MAAM,MAAoC;AACtD,SAAK,SAAS,KAAK;AAEnB,UAAM,EAAE,OAAO,OAAO,IAAI,MAAM,uBAAuB,KAAK,MAAM;AAClE,SAAK,cAAc,KAAK;AAExB,QAAI,EAAE,KAAK,uBAAuB,mBAAmB;AACnD,YAAM,UAAU,iDAAiD;AAAA,IACnE;AAEA,QAAI,KAAK,uBAAuB,kBAAkB;AAChD,WAAK,YAAY,SAAS,0BAAU;AACpC,WAAK,YAAY,QAAQ,wBAAS;AAAA,IACpC;AAEA,SAAK,oBAAoB,CAAC,kBAAiB;AAE3C,QAAI,KAAK,mBAAmB;AAE1B,YAAM,iBAAiB,SAAS;AAAA,QAC9B,oCAAoC,KAAK,OAAO;AAAA,MAClD;AAEA,UAAI,gBAAgB;AAClB,aAAK,gBAAgB;AACrB,aAAK,cAAc,QAAQ,wBAAS;AACpC,aAAK,cAAc,SAAS,0BAAU;AAAA,MACxC,OAAO;AACL,aAAK,gBAAgB,SAAS,cAAc,QAAQ;AACpD,aAAK,cAAc,QAAQ,wBAAS;AACpC,aAAK,cAAc,SAAS,0BAAU;AACtC,aAAK,cAAc,MAAM,UAAU;AACnC,aAAK,cAAc,QAAQ,mBAAmB,KAAK;AACnD,iBAAS,KAAK,YAAY,KAAK,aAAa;AAAA,MAC9C;AAEA,WAAK,gBAAgB,KAAK,cAAc,WAAW,IAAI;AACvD,WAAK,iBAAiB,KAAK,cAAc,cAAc;AACvD,WAAK,SAAS,IAAI,gBAAgB,wBAAS,KAAK,0BAAU,GAAG;AAAA,IAC/D,OAAO;AAEL,WAAK,YAAY,IAAI,0BAA0B,EAAE,OAAO,KAAK,OAAO,CAAC;AACrE,WAAK,iBAAiB,IAAI,0BAA0B;AAAA,QAClD,MAAM;AAAA,QACN,cAAc,KAAK;AAAA,MACrB,CAAC;AACD,WAAK,SAAS,IAAI,gBAAgB,wBAAS,KAAK,0BAAU,GAAG;AAAA,IAC/D;AAAA,EACF;AAAA,EAEA,MAAM,KAAK,MAAmD;AAC5D,UAAM,KAAK,MAAM,IAAI;AAErB,QAAI,CAAC,KAAK,QAAQ;AAChB,YAAM,IAAI,UAAU,2CAA2C;AAAA,IACjE;AAEA,UAAM,KAAK,YAAY,KAAK;AAAA,MAC1B,cAAc,KAAK;AAAA,MACnB,cAAc,KAAK;AAAA,IACrB,CAAC;AAED,QAAI,KAAK,mBAAmB;AAC1B,WAAK,iBAAiB;AAAA,IACxB,OAAO;AACL,WAAK,wBAAwB;AAAA,IAC/B;AAAA,EACF;AAAA,EAEQ,0BAA0B;AAChC,QAAI,CAAC,KAAK,aAAa,CAAC,KAAK,gBAAgB;AAC3C,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAEA,UAAM,iBAAiB,KAAK,UAAU;AACtC,UAAM,cAAc,eAAe,YAAY,KAAK,YAAa,WAAY;AAE7E,gBACG,OAAO,KAAK,eAAe,QAAQ,EACnC,MAAM,CAAC,MAAM,QAAQ,MAAM,6BAA6B,CAAC,CAAC,EAC1D,QAAQ,MAAM,KAAK,QAAQ,CAAC;AAE/B,SAAK,iBAAiB,KAAK;AAAA,EAC7B;AAAA,EAEQ,mBAAmB;AACzB,QAAI,CAAC,KAAK,kBAAkB,CAAC,KAAK,UAAU,CAAC,KAAK,UAAU,CAAC,KAAK,eAAe;AAC/E,YAAM,IAAI,UAAU,yDAAyD;AAAA,IAC/E;AAEA,SAAK,iBAAiB,KAAK,eAAe,eAAe,EAAE,CAAC;AAC5D,SAAK,oBAAoB;AAGzB,SAAK,gBAAgB,CAAC,UAAsB;AAC1C,UAAI,CAAC,KAAK,qBAAqB,CAAC,OAAO;AACrC,cAAM,MAAM;AACZ;AAAA,MACF;AAEA,YAAM,aAAa;AAAA,QACjB,SAAS,CAAC,mBAA+B;AACvC,cAAI,KAAK,iBAAiB,KAAK,eAAe;AAE5C,iBAAK,cAAc;AAAA,cACjB;AAAA,cACA;AAAA,cACA;AAAA,cACA,KAAK,cAAc;AAAA,cACnB,KAAK,cAAc;AAAA,YACrB;AACA,2BAAe,MAAM;AAAA,UACvB;AAAA,QACF;AAAA,MACF;AAEA,UAAI;AAGF,aAAK,YAAY,UAAU,OAAO,UAAU;AAAA,MAC9C,SAAS,GAAG;AACV,gBAAQ,MAAM,uBAAuB,CAAC;AACtC,cAAM,MAAM;AAAA,MACd;AAAA,IACF;AAGA,SAAK,gBAAgB;AAAA,EACvB;AAAA,EAEQ,kBAAkB;AACxB,QAAI,CAAC,KAAK,eAAe,EAAE,KAAK,uBAAuB,mBAAmB;AACxE;AAAA,IACF;AAGA,QAAI,qBAAqB;AACzB,QAAI,gBAAgB;AACpB,UAAM,eAAe,KAAK;AAC1B,UAAM,mBAAmB,MAAO,KAAK;AAGrC,QAAI,oBAAoB,KAAK;AAC7B,QAAI,mBAA6B,CAAC;AAClC,QAAI,sBAAsB;AAC1B,QAAI,aAAa;AACjB,QAAI,aAAa;AAEjB,UAAM,aAAa,MAAM;AACvB,UACE,CAAC,KAAK,qBACN,CAAC,KAAK,eACN,EAAE,KAAK,uBAAuB,mBAC9B;AACA;AAAA,MACF;AAEA,UAAI,KAAK,YAAY,QAAQ;AAC3B,gBAAQ,KAAK,iCAAiC;AAC9C,aAAK,YAAY,KAAK;AACtB;AAAA,MACF;AAGA,YAAM,YAAY,aAAa;AAC/B,YAAM,MAAM,YAAY,IAAI;AAC5B,YAAM,qBAAqB,MAAM;AAGjC,YAAM,cAAc,cAAc;AAGlC,UAAI,aAAa;AACf,YAAI,sBAAsB,GAAG;AAC3B,gBAAM,oBAAoB,MAAM;AAChC,2BAAiB,KAAK,iBAAiB;AAGvC,cAAI,iBAAiB,SAAS,IAAI;AAChC,6BAAiB,MAAM;AAAA,UACzB;AAGA,cAAI,iBAAiB,SAAS,GAAG;AAC/B,kBAAM,eACJ,iBAAiB,OAAO,CAAC,KAAK,SAAS,MAAM,MAAM,CAAC,IAAI,iBAAiB;AAC3E,gCAAoB,MAAO;AAI3B,kBAAM,gBACH,OAAO,WAAW,eAAe,OAAO,SAAS,aAAa,eAC/D,OAAO,SAAS,aAAa;AAE/B,gBAAI,iBAAiB,MAAM,aAAa,KAAM;AAC5C,sBAAQ;AAAA,gBACN,IAAI,KAAK,IAAI,0BAA0B,kBAAkB;AAAA,kBACvD;AAAA,gBACF,CAAC,qBAAqB,aAAa,GAAG,QAAQ,CAAC,CAAC;AAAA,cAClD;AACA,2BAAa;AACb,2BAAa;AAAA,YACf;AAAA,UACF;AAAA,QACF;AACA,8BAAsB;AAAA,MACxB;AAMA,YAAM,mBAAmB,sBAAsB;AAE/C,UAAI,eAAe,kBAAkB;AACnC,6BAAqB;AACrB,wBAAgB;AAChB;AAEA,YAAI;AAEF,cAAI,aAAa,cAAc,iBAAiB,mBAAmB;AACjE,kBAAM,QAAQ,IAAI,WAAW,YAAY;AACzC,gBAAI,KAAK,eAAe;AACtB,mBAAK,cAAc,KAAK;AAAA,YAC1B,OAAO;AACL,oBAAM,MAAM;AAAA,YACd;AAAA,UACF;AAAA,QACF,SAAS,GAAG;AACV,kBAAQ,MAAM,yBAAyB,CAAC;AAAA,QAC1C;AAAA,MACF;AACA,WAAK,mBAAmB,sBAAsB,UAAU;AAAA,IAC1D;AAEA,SAAK,mBAAmB,sBAAsB,UAAU;AAAA,EAC1D;AAAA,EAEA,MAAM,QAAQ,MAAmD;AAC/D,UAAM,KAAK,QAAQ;AACnB,UAAM,KAAK,KAAK,IAAI;AAAA,EACtB;AAAA,EAEA,MAAM,sBAAsB,SAA2D;AAErF,UAAM,KAAK,YAAY,QAAQ,QAAQ,CAAC,CAAC;AAAA,EAC3C;AAAA,EAEA,MAAM,4BAA4B,SAA0D;AAC1F,UAAM,KAAK,YAAY,OAAO,QAAQ,CAAC,CAAC;AAAA,EAC1C;AAAA,EAEA,MAAM,UAAU;AAxVlB;AAyVI,QAAI,KAAK,mBAAmB;AAC1B,WAAK,oBAAoB;AACzB,UAAI,KAAK,kBAAkB;AACzB,6BAAqB,KAAK,gBAAgB;AAC1C,aAAK,mBAAmB;AAAA,MAC1B;AACA,UAAI,KAAK,iBAAiB,KAAK,cAAc,YAAY;AACvD,aAAK,cAAc,WAAW,YAAY,KAAK,aAAa;AAAA,MAC9D;AACA,iBAAK,mBAAL,mBAAqB,YAAY,QAAQ,CAAC,UAAU,MAAM,KAAK;AAAA,IACjE,OAAO;AACL,cAAM,gBAAK,cAAL,mBAAgB,oBAAhB,mBAAiC;AACvC,iBAAK,mBAAL,mBAAqB;AAAA,IACvB;AACA,UAAM,KAAK,YAAY,QAAQ;AAAA,EACjC;AACF;;;ACzWA,YAAY,YAAY;;;ACuBtB,mBAAgB;AAAA,EACd,2BAA2B;AAC7B;;;ACtBK,SAAS,YAAY,IAA4B,UAAkB;AACxE,QAAM,SAAS,GAAG,WAAW;AAC7B,KAAG,cAAc,MAAM;AACvB,QAAM,UAAU,GAAG,cAAc;AACjC,KAAG,YAAY,GAAG,YAAY,OAAO;AACrC,KAAG,cAAc,GAAG,YAAY,GAAG,gBAAgB,GAAG,aAAa;AACnE,KAAG,cAAc,GAAG,YAAY,GAAG,gBAAgB,GAAG,aAAa;AACnE,KAAG,cAAc,GAAG,YAAY,GAAG,oBAAoB,GAAG,MAAM;AAChE,KAAG,cAAc,GAAG,YAAY,GAAG,oBAAoB,GAAG,MAAM;AAChE,KAAG,YAAY,GAAG,YAAY,OAAO;AAErC,SAAO;AACT;AAEO,SAAS,aACd,IACA,MACA,QACa;AACb,QAAM,SAAS,GAAG,aAAa,IAAI;AACnC,KAAG,aAAa,QAAQ,MAAM;AAC9B,KAAG,cAAc,MAAM;AACvB,MAAI,CAAC,GAAG,mBAAmB,QAAQ,GAAG,cAAc,GAAG;AACrD,YAAQ,MAAM,0BAA0B,GAAG,iBAAiB,MAAM,CAAC;AACnE,OAAG,aAAa,MAAM;AACtB,UAAM,IAAI,MAAM,uBAAuB;AAAA,EACzC;AACA,SAAO;AACT;AAEO,SAAS,cACd,IACA,IACA,IACc;AACd,QAAM,UAAU,GAAG,cAAc;AACjC,KAAG,aAAa,SAAS,EAAE;AAC3B,KAAG,aAAa,SAAS,EAAE;AAC3B,KAAG,YAAY,OAAO;AACtB,MAAI,CAAC,GAAG,oBAAoB,SAAS,GAAG,WAAW,GAAG;AACpD,YAAQ,MAAM,wBAAwB,GAAG,kBAAkB,OAAO,CAAC;AACnE,UAAM,IAAI,MAAM,qBAAqB;AAAA,EACvC;AACA,SAAO;AACT;AAKO,SAAS,kBACd,IACA,SACA,OACA,QACA;AACA,QAAM,cAAc,GAAG,kBAAkB;AACzC,KAAG,gBAAgB,GAAG,aAAa,WAAW;AAG9C,KAAG,qBAAqB,GAAG,aAAa,GAAG,mBAAmB,GAAG,YAAY,SAAS,CAAC;AAGvF,KAAG,YAAY,GAAG,YAAY,OAAO;AACrC,KAAG,WAAW,GAAG,YAAY,GAAG,GAAG,MAAM,OAAO,QAAQ,GAAG,GAAG,MAAM,GAAG,eAAe,IAAI;AAG1F,QAAM,SAAS,GAAG,uBAAuB,GAAG,WAAW;AACvD,MAAI,WAAW,GAAG,sBAAsB;AACtC,UAAM,IAAI,MAAM,0BAA0B;AAAA,EAC5C;AAEA,KAAG,gBAAgB,GAAG,aAAa,IAAI;AACvC,SAAO;AACT;AAKO,SAAS,mBAAmB,IAAgD;AACjF,QAAM,eAAe,GAAG,aAAa;AACrC,KAAG,WAAW,GAAG,cAAc,YAAY;AAC3C,KAAG;AAAA,IACD,GAAG;AAAA,IACH,IAAI,aAAa,CAAC,IAAI,IAAI,IAAI,GAAG,GAAG,GAAG,IAAI,IAAI,GAAG,GAAG,GAAG,EAAE,CAAC;AAAA,IAC3D,GAAG;AAAA,EACL;AACA,SAAO;AACT;AASA,eAAsB,mBACpB,OACA,aACA,cACsB;AAEtB,QAAM,YAAY,MAAM,QAAQ,MAAM;AACtC,QAAM,eAAe,cAAc;AAEnC,MAAI,KAAK;AACT,MAAI,KAAK;AACT,MAAI,SAAS,MAAM;AACnB,MAAI,UAAU,MAAM;AAIpB,MAAI,YAAY,cAAc;AAE5B,aAAS,KAAK,MAAM,MAAM,SAAS,YAAY;AAC/C,SAAK,KAAK,OAAO,MAAM,QAAQ,UAAU,CAAC;AAAA,EAC5C,WAAW,YAAY,cAAc;AAEnC,cAAU,KAAK,MAAM,MAAM,QAAQ,YAAY;AAC/C,SAAK,KAAK,OAAO,MAAM,SAAS,WAAW,CAAC;AAAA,EAC9C;AAGA,SAAO,kBAAkB,OAAO,IAAI,IAAI,QAAQ,SAAS;AAAA,IACvD,aAAa;AAAA,IACb,cAAc;AAAA,IACd,eAAe;AAAA,EACjB,CAAC;AACH;AAEA,IAAM,iBAAiB,IAAI,UAAU,GAAG,CAAC;AACzC,eAAe,KAAK,CAAC,IAAI;AACzB,eAAe,KAAK,CAAC,IAAI;AACzB,eAAe,KAAK,CAAC,IAAI;AACzB,eAAe,KAAK,CAAC,IAAI;AAEzB,IAAM,OAAO,CAAC,WAAgB;;;AC1IvB,IAAM,qBAAqB,CAAC,QAAiB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMzC,QAAQ,sBAAsB,aAAa;AAAA;AAAA;AAAA;;;ACHxD,IAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8B3B,SAAS,kBAAkB,IAA4B;AAC5D,QAAM,mBAAmB,aAAa,IAAI,GAAG,eAAe,mBAAmB,CAAC;AAChF,QAAM,WAAW,aAAa,IAAI,GAAG,iBAAiB,kBAAkB;AAExE,QAAM,cAAc,cAAc,IAAI,kBAAkB,QAAQ;AAGhE,QAAM,eAAe;AAAA,IACnB,UAAU,GAAG,kBAAkB,aAAa,UAAU;AAAA,IACtD,SAAS,GAAG,mBAAmB,aAAa,WAAW;AAAA,IACvD,WAAW,GAAG,mBAAmB,aAAa,aAAa;AAAA,IAC3D,WAAW,GAAG,mBAAmB,aAAa,aAAa;AAAA,IAC3D,QAAQ,GAAG,mBAAmB,aAAa,UAAU;AAAA,EACvD;AAEA,SAAO;AAAA,IACL,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,UAAU;AAAA,EACZ;AACF;AAEO,SAAS,UACd,IACA,eACA,OACA,QACA,YACA,aACA,cACA,cACA,qBACA,iBACA;AACA,KAAG,WAAW,WAAW;AAGzB,KAAG,WAAW,GAAG,cAAc,YAAY;AAC3C,KAAG,oBAAoB,aAAa,UAAU,GAAG,GAAG,OAAO,OAAO,GAAG,CAAC;AACtE,KAAG,wBAAwB,aAAa,QAAQ;AAEhD,QAAM,aAAa,IAAM;AACzB,QAAM,cAAc,IAAM;AAG1B,KAAG,gBAAgB,GAAG,aAAa,oBAAoB,CAAC,CAAC;AACzD,KAAG,SAAS,GAAG,GAAG,OAAO,MAAM;AAE/B,KAAG,cAAc,GAAG,QAAQ;AAC5B,KAAG,YAAY,GAAG,YAAY,aAAa;AAC3C,KAAG,UAAU,aAAa,SAAS,CAAC;AACpC,KAAG,UAAU,aAAa,WAAW,YAAY,WAAW;AAC5D,KAAG,UAAU,aAAa,WAAW,GAAK,CAAG;AAC7C,KAAG,UAAU,aAAa,QAAQ,UAAU;AAE5C,KAAG,WAAW,GAAG,WAAW,GAAG,CAAC;AAGhC,KAAG,gBAAgB,GAAG,aAAa,oBAAoB,CAAC,CAAC;AACzD,KAAG,SAAS,GAAG,GAAG,OAAO,MAAM;AAE/B,KAAG,cAAc,GAAG,QAAQ;AAC5B,KAAG,YAAY,GAAG,YAAY,gBAAgB,CAAC,CAAC;AAChD,KAAG,UAAU,aAAa,SAAS,CAAC;AACpC,KAAG,UAAU,aAAa,WAAW,GAAK,CAAG;AAE7C,KAAG,WAAW,GAAG,WAAW,GAAG,CAAC;AAGhC,KAAG,gBAAgB,GAAG,aAAa,IAAI;AAEvC,SAAO,gBAAgB,CAAC;AAC1B;;;ACxGO,IAAM,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmC9B,SAAS,qBAAqB,IAA4B;AAC/D,QAAM,eAAe,aAAa,IAAI,GAAG,eAAe,mBAAmB,CAAC;AAC5E,QAAM,iBAAiB,aAAa,IAAI,GAAG,iBAAiB,qBAAqB;AAEjF,QAAM,UAAU,cAAc,IAAI,cAAc,cAAc;AAG9D,QAAM,WAAW;AAAA,IACf,UAAU,GAAG,kBAAkB,SAAS,UAAU;AAAA,IAClD,SAAS,GAAG,mBAAmB,SAAS,WAAW;AAAA,IACnD,WAAW,GAAG,mBAAmB,SAAS,aAAa;AAAA,IACvD,WAAW,GAAG,mBAAmB,SAAS,aAAa;AAAA,IACvD,QAAQ,GAAG,mBAAmB,SAAS,UAAU;AAAA,EACnD;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;;ACvDO,IAAM,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkChC,SAAS,uBAAuB,IAA4B;AACjE,QAAM,eAAe,aAAa,IAAI,GAAG,eAAe,mBAAmB,CAAC;AAC5E,QAAM,kBAAkB,aAAa,IAAI,GAAG,iBAAiB,uBAAuB;AAEpF,QAAM,mBAAmB,cAAc,IAAI,cAAc,eAAe;AAGxE,QAAM,kBAAkB;AAAA,IACtB,UAAU,GAAG,kBAAkB,kBAAkB,UAAU;AAAA,EAC7D;AAEA,QAAM,mBAAmB;AAAA,IACvB,MAAM,GAAG,mBAAmB,kBAAkB,MAAM;AAAA,IACpD,OAAO,GAAG,mBAAmB,kBAAkB,OAAO;AAAA,IACtD,YAAY,GAAG,mBAAmB,kBAAkB,YAAY;AAAA,IAChE,WAAW,GAAG,mBAAmB,kBAAkB,aAAa;AAAA,EAClE;AAEA,SAAO;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,EACF;AACF;;;AC7DO,SAAS,kBACd,IACA,OACA,QAMA;AAEA,QAAM,UAAU,GAAG,cAAc;AACjC,KAAG,YAAY,GAAG,YAAY,OAAO;AACrC,KAAG,WAAW,GAAG,YAAY,GAAG,GAAG,MAAM,OAAO,QAAQ,GAAG,GAAG,MAAM,GAAG,eAAe,IAAI;AAC1F,KAAG,cAAc,GAAG,YAAY,GAAG,oBAAoB,GAAG,MAAM;AAChE,KAAG,cAAc,GAAG,YAAY,GAAG,oBAAoB,GAAG,MAAM;AAChE,KAAG,cAAc,GAAG,YAAY,GAAG,gBAAgB,GAAG,aAAa;AACnE,KAAG,cAAc,GAAG,YAAY,GAAG,gBAAgB,GAAG,aAAa;AAGnE,QAAM,cAAc,GAAG,kBAAkB;AACzC,KAAG,gBAAgB,GAAG,aAAa,WAAW;AAC9C,KAAG,qBAAqB,GAAG,aAAa,GAAG,mBAAmB,GAAG,YAAY,SAAS,CAAC;AAGvF,QAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASrB,QAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASvB,QAAM,aAAa,aAAa,IAAI,GAAG,eAAe,YAAY;AAClE,QAAM,aAAa,aAAa,IAAI,GAAG,iBAAiB,cAAc;AACtE,QAAM,UAAU,cAAc,IAAI,YAAY,UAAU;AAExD,QAAM,WAAW;AAAA,IACf,SAAS,GAAG,mBAAmB,SAAS,WAAW;AAAA,IACnD,UAAU,GAAG,kBAAkB,SAAS,UAAU;AAAA,EACpD;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,kBACd,IACA,cACA,aAMA,cACA,OACA,QACc;AACd,KAAG,WAAW,YAAY,OAAO;AAEjC,KAAG,gBAAgB,GAAG,aAAa,YAAY,WAAW;AAC1D,KAAG,SAAS,GAAG,GAAG,OAAO,MAAM;AAE/B,KAAG,WAAW,GAAG,cAAc,YAAY;AAC3C,KAAG,wBAAwB,YAAY,SAAS,QAAQ;AACxD,KAAG,oBAAoB,YAAY,SAAS,UAAU,GAAG,GAAG,OAAO,OAAO,GAAG,CAAC;AAE9E,KAAG,cAAc,GAAG,QAAQ;AAC5B,KAAG,YAAY,GAAG,YAAY,YAAY;AAC1C,KAAG,UAAU,YAAY,SAAS,SAAS,CAAC;AAE5C,KAAG,WAAW,GAAG,WAAW,GAAG,CAAC;AAEhC,KAAG,gBAAgB,GAAG,aAAa,IAAI;AAEvC,SAAO,YAAY;AACrB;;;AC3EO,IAAM,aAAa,CAAC,WAA4B;AACrD,QAAM,KAAK,OAAO,WAAW,UAAU;AAAA,IACrC,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB,CAAC;AAED,MAAI,aAA4B;AAChC,MAAI,iBAAgC;AACpC,QAAM,mBAAmB;AAEzB,MAAI,CAAC,IAAI;AACP,YAAQ,MAAM,gCAAgC;AAC9C,WAAO;AAAA,EACT;AAEA,KAAG,OAAO,GAAG,KAAK;AAClB,KAAG,UAAU,GAAG,WAAW,GAAG,mBAAmB;AAGjD,QAAM,YAAY,uBAAuB,EAAE;AAC3C,QAAM,mBAAmB,UAAU;AACnC,QAAM,mBAAmB,UAAU,gBAAgB;AACnD,QAAM;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,EACd,IAAI,UAAU;AAGd,QAAM,OAAO,kBAAkB,EAAE;AACjC,QAAM,cAAc,KAAK;AACzB,QAAM,eAAe,KAAK;AAG1B,QAAM,UAAU,qBAAqB,EAAE;AACvC,QAAM,iBAAiB,QAAQ;AAC/B,QAAM,kBAAkB,QAAQ;AAEhC,QAAM,YAAY,YAAY,IAAI,CAAC;AACnC,QAAM,eAAe,YAAY,IAAI,CAAC;AACtC,QAAM,eAAe,mBAAmB,EAAE;AAE1C,MAAI,CAAC,cAAc;AACjB,UAAM,IAAI,MAAM,gCAAgC;AAAA,EAClD;AAGA,MAAI,iBAAiC,CAAC;AACtC,MAAI,qBAAyC,CAAC;AAC9C,MAAI,qBAA0C;AAG9C,MAAI,oBAAoC,CAAC;AACzC,MAAI,gBAAgB;AACpB,MAAI,iBAAiB;AAGrB,iBAAe,KAAK,YAAY,IAAI,CAAC,CAAC;AACtC,iBAAe,KAAK,YAAY,IAAI,CAAC,CAAC;AAEtC,QAAM,qBAAqB,KAAK,MAAM,OAAO,QAAQ,gBAAgB;AACrE,QAAM,sBAAsB,KAAK,MAAM,OAAO,SAAS,gBAAgB;AAEvE,QAAM,cAAc,kBAAkB,IAAI,oBAAoB,mBAAmB;AAGjF,qBAAmB;AAAA,IACjB,kBAAkB,IAAI,eAAe,CAAC,GAAG,oBAAoB,mBAAmB;AAAA,EAClF;AACA,qBAAmB;AAAA,IACjB,kBAAkB,IAAI,eAAe,CAAC,GAAG,oBAAoB,mBAAmB;AAAA,EAClF;AAGA,QAAM,kBAAkB,YAAY,IAAI,CAAC;AACzC,QAAM,sBAAsB,kBAAkB,IAAI,iBAAiB,OAAO,OAAO,OAAO,MAAM;AAG9F,oBAAkB,KAAK,YAAY,IAAI,CAAC,CAAC;AACzC,oBAAkB,KAAK,YAAY,IAAI,CAAC,CAAC;AAGzC,QAAM,wBAAwB;AAAA,IAC5B,kBAAkB,IAAI,kBAAkB,CAAC,GAAG,OAAO,OAAO,OAAO,MAAM;AAAA,IACvE,kBAAkB,IAAI,kBAAkB,CAAC,GAAG,OAAO,OAAO,OAAO,MAAM;AAAA,EACzE;AAGA,KAAG,WAAW,gBAAgB;AAC9B,KAAG,UAAU,mBAAmB,CAAC;AACjC,KAAG,UAAU,sBAAsB,CAAC;AACpC,KAAG,UAAU,qBAAqB,CAAC;AAGnC,MAAI,wBAAiD;AAErD,WAAS,YAAY,OAAmB;AACtC,QAAI,MAAM,eAAe,KAAK,kBAAkB,WAAW,GAAG;AAC5D;AAAA,IACF;AAEA,UAAM,QAAQ,MAAM;AACpB,UAAM,SAAS,MAAM;AAGrB,OAAG,cAAc,GAAG,QAAQ;AAC5B,OAAG,YAAY,GAAG,YAAY,YAAY;AAC1C,OAAG,WAAW,GAAG,YAAY,GAAG,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,KAAK;AAGzE,QAAI,oBAAoB;AAExB,QAAI,YAAY;AACd,YAAM,0BAA0B;AAAA,QAC9B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AACA,0BAAoB;AAAA,QAClB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF,OAAO;AACL,SAAG,cAAc,GAAG,QAAQ;AAC5B,SAAG,YAAY,GAAG,YAAY,SAAS;AACvC,SAAG,WAAW,GAAG,YAAY,GAAG,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,qBAAqB;AACzF,0BAAoB;AAAA,IACtB;AAGA,OAAG,SAAS,GAAG,GAAG,OAAO,MAAM;AAC/B,OAAG,WAAW,GAAK,GAAK,GAAK,CAAG;AAChC,OAAG,MAAM,GAAG,gBAAgB;AAE5B,OAAG,WAAW,gBAAgB;AAC9B,OAAG,WAAW,GAAG,cAAc,YAAY;AAC3C,OAAG,oBAAoB,kBAAkB,GAAG,GAAG,OAAO,OAAO,GAAG,CAAC;AACjE,OAAG,wBAAwB,gBAAgB;AAG3C,OAAG,cAAc,GAAG,QAAQ;AAC5B,OAAG,YAAY,GAAG,YAAY,iBAAiB;AAC/C,OAAG,UAAU,mBAAmB,CAAC;AAGjC,OAAG,cAAc,GAAG,QAAQ;AAC5B,OAAG,YAAY,GAAG,YAAY,YAAY;AAC1C,OAAG,UAAU,sBAAsB,CAAC;AAGpC,OAAG,cAAc,GAAG,QAAQ;AAC5B,OAAG,YAAY,GAAG,YAAY,kBAAkB,aAAa,CAAC;AAC9D,OAAG,UAAU,qBAAqB,CAAC;AACnC,OAAG,WAAW,GAAG,WAAW,GAAG,CAAC;AAAA,EAClC;AAMA,iBAAe,mBAAmB,OAA2B;AAE3D,4BAAwB;AAExB,QAAI,OAAO;AACT,UAAI;AAEF,cAAM,eAAe,MAAM,mBAAmB,OAAO,OAAO,OAAO,OAAO,MAAM;AAGhF,gCAAwB;AAAA,MAC1B,SAAS,OAAO;AACd,gBAAQ;AAAA,UACN;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,OAAG,cAAc,GAAG,QAAQ;AAC5B,OAAG,YAAY,GAAG,YAAY,SAAS;AACvC,OAAG,WAAW,GAAG,YAAY,GAAG,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,qBAAqB;AAAA,EAC3F;AAEA,WAAS,cAAc,QAAuB;AAC5C,iBAAa,SAAS,KAAK,IAAI,GAAG,KAAK,MAAM,SAAS,gBAAgB,CAAC,IAAI;AAC3E,uBAAmB,IAAI;AAAA,EACzB;AAEA,WAAS,WAAW,MAAoB;AAKtC,UAAM,mBAAmB,CAAC,qBAAqB,sBAAsB,cAAc,CAAC;AAEpF,UAAM,eAAe,CAAC,iBAAiB,kBAAkB,cAAc,CAAC;AAGxE;AAAA,MACE;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,OAAO;AAAA,MACP,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAGA,oBAAgB;AAChB,qBAAiB,IAAI;AAAA,EACvB;AAEA,WAAS,UAAU;AACjB,OAAG,cAAc,gBAAgB;AACjC,OAAG,cAAc,WAAW;AAC5B,OAAG,cAAc,cAAc;AAC/B,OAAG,cAAc,SAAS;AAC1B,OAAG,cAAc,YAAY;AAC7B,OAAG,cAAc,eAAe;AAChC,OAAG,kBAAkB,mBAAmB;AAExC,eAAW,WAAW,gBAAgB;AACpC,SAAG,cAAc,OAAO;AAAA,IAC1B;AACA,eAAW,eAAe,oBAAoB;AAC5C,SAAG,kBAAkB,WAAW;AAAA,IAClC;AACA,eAAW,WAAW,mBAAmB;AACvC,SAAG,cAAc,OAAO;AAAA,IAC1B;AACA,eAAW,eAAe,uBAAuB;AAC/C,SAAG,kBAAkB,WAAW;AAAA,IAClC;AACA,OAAG,aAAa,YAAY;AAE5B,QAAI,oBAAoB;AACtB,SAAG,cAAc,kBAAkB;AAAA,IACrC;AAEA,QAAI,aAAa;AACf,SAAG,cAAc,YAAY,OAAO;AACpC,SAAG,kBAAkB,YAAY,WAAW;AAC5C,SAAG,cAAc,YAAY,OAAO;AAAA,IACtC;AAGA,QAAI,uBAAuB;AACzB,UAAI,iCAAiC,aAAa;AAChD,8BAAsB,MAAM;AAAA,MAC9B;AACA,8BAAwB;AAAA,IAC1B;AACA,qBAAiB,CAAC;AAClB,yBAAqB,CAAC;AACtB,wBAAoB,CAAC;AAAA,EACvB;AAEA,SAAO,EAAE,aAAa,YAAY,oBAAoB,eAAe,QAAQ;AAC/E;;;ACjSA,IAA8B,mBAA9B,MAEA;AAAA,EAFA;AAaE,SAAU,aAAuB;AAAA;AAAA,EAEjC,MAAM,KAAK;AAAA,IACT;AAAA,IACA,cAAc;AAAA,EAChB,GAA+C;AAC7C,QAAI,EAAE,sBAAsB,mBAAmB;AAC7C,YAAM,UAAU,qDAAqD;AAAA,IACvE;AAEA,SAAK,cAAc,IAAI,gBAAgB;AAAA,MACrC,WAAW,CAAC,OAAO,eAAe,KAAK,UAAU,OAAO,UAAU;AAAA,IACpE,CAAC;AACD,SAAK,SAAS,gBAAgB;AAC9B,QAAI,cAAc;AAEhB,WAAK,KAAK;AAAA,QACR,KAAK,UAAU,IAAI,gBAAgB,WAAW,YAAY,WAAW,WAAW;AAAA,MAClF;AAAA,IACF;AACA,SAAK,aAAa;AAClB,SAAK,aAAa;AAAA,EACpB;AAAA,EAEA,MAAM,QAAQ,EAAE,cAAc,cAAc,WAAW,GAAgC;AAxCzF;AAyCI,SAAK,SAAS,gBAAgB;AAC9B,eAAK,OAAL,mBAAS;AACT,SAAK,KAAK;AAAA,MACR,KAAK,UAAU,IAAI,gBAAgB,WAAW,YAAY,WAAW,WAAW;AAAA,IAClF;AAEA,SAAK,aAAa;AAClB,SAAK,aAAa;AAAA,EACpB;AAAA,EAEA,MAAM,UAAU;AAnDlB;AAoDI,SAAK,aAAa;AAClB,SAAK,SAAS;AACd,eAAK,OAAL,mBAAS;AACT,SAAK,KAAK;AAAA,EACZ;AAQF;;;ATxCA,IAAqB,sBAArB,cAAiD,iBAAoC;AAAA,EAoBnF,YAAY,MAAyB;AACnC,UAAM;AAPR,2BAAsC;AAItC,8BAA6B;AAI3B,SAAK,UAAU;AACf,SAAK,OAAO,IAAI;AAAA,EAClB;AAAA,EAvBA,WAAW,cAAc;AACvB,WACE,OAAO,oBAAoB,eAC3B,OAAO,eAAe,eACtB,OAAO,sBAAsB,eAC7B,CAAC,CAAC,SAAS,cAAc,QAAQ,EAAE,WAAW,QAAQ;AAAA,EAE1D;AAAA,EAkBA,MAAM,KAAK,EAAE,cAAc,cAAc,WAAW,GAAgC;AAlDtF;AAqDI,UAAM,MAAM,KAAK,EAAE,cAAc,cAAc,WAAW,CAAC;AAE3D,UAAM,UAAU,MAAa,uBAAgB;AAAA,OAC3C,gBAAK,QAAQ,eAAb,mBAAyB,uBAAzB,YACE,wDAAwD,aAAa,yBAAyB,CAAC;AAAA,IACnG;AAEA,SAAK,iBAAiB,MAAa,sBAAe,kBAAkB,SAAS;AAAA,MAC3E,aAAa;AAAA,QACX,iBACE,gBAAK,QAAQ,eAAb,mBAAyB,mBAAzB,YACA;AAAA,QACF,UAAU;AAAA,QACV,GAAG,KAAK,QAAQ;AAAA,MAClB;AAAA,MACA,QAAQ,KAAK;AAAA,MACb,aAAa;AAAA,MACb,oBAAoB;AAAA,MACpB,uBAAuB;AAAA,IACzB,CAAC;AAGD,UAAI,UAAK,YAAL,mBAAc,cAAa,CAAC,KAAK,iBAAiB;AACpD,YAAM,KAAK,eAAe,KAAK,QAAQ,SAAS,EAAE;AAAA,QAAM,CAAC,QACvD,QAAQ,MAAM,oDAAoD,GAAG;AAAA,MACvE;AAAA,IACF;AACA,QAAI,KAAK,QAAQ,YAAY;AAC3B,iBAAK,OAAL,mBAAS,cAAc,KAAK,QAAQ;AAAA,IACtC;AAAA,EACF;AAAA,EAEA,MAAM,UAAU;AArFlB;AAsFI,UAAM,MAAM,QAAQ;AACpB,YAAM,UAAK,mBAAL,mBAAqB;AAC3B,SAAK,kBAAkB;AAAA,EACzB;AAAA,EAEA,MAAM,eAAe,MAAc;AA3FrC;AA4FI,UAAM,MAAM,IAAI,MAAM;AAEtB,UAAM,IAAI,QAAQ,CAAC,SAAS,WAAW;AACrC,UAAI,cAAc;AAClB,UAAI,SAAS,MAAM,QAAQ,GAAG;AAC9B,UAAI,UAAU,CAAC,QAAQ,OAAO,GAAG;AACjC,UAAI,MAAM;AAAA,IACZ,CAAC;AACD,UAAM,YAAY,MAAM,kBAAkB,GAAG;AAC7C,eAAK,OAAL,mBAAS,mBAAmB;AAAA,EAC9B;AAAA,EAEA,MAAM,UAAU,OAAmB,YAA0D;AAxG/F;AAyGI,QAAI;AACF,UAAI,EAAE,iBAAiB,eAAe,MAAM,eAAe,KAAK,MAAM,gBAAgB,GAAG;AACvF,gBAAQ,MAAM,gCAAgC;AAC9C;AAAA,MACF;AAEA,UAAI,KAAK,YAAY;AACnB,mBAAW,QAAQ,KAAK;AACxB;AAAA,MACF;AACA,YAAM,cAAc,KAAK,IAAI;AAC7B,UAAI,CAAC,KAAK,QAAQ;AAChB,cAAM,UAAU,sCAAsC;AAAA,MACxD;AACA,WAAK,OAAO,QAAQ,MAAM;AAC1B,WAAK,OAAO,SAAS,MAAM;AAC3B,YAAM,sBAAsB,IAAI,QAAc,CAAC,SAAS,WAAW;AAzHzE,YAAAA;AA0HQ,YAAI;AACF,cAAI,0BAA0B,YAAY,IAAI;AAC9C,WAAAA,MAAA,KAAK,mBAAL,gBAAAA,IAAqB,gBAAgB,OAAO,yBAAyB,CAAC,WAAW;AAC/E,iBAAK,qBAAqB,YAAY,IAAI,IAAI;AAC9C,iBAAK,sBAAsB;AAC3B,iBAAK,WAAW,OAAO,YAAY;AACnC,mBAAO,MAAM;AACb,oBAAQ;AAAA,UACV;AAAA,QACF,SAAS,GAAG;AACV,iBAAO,CAAC;AAAA,QACV;AAAA,MACF,CAAC;AAED,YAAM,oBAAoB,YAAY,IAAI;AAC1C,WAAK,UAAU,KAAK;AACpB,UAAI,KAAK,UAAU,KAAK,OAAO,QAAQ,KAAK,KAAK,OAAO,SAAS,GAAG;AAClE,cAAM,WAAW,IAAI,WAAW,KAAK,QAAQ;AAAA,UAC3C,WAAW,MAAM,aAAa;AAAA,QAChC,CAAC;AACD,mBAAW,QAAQ,QAAQ;AAC3B,cAAM,eAAe,YAAY,IAAI,IAAI;AACzC,cAAM,QAA8B;AAAA,UAClC,kBAAkB,KAAK,qBAAqB;AAAA,UAC5C,oBAAoB,KAAK;AAAA,UACzB;AAAA,QACF;AACA,yBAAK,SAAQ,qBAAb,4BAAgC;AAAA,MAClC,OAAO;AACL,mBAAW,QAAQ,KAAK;AAAA,MAC1B;AACA,YAAM;AAAA,IACR,SAAS,GAAG;AACV,cAAQ,MAAM,kCAAkC,CAAC;AAAA,IACnD,UAAE;AACA,YAAM,MAAM;AAAA,IACd;AAAA,EACF;AAAA,EAEA,MAAM,OAAO,MAAyB;AAjKxC;AAkKI,SAAK,UAAU,EAAE,GAAG,KAAK,SAAS,GAAG,KAAK;AAC1C,QAAI,KAAK,YAAY;AACnB,iBAAK,OAAL,mBAAS,cAAc,KAAK;AAAA,IAC9B,WAAW,KAAK,WAAW;AACzB,YAAM,KAAK,eAAe,KAAK,SAAS;AAAA,IAC1C;AAAA,EACF;AAAA,EAEA,MAAc,UAAU,OAAmB;AA1K7C;AA2KI,QAAI,CAAC,KAAK;AAAI;AACd,eAAK,OAAL,mBAAS,YAAY;AAAA,EACvB;AAAA,EAEA,MAAc,WAAW,MAAiC;AA/K5D;AAgLI,QAAI,CAAC;AAAM;AACX,eAAK,OAAL,mBAAS,WAAW,KAAK,kBAAkB;AAAA,EAC7C;AACF;;;AU/JO,IAAM,+BAA+B,MAC1C,oBAAsB,eAAe,iBAAiB;AAKjD,IAAM,qCAAqC,MAChD,oBAAsB,eAAe,iBAAiB;AAUjD,IAAM,iBAAiB,CAC5B,aAAqB,IACrB,kBACA,kBACA,qBACG;AACH,SAAOC;AAAA,IACL;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;AAEO,IAAM,oBAAoB,CAC/B,WACA,kBACA,kBACA,qBACG;AACH,SAAOA;AAAA,IACL;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;AAEO,IAAMA,uBAAsB,CACjC,SACA,OAAO,2BACJ;AACH,QAAM,yBAAyB,oBAAsB;AACrD,QAAM,uBAAuB,iBAAiB;AAE9C,MAAI,CAAC,wBAAwB;AAC3B,UAAM,IAAI,MAAM,yDAAyD;AAAA,EAC3E;AAEA,MAAI,CAAC,sBAAsB;AACzB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAGA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,cAAc,IAAI,oBAAsB;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,YAAY,IAAI,iBAAiB,aAAa,MAAM,aAAa;AAEvE,SAAO;AACT","sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nexport const supportsProcessor = typeof MediaStreamTrackGenerator !== 'undefined';\nexport const supportsOffscreenCanvas = typeof OffscreenCanvas !== 'undefined';\n\nasync function sleep(time: number) {\n  return new Promise((resolve) => setTimeout(resolve, time));\n}\n\nexport async function waitForTrackResolution(track: MediaStreamTrack) {\n  const timeout = 500;\n\n  // browsers report wrong initial resolution on iOS.\n  // when slightly delaying the call to .getSettings(), the correct resolution is being reported\n  await sleep(10);\n\n  const started = Date.now();\n  while (Date.now() - started < timeout) {\n    const { width, height } = track.getSettings();\n    if (width && height) {\n      return { width, height };\n    }\n    await sleep(50);\n  }\n  return { width: undefined, height: undefined };\n}\n","import type { ProcessorOptions, Track, TrackProcessor } from 'livekit-client';\nimport { TrackTransformer } from './transformers';\nimport { waitForTrackResolution } from './utils';\n\nexport interface ProcessorWrapperOptions {\n  /**\n   * Maximum frame rate for fallback canvas.captureStream implementation\n   * Default: 30\n   */\n  maxFps?: number;\n}\n\nexport default class ProcessorWrapper<TransformerOptions extends Record<string, unknown>>\n  implements TrackProcessor<Track.Kind>\n{\n  /**\n   * Determines if the Processor is supported on the current browser\n   */\n  static get isSupported() {\n    // Check for primary implementation support\n    const hasStreamProcessor =\n      typeof MediaStreamTrackGenerator !== 'undefined' &&\n      typeof MediaStreamTrackProcessor !== 'undefined';\n\n    // Check for fallback implementation support\n    const hasFallbackSupport =\n      typeof HTMLCanvasElement !== 'undefined' &&\n      typeof VideoFrame !== 'undefined' &&\n      'captureStream' in HTMLCanvasElement.prototype;\n\n    // We can work if either implementation is available\n    return hasStreamProcessor || hasFallbackSupport;\n  }\n\n  /**\n   * Determines if modern browser APIs are supported, which yield better performance\n   */\n  static get hasModernApiSupport() {\n    return (\n      typeof MediaStreamTrackGenerator !== 'undefined' &&\n      typeof MediaStreamTrackProcessor !== 'undefined'\n    );\n  }\n\n  name: string;\n\n  source?: MediaStreamVideoTrack;\n\n  processor?: MediaStreamTrackProcessor<VideoFrame>;\n\n  trackGenerator?: MediaStreamTrackGenerator<VideoFrame>;\n\n  canvas?: OffscreenCanvas;\n\n  displayCanvas?: HTMLCanvasElement;\n\n  sourceDummy?: HTMLMediaElement;\n\n  processedTrack?: MediaStreamTrack;\n\n  transformer: TrackTransformer<TransformerOptions>;\n\n  // For tracking whether we're using the stream API fallback\n  private useStreamFallback = false;\n\n  // For fallback rendering with canvas.captureStream()\n  private capturedStream?: MediaStream;\n\n  private animationFrameId?: number;\n\n  private renderContext?: CanvasRenderingContext2D;\n\n  private frameCallback?: (frame: VideoFrame) => void;\n\n  private processingEnabled = false;\n\n  // FPS control for fallback implementation\n  private maxFps: number;\n\n  constructor(\n    transformer: TrackTransformer<TransformerOptions>,\n    name: string,\n    options: ProcessorWrapperOptions = {},\n  ) {\n    this.name = name;\n    this.transformer = transformer;\n    this.maxFps = options.maxFps ?? 30;\n  }\n\n  private async setup(opts: ProcessorOptions<Track.Kind>) {\n    this.source = opts.track as MediaStreamVideoTrack;\n\n    const { width, height } = await waitForTrackResolution(this.source);\n    this.sourceDummy = opts.element;\n\n    if (!(this.sourceDummy instanceof HTMLVideoElement)) {\n      throw TypeError('Currently only video transformers are supported');\n    }\n\n    if (this.sourceDummy instanceof HTMLVideoElement) {\n      this.sourceDummy.height = height ?? 300;\n      this.sourceDummy.width = width ?? 300;\n    }\n\n    this.useStreamFallback = !ProcessorWrapper.hasModernApiSupport;\n\n    if (this.useStreamFallback) {\n      // Create a visible canvas for the fallback implementation or use an existing one if provided\n      const existingCanvas = document.querySelector(\n        'canvas[data-livekit-processor=\"' + this.name + '\"]',\n      ) as HTMLCanvasElement;\n\n      if (existingCanvas) {\n        this.displayCanvas = existingCanvas;\n        this.displayCanvas.width = width ?? 300;\n        this.displayCanvas.height = height ?? 300;\n      } else {\n        this.displayCanvas = document.createElement('canvas');\n        this.displayCanvas.width = width ?? 300;\n        this.displayCanvas.height = height ?? 300;\n        this.displayCanvas.style.display = 'none';\n        this.displayCanvas.dataset.livekitProcessor = this.name;\n        document.body.appendChild(this.displayCanvas);\n      }\n\n      this.renderContext = this.displayCanvas.getContext('2d')!;\n      this.capturedStream = this.displayCanvas.captureStream();\n      this.canvas = new OffscreenCanvas(width ?? 300, height ?? 300);\n    } else {\n      // Use MediaStreamTrackProcessor API\n      this.processor = new MediaStreamTrackProcessor({ track: this.source });\n      this.trackGenerator = new MediaStreamTrackGenerator({\n        kind: 'video',\n        signalTarget: this.source,\n      });\n      this.canvas = new OffscreenCanvas(width ?? 300, height ?? 300);\n    }\n  }\n\n  async init(opts: ProcessorOptions<Track.Kind>): Promise<void> {\n    await this.setup(opts);\n\n    if (!this.canvas) {\n      throw new TypeError('Expected canvas to be defined after setup');\n    }\n\n    await this.transformer.init({\n      outputCanvas: this.canvas,\n      inputElement: this.sourceDummy as HTMLVideoElement,\n    });\n\n    if (this.useStreamFallback) {\n      this.initFallbackPath();\n    } else {\n      this.initStreamProcessorPath();\n    }\n  }\n\n  private initStreamProcessorPath() {\n    if (!this.processor || !this.trackGenerator) {\n      throw new TypeError(\n        'Expected processor and trackGenerator to be defined for stream processor path',\n      );\n    }\n\n    const readableStream = this.processor.readable;\n    const pipedStream = readableStream.pipeThrough(this.transformer!.transformer!);\n\n    pipedStream\n      .pipeTo(this.trackGenerator.writable)\n      .catch((e) => console.error('error when trying to pipe', e))\n      .finally(() => this.destroy());\n\n    this.processedTrack = this.trackGenerator as MediaStreamVideoTrack;\n  }\n\n  private initFallbackPath() {\n    if (!this.capturedStream || !this.source || !this.canvas || !this.renderContext) {\n      throw new TypeError('Missing required components for fallback implementation');\n    }\n\n    this.processedTrack = this.capturedStream.getVideoTracks()[0];\n    this.processingEnabled = true;\n\n    // Set up the frame callback for the transformer\n    this.frameCallback = (frame: VideoFrame) => {\n      if (!this.processingEnabled || !frame) {\n        frame.close();\n        return;\n      }\n\n      const controller = {\n        enqueue: (processedFrame: VideoFrame) => {\n          if (this.renderContext && this.displayCanvas) {\n            // Draw the processed frame to the visible canvas\n            this.renderContext.drawImage(\n              processedFrame,\n              0,\n              0,\n              this.displayCanvas.width,\n              this.displayCanvas.height,\n            );\n            processedFrame.close();\n          }\n        },\n      } as TransformStreamDefaultController<VideoFrame>;\n\n      try {\n        // Pass the frame through our transformer\n        // @ts-ignore - The controller expects both VideoFrame & AudioData but we're only using VideoFrame\n        this.transformer.transform(frame, controller);\n      } catch (e) {\n        console.error('Error in transform:', e);\n        frame.close();\n      }\n    };\n\n    // Start the rendering loop\n    this.startRenderLoop();\n  }\n\n  private startRenderLoop() {\n    if (!this.sourceDummy || !(this.sourceDummy instanceof HTMLVideoElement)) {\n      return;\n    }\n\n    // Store the last processed timestamp to avoid duplicate processing\n    let lastVideoTimestamp = -1;\n    let lastFrameTime = 0;\n    const videoElement = this.sourceDummy as HTMLVideoElement;\n    const minFrameInterval = 1000 / this.maxFps; // Minimum time between frames\n\n    // Estimate the video's native frame rate\n    let estimatedVideoFps = this.maxFps;\n    let frameTimeHistory: number[] = [];\n    let lastVideoTimeChange = 0;\n    let frameCount = 0;\n    let lastFpsLog = 0;\n\n    const renderLoop = () => {\n      if (\n        !this.processingEnabled ||\n        !this.sourceDummy ||\n        !(this.sourceDummy instanceof HTMLVideoElement)\n      ) {\n        return;\n      }\n\n      if (this.sourceDummy.paused) {\n        console.warn('Video is paused, trying to play');\n        this.sourceDummy.play();\n        return;\n      }\n\n      // Only process a new frame if the video has actually updated\n      const videoTime = videoElement.currentTime;\n      const now = performance.now();\n      const timeSinceLastFrame = now - lastFrameTime;\n\n      // Detect if video has a new frame\n      const hasNewFrame = videoTime !== lastVideoTimestamp;\n\n      // Update frame rate estimation if we have a new frame\n      if (hasNewFrame) {\n        if (lastVideoTimeChange > 0) {\n          const timeBetweenFrames = now - lastVideoTimeChange;\n          frameTimeHistory.push(timeBetweenFrames);\n\n          // Keep a rolling window of the last 10 frame times\n          if (frameTimeHistory.length > 10) {\n            frameTimeHistory.shift();\n          }\n\n          // Calculate average frame interval\n          if (frameTimeHistory.length > 2) {\n            const avgFrameTime =\n              frameTimeHistory.reduce((sum, time) => sum + time, 0) / frameTimeHistory.length;\n            estimatedVideoFps = 1000 / avgFrameTime;\n\n            // Log estimated FPS every 5 seconds in development environments\n            // Use a simpler check that works in browsers without process.env\n            const isDevelopment =\n              (typeof window !== 'undefined' && window.location.hostname === 'localhost') ||\n              window.location.hostname === '127.0.0.1';\n\n            if (isDevelopment && now - lastFpsLog > 5000) {\n              console.debug(\n                `[${this.name}] Estimated video FPS: ${estimatedVideoFps.toFixed(\n                  1,\n                )}, Processing at: ${(frameCount / 5).toFixed(1)} FPS`,\n              );\n              frameCount = 0;\n              lastFpsLog = now;\n            }\n          }\n        }\n        lastVideoTimeChange = now;\n      }\n\n      // Determine if we should process this frame\n      // We'll process if:\n      // 1. The video has a new frame\n      // 2. Enough time has passed since last frame (respecting maxFps)\n      const timeThresholdMet = timeSinceLastFrame >= minFrameInterval;\n\n      if (hasNewFrame && timeThresholdMet) {\n        lastVideoTimestamp = videoTime;\n        lastFrameTime = now;\n        frameCount++;\n\n        try {\n          // Create a VideoFrame from the video element\n          if (videoElement.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA) {\n            const frame = new VideoFrame(videoElement);\n            if (this.frameCallback) {\n              this.frameCallback(frame);\n            } else {\n              frame.close();\n            }\n          }\n        } catch (e) {\n          console.error('Error in render loop:', e);\n        }\n      }\n      this.animationFrameId = requestAnimationFrame(renderLoop);\n    };\n\n    this.animationFrameId = requestAnimationFrame(renderLoop);\n  }\n\n  async restart(opts: ProcessorOptions<Track.Kind>): Promise<void> {\n    await this.destroy();\n    await this.init(opts);\n  }\n\n  async restartTransformer(...options: Parameters<(typeof this.transformer)['restart']>) {\n    // @ts-ignore unclear why the restart method only accepts VideoTransformerInitOptions instead of either those or AudioTransformerInitOptions\n    await this.transformer.restart(options[0]);\n  }\n\n  async updateTransformerOptions(...options: Parameters<(typeof this.transformer)['update']>) {\n    await this.transformer.update(options[0]);\n  }\n\n  async destroy() {\n    if (this.useStreamFallback) {\n      this.processingEnabled = false;\n      if (this.animationFrameId) {\n        cancelAnimationFrame(this.animationFrameId);\n        this.animationFrameId = undefined;\n      }\n      if (this.displayCanvas && this.displayCanvas.parentNode) {\n        this.displayCanvas.parentNode.removeChild(this.displayCanvas);\n      }\n      this.capturedStream?.getTracks().forEach((track) => track.stop());\n    } else {\n      await this.processor?.writableControl?.close();\n      this.trackGenerator?.stop();\n    }\n    await this.transformer.destroy();\n  }\n}\n","import * as vision from '@mediapipe/tasks-vision';\nimport { dependencies } from '../../package.json';\nimport VideoTransformer from './VideoTransformer';\nimport { VideoTransformerInitOptions } from './types';\n\nexport type SegmenterOptions = Partial<vision.ImageSegmenterOptions['baseOptions']>;\n\nexport interface FrameProcessingStats {\n  processingTimeMs: number;\n  segmentationTimeMs: number;\n  filterTimeMs: number;\n}\n\nexport type BackgroundOptions = {\n  blurRadius?: number;\n  imagePath?: string;\n  /** cannot be updated through the `update` method, needs a restart */\n  segmenterOptions?: SegmenterOptions;\n  /** cannot be updated through the `update` method, needs a restart */\n  assetPaths?: { tasksVisionFileSet?: string; modelAssetPath?: string };\n  /** called when a new frame is processed */\n  onFrameProcessed?: (stats: FrameProcessingStats) => void;\n};\n\nexport default class BackgroundProcessor extends VideoTransformer<BackgroundOptions> {\n  static get isSupported() {\n    return (\n      typeof OffscreenCanvas !== 'undefined' &&\n      typeof VideoFrame !== 'undefined' &&\n      typeof createImageBitmap !== 'undefined' &&\n      !!document.createElement('canvas').getContext('webgl2')\n    );\n  }\n\n  imageSegmenter?: vision.ImageSegmenter;\n\n  segmentationResults: vision.ImageSegmenterResult | undefined;\n\n  backgroundImage: ImageBitmap | null = null;\n\n  options: BackgroundOptions;\n\n  segmentationTimeMs: number = 0;\n\n  constructor(opts: BackgroundOptions) {\n    super();\n    this.options = opts;\n    this.update(opts);\n  }\n\n  async init({ outputCanvas, inputElement: inputVideo }: VideoTransformerInitOptions) {\n    // Initialize WebGL with appropriate options based on our current state\n\n    await super.init({ outputCanvas, inputElement: inputVideo });\n\n    const fileSet = await vision.FilesetResolver.forVisionTasks(\n      this.options.assetPaths?.tasksVisionFileSet ??\n        `https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@${dependencies['@mediapipe/tasks-vision']}/wasm`,\n    );\n\n    this.imageSegmenter = await vision.ImageSegmenter.createFromOptions(fileSet, {\n      baseOptions: {\n        modelAssetPath:\n          this.options.assetPaths?.modelAssetPath ??\n          'https://storage.googleapis.com/mediapipe-models/image_segmenter/selfie_segmenter/float16/latest/selfie_segmenter.tflite',\n        delegate: 'GPU',\n        ...this.options.segmenterOptions,\n      },\n      canvas: this.canvas,\n      runningMode: 'VIDEO',\n      outputCategoryMask: true,\n      outputConfidenceMasks: false,\n    });\n\n    // Skip loading the image here if update already loaded the image below\n    if (this.options?.imagePath && !this.backgroundImage) {\n      await this.loadBackground(this.options.imagePath).catch((err) =>\n        console.error('Error while loading processor background image: ', err),\n      );\n    }\n    if (this.options.blurRadius) {\n      this.gl?.setBlurRadius(this.options.blurRadius);\n    }\n  }\n\n  async destroy() {\n    await super.destroy();\n    await this.imageSegmenter?.close();\n    this.backgroundImage = null;\n  }\n\n  async loadBackground(path: string) {\n    const img = new Image();\n\n    await new Promise((resolve, reject) => {\n      img.crossOrigin = 'Anonymous';\n      img.onload = () => resolve(img);\n      img.onerror = (err) => reject(err);\n      img.src = path;\n    });\n    const imageData = await createImageBitmap(img);\n    this.gl?.setBackgroundImage(imageData);\n  }\n\n  async transform(frame: VideoFrame, controller: TransformStreamDefaultController<VideoFrame>) {\n    try {\n      if (!(frame instanceof VideoFrame) || frame.codedWidth === 0 || frame.codedHeight === 0) {\n        console.debug('empty frame detected, ignoring');\n        return;\n      }\n\n      if (this.isDisabled) {\n        controller.enqueue(frame);\n        return;\n      }\n      const frameTimeMs = Date.now();\n      if (!this.canvas) {\n        throw TypeError('Canvas needs to be initialized first');\n      }\n      this.canvas.width = frame.displayWidth;\n      this.canvas.height = frame.displayHeight;\n      const segmentationPromise = new Promise<void>((resolve, reject) => {\n        try {\n          let segmentationStartTimeMs = performance.now();\n          this.imageSegmenter?.segmentForVideo(frame, segmentationStartTimeMs, (result) => {\n            this.segmentationTimeMs = performance.now() - segmentationStartTimeMs;\n            this.segmentationResults = result;\n            this.updateMask(result.categoryMask);\n            result.close();\n            resolve();\n          });\n        } catch (e) {\n          reject(e);\n        }\n      });\n\n      const filterStartTimeMs = performance.now();\n      this.drawFrame(frame);\n      if (this.canvas && this.canvas.width > 0 && this.canvas.height > 0) {\n        const newFrame = new VideoFrame(this.canvas, {\n          timestamp: frame.timestamp || frameTimeMs,\n        });\n        controller.enqueue(newFrame);\n        const filterTimeMs = performance.now() - filterStartTimeMs;\n        const stats: FrameProcessingStats = {\n          processingTimeMs: this.segmentationTimeMs + filterTimeMs,\n          segmentationTimeMs: this.segmentationTimeMs,\n          filterTimeMs,\n        };\n        this.options.onFrameProcessed?.(stats);\n      } else {\n        controller.enqueue(frame);\n      }\n      await segmentationPromise;\n    } catch (e) {\n      console.error('Error while processing frame: ', e);\n    } finally {\n      frame.close();\n    }\n  }\n\n  async update(opts: BackgroundOptions) {\n    this.options = { ...this.options, ...opts };\n    if (opts.blurRadius) {\n      this.gl?.setBlurRadius(opts.blurRadius);\n    } else if (opts.imagePath) {\n      await this.loadBackground(opts.imagePath);\n    }\n  }\n\n  private async drawFrame(frame: VideoFrame) {\n    if (!this.gl) return;\n    this.gl?.renderFrame(frame);\n  }\n\n  private async updateMask(mask: vision.MPMask | undefined) {\n    if (!mask) return;\n    this.gl?.updateMask(mask.getAsWebGLTexture());\n  }\n}\n","{\n  \"name\": \"@livekit/track-processors\",\n  \"version\": \"0.5.5\",\n  \"description\": \"LiveKit track processors\",\n  \"main\": \"dist/index.js\",\n  \"module\": \"dist/index.mjs\",\n  \"source\": \"src/index.ts\",\n  \"types\": \"dist/src/index.d.ts\",\n  \"repository\": \"git@github.com:livekit/livekit-track-processors.git\",\n  \"author\": \"Lukas Seiler\",\n  \"license\": \"Apache-2.0\",\n  \"scripts\": {\n    \"build\": \"tsup --onSuccess \\\"tsc --declaration --emitDeclarationOnly\\\"\",\n    \"build-sample\": \"cd example && vite build\",\n    \"lint\": \"eslint src\",\n    \"release\": \"pnpm build && changeset publish\",\n    \"test\": \"jest\",\n    \"sample\": \"vite serve example --port 8080 --open\"\n  },\n  \"files\": [\n    \"dist\",\n    \"src\"\n  ],\n  \"dependencies\": {\n    \"@mediapipe/tasks-vision\": \"0.10.14\"\n  },\n  \"peerDependencies\": {\n    \"livekit-client\": \"^1.12.0 || ^2.1.0\"\n  },\n  \"devDependencies\": {\n    \"@changesets/cli\": \"^2.26.2\",\n    \"@livekit/changesets-changelog-github\": \"^0.0.4\",\n    \"@trivago/prettier-plugin-sort-imports\": \"^4.2.1\",\n    \"@types/dom-mediacapture-transform\": \"^0.1.9\",\n    \"@types/offscreencanvas\": \"^2019.7.3\",\n    \"@typescript-eslint/eslint-plugin\": \"^5.62.0\",\n    \"eslint\": \"8.39.0\",\n    \"eslint-config-airbnb-typescript\": \"17.0.0\",\n    \"eslint-config-prettier\": \"8.8.0\",\n    \"eslint-plugin-ecmascript-compat\": \"^3.1.0\",\n    \"eslint-plugin-import\": \"2.27.5\",\n    \"prettier\": \"^2.8.8\",\n    \"tsup\": \"^7.2.0\",\n    \"typescript\": \"^5.8.3\",\n    \"vite\": \"^4.5.0\"\n  },\n  \"packageManager\": \"pnpm@9.15.9+sha512.68046141893c66fad01c079231128e9afb89ef87e2691d69e4d40eee228988295fd4682181bae55b58418c3a253bde65a505ec7c5f9403ece5cc3cd37dcf2531\"\n}\n","/**\n * Initialize a WebGL texture\n */\nexport function initTexture(gl: WebGL2RenderingContext, texIndex: number) {\n  const texRef = gl.TEXTURE0 + texIndex;\n  gl.activeTexture(texRef);\n  const texture = gl.createTexture();\n  gl.bindTexture(gl.TEXTURE_2D, texture);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n  gl.bindTexture(gl.TEXTURE_2D, texture);\n\n  return texture;\n}\n\nexport function createShader(\n  gl: WebGL2RenderingContext,\n  type: number,\n  source: string,\n): WebGLShader {\n  const shader = gl.createShader(type)!;\n  gl.shaderSource(shader, source);\n  gl.compileShader(shader);\n  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n    console.error('Shader compile failed:', gl.getShaderInfoLog(shader));\n    gl.deleteShader(shader);\n    throw new Error('Shader compile failed');\n  }\n  return shader;\n}\n\nexport function createProgram(\n  gl: WebGL2RenderingContext,\n  vs: WebGLShader,\n  fs: WebGLShader,\n): WebGLProgram {\n  const program = gl.createProgram()!;\n  gl.attachShader(program, vs);\n  gl.attachShader(program, fs);\n  gl.linkProgram(program);\n  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n    console.error('Program link failed:', gl.getProgramInfoLog(program));\n    throw new Error('Program link failed');\n  }\n  return program;\n}\n\n/**\n * Create a WebGL framebuffer with the given texture as color attachment\n */\nexport function createFramebuffer(\n  gl: WebGL2RenderingContext,\n  texture: WebGLTexture,\n  width: number,\n  height: number,\n) {\n  const framebuffer = gl.createFramebuffer();\n  gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);\n\n  // Set the texture as the color attachment\n  gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);\n\n  // Ensure texture dimensions match the provided width and height\n  gl.bindTexture(gl.TEXTURE_2D, texture);\n  gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);\n\n  // Check if framebuffer is complete\n  const status = gl.checkFramebufferStatus(gl.FRAMEBUFFER);\n  if (status !== gl.FRAMEBUFFER_COMPLETE) {\n    throw new Error('Framebuffer not complete');\n  }\n\n  gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n  return framebuffer;\n}\n\n/**\n * Create a vertex buffer for a full-screen quad\n */\nexport function createVertexBuffer(gl: WebGL2RenderingContext): WebGLBuffer | null {\n  const vertexBuffer = gl.createBuffer();\n  gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);\n  gl.bufferData(\n    gl.ARRAY_BUFFER,\n    new Float32Array([-1, -1, -1, 1, 1, 1, -1, -1, 1, 1, 1, -1]),\n    gl.STATIC_DRAW,\n  );\n  return vertexBuffer;\n}\n\n/**\n * Resizes and crops an image to cover a target canvas while maintaining aspect ratio\n * @param image The source image\n * @param targetWidth The target width\n * @param targetHeight The target height\n * @returns A cropped and resized ImageBitmap\n */\nexport async function resizeImageToCover(\n  image: ImageBitmap,\n  targetWidth: number,\n  targetHeight: number,\n): Promise<ImageBitmap> {\n  // Calculate dimensions and crop for \"cover\" mode\n  const imgAspect = image.width / image.height;\n  const targetAspect = targetWidth / targetHeight;\n\n  let sx = 0;\n  let sy = 0;\n  let sWidth = image.width;\n  let sHeight = image.height;\n\n  // For cover mode, we need to crop some parts of the image\n  // to ensure it covers the canvas while maintaining aspect ratio\n  if (imgAspect > targetAspect) {\n    // Image is wider than target - crop the sides\n    sWidth = Math.round(image.height * targetAspect);\n    sx = Math.round((image.width - sWidth) / 2); // Center the crop horizontally\n  } else if (imgAspect < targetAspect) {\n    // Image is taller than target - crop the top/bottom\n    sHeight = Math.round(image.width / targetAspect);\n    sy = Math.round((image.height - sHeight) / 2); // Center the crop vertically\n  }\n\n  // Create a new ImageBitmap with the cropped portion\n  return createImageBitmap(image, sx, sy, sWidth, sHeight, {\n    resizeWidth: targetWidth,\n    resizeHeight: targetHeight,\n    resizeQuality: 'medium',\n  });\n}\n\nconst emptyImageData = new ImageData(2, 2);\nemptyImageData.data[0] = 0;\nemptyImageData.data[1] = 0;\nemptyImageData.data[2] = 0;\nemptyImageData.data[3] = 0;\n\nconst glsl = (source: any) => source;\n\nexport { emptyImageData, glsl };\n","// Vertex shader source\nexport const vertexShaderSource = (flipY: boolean = true) => `#version 300 es\n  in vec2 position;\n  out vec2 texCoords;\n\n  void main() {\n    texCoords = (position + 1.0) / 2.0;\n    texCoords.y = ${flipY ? '1.0 - texCoords.y' : 'texCoords.y'};\n    gl_Position = vec4(position, 0, 1.0);\n  }\n`;\n","import { createProgram, createShader, glsl } from '../utils';\nimport { vertexShaderSource } from './vertexShader';\n\n// Define the blur fragment shader\nexport const blurFragmentShader = glsl`#version 300 es\n  precision mediump float;\n  in vec2 texCoords;\n  uniform sampler2D u_texture;\n  uniform vec2 u_texelSize;\n  uniform vec2 u_direction;\n  uniform float u_radius;\n  out vec4 fragColor;\n\n  void main() {\n    float sigma = u_radius;\n    float twoSigmaSq = 2.0 * sigma * sigma;\n    float totalWeight = 0.0;\n    vec3 result = vec3(0.0);\n    const int MAX_SAMPLES = 16;\n    int radius = int(min(float(MAX_SAMPLES), ceil(u_radius)));\n\n    for (int i = -MAX_SAMPLES; i <= MAX_SAMPLES; ++i) {\n      float offset = float(i);\n      if (abs(offset) > float(radius)) continue;\n      float weight = exp(-(offset * offset) / twoSigmaSq);\n      vec2 sampleCoord = texCoords + u_direction * u_texelSize * offset;\n      result += texture(u_texture, sampleCoord).rgb * weight;\n      totalWeight += weight;\n    }\n\n    fragColor = vec4(result / totalWeight, 1.0);\n  }\n`;\n\nexport function createBlurProgram(gl: WebGL2RenderingContext) {\n  const blurVertexShader = createShader(gl, gl.VERTEX_SHADER, vertexShaderSource());\n  const blurFrag = createShader(gl, gl.FRAGMENT_SHADER, blurFragmentShader);\n\n  const blurProgram = createProgram(gl, blurVertexShader, blurFrag);\n\n  // Get uniform locations\n  const blurUniforms = {\n    position: gl.getAttribLocation(blurProgram, 'position'),\n    texture: gl.getUniformLocation(blurProgram, 'u_texture'),\n    texelSize: gl.getUniformLocation(blurProgram, 'u_texelSize'),\n    direction: gl.getUniformLocation(blurProgram, 'u_direction'),\n    radius: gl.getUniformLocation(blurProgram, 'u_radius'),\n  };\n\n  return {\n    program: blurProgram,\n    shader: blurFrag,\n    vertexShader: blurVertexShader,\n    uniforms: blurUniforms,\n  };\n}\n\nexport function applyBlur(\n  gl: WebGL2RenderingContext,\n  sourceTexture: WebGLTexture,\n  width: number,\n  height: number,\n  blurRadius: number,\n  blurProgram: WebGLProgram,\n  blurUniforms: any,\n  vertexBuffer: WebGLBuffer,\n  processFramebuffers: WebGLFramebuffer[],\n  processTextures: WebGLTexture[],\n) {\n  gl.useProgram(blurProgram);\n\n  // Set common attributes\n  gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);\n  gl.vertexAttribPointer(blurUniforms.position, 2, gl.FLOAT, false, 0, 0);\n  gl.enableVertexAttribArray(blurUniforms.position);\n\n  const texelWidth = 1.0 / width;\n  const texelHeight = 1.0 / height;\n\n  // First pass - horizontal blur\n  gl.bindFramebuffer(gl.FRAMEBUFFER, processFramebuffers[0]);\n  gl.viewport(0, 0, width, height);\n\n  gl.activeTexture(gl.TEXTURE0);\n  gl.bindTexture(gl.TEXTURE_2D, sourceTexture);\n  gl.uniform1i(blurUniforms.texture, 0);\n  gl.uniform2f(blurUniforms.texelSize, texelWidth, texelHeight);\n  gl.uniform2f(blurUniforms.direction, 1.0, 0.0); // Horizontal\n  gl.uniform1f(blurUniforms.radius, blurRadius);\n\n  gl.drawArrays(gl.TRIANGLES, 0, 6);\n\n  // Second pass - vertical blur\n  gl.bindFramebuffer(gl.FRAMEBUFFER, processFramebuffers[1]);\n  gl.viewport(0, 0, width, height);\n\n  gl.activeTexture(gl.TEXTURE0);\n  gl.bindTexture(gl.TEXTURE_2D, processTextures[0]);\n  gl.uniform1i(blurUniforms.texture, 0);\n  gl.uniform2f(blurUniforms.direction, 0.0, 1.0); // Vertical\n\n  gl.drawArrays(gl.TRIANGLES, 0, 6);\n\n  // Reset framebuffer\n  gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n\n  return processTextures[1];\n}\n","import { createProgram, createShader, glsl } from '../utils';\nimport { vertexShaderSource } from './vertexShader';\n\nexport const boxBlurFragmentShader = glsl`#version 300 es\nprecision mediump float;\n\nin vec2 texCoords;\n\nuniform sampler2D u_texture;\nuniform vec2 u_texelSize;    // 1.0 / texture size\nuniform vec2 u_direction;    // (1.0, 0.0) for horizontal, (0.0, 1.0) for vertical\nuniform float u_radius;      // blur radius in texels\n\nout vec4 fragColor;\n\nvoid main() {\n    vec3 sum = vec3(0.0);\n    float count = 0.0;\n\n    // Limit radius to avoid excessive loop cost\n    const int MAX_RADIUS = 16;\n    int radius = int(min(float(MAX_RADIUS), u_radius));\n\n    for (int i = -MAX_RADIUS; i <= MAX_RADIUS; ++i) {\n        if (abs(i) > radius) continue;\n\n        vec2 offset = u_direction * u_texelSize * float(i);\n        sum += texture(u_texture, texCoords + offset).rgb;\n        count += 1.0;\n  }\n\n  fragColor = vec4(sum / count, 1.0);\n}\n`;\n\n/**\n * Create the box blur shader program\n */\nexport function createBoxBlurProgram(gl: WebGL2RenderingContext) {\n  const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexShaderSource());\n  const fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, boxBlurFragmentShader);\n\n  const program = createProgram(gl, vertexShader, fragmentShader);\n\n  // Get attribute and uniform locations\n  const uniforms = {\n    position: gl.getAttribLocation(program, 'position'),\n    texture: gl.getUniformLocation(program, 'u_texture'),\n    texelSize: gl.getUniformLocation(program, 'u_texelSize'),\n    direction: gl.getUniformLocation(program, 'u_direction'),\n    radius: gl.getUniformLocation(program, 'u_radius'),\n  };\n\n  return {\n    program,\n    vertexShader,\n    fragmentShader,\n    uniforms,\n  };\n}\n","import { createProgram, createShader, glsl } from '../utils';\nimport { vertexShaderSource } from './vertexShader';\n\n// Fragment shader source for compositing\nexport const compositeFragmentShader = glsl`#version 300 es\n  precision mediump float;\n  in vec2 texCoords;\n  uniform sampler2D background;\n  uniform sampler2D frame;\n  uniform sampler2D mask;\n  out vec4 fragColor;\n  \n  void main() {\n      \n    vec4 frameTex = texture(frame, texCoords);\n    vec4 bgTex = texture(background, texCoords);\n\n    float maskVal = texture(mask, texCoords).r;\n\n    // Compute screen-space gradient to detect edge sharpness\n    float grad = length(vec2(dFdx(maskVal), dFdy(maskVal)));\n\n    float edgeSoftness = 2.0; // higher = softer\n    \n    // Create a smooth edge around binary transition\n    float smoothAlpha = smoothstep(0.5 - grad * edgeSoftness, 0.5 + grad * edgeSoftness, maskVal);\n\n    // Optional: preserve frame alpha, or override as fully opaque\n    vec4 blended = mix(bgTex, vec4(frameTex.rgb, 1.0), 1.0 - smoothAlpha);\n    \n    fragColor = blended;\n  \n  }\n`;\n\n/**\n * Create the composite shader program\n */\nexport function createCompositeProgram(gl: WebGL2RenderingContext) {\n  const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexShaderSource());\n  const compositeShader = createShader(gl, gl.FRAGMENT_SHADER, compositeFragmentShader);\n\n  const compositeProgram = createProgram(gl, vertexShader, compositeShader);\n\n  // Get attribute and uniform locations\n  const attribLocations = {\n    position: gl.getAttribLocation(compositeProgram, 'position'),\n  };\n\n  const uniformLocations = {\n    mask: gl.getUniformLocation(compositeProgram, 'mask')!,\n    frame: gl.getUniformLocation(compositeProgram, 'frame')!,\n    background: gl.getUniformLocation(compositeProgram, 'background')!,\n    stepWidth: gl.getUniformLocation(compositeProgram, 'u_stepWidth')!,\n  };\n\n  return {\n    program: compositeProgram,\n    vertexShader,\n    fragmentShader: compositeShader,\n    attribLocations,\n    uniformLocations,\n  };\n}\n","import { createProgram, createShader } from '../utils';\n\nexport function createDownSampler(\n  gl: WebGL2RenderingContext,\n  width: number,\n  height: number,\n): {\n  framebuffer: WebGLFramebuffer;\n  texture: WebGLTexture;\n  program: WebGLProgram;\n  uniforms: any;\n} {\n  // Create texture\n  const texture = gl.createTexture()!;\n  gl.bindTexture(gl.TEXTURE_2D, texture);\n  gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n\n  // Create framebuffer\n  const framebuffer = gl.createFramebuffer()!;\n  gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);\n  gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);\n\n  // Create shader program for copying\n  const vertexSource = `\n      attribute vec2 position;\n      varying vec2 v_uv;\n      void main() {\n        v_uv = (position + 1.0) * 0.5;\n        gl_Position = vec4(position, 0.0, 1.0);\n      }\n    `;\n\n  const fragmentSource = `\n      precision mediump float;\n      varying vec2 v_uv;\n      uniform sampler2D u_texture;\n      void main() {\n        gl_FragColor = texture2D(u_texture, v_uv);\n      }\n    `;\n\n  const vertShader = createShader(gl, gl.VERTEX_SHADER, vertexSource);\n  const fragShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource);\n  const program = createProgram(gl, vertShader, fragShader);\n\n  const uniforms = {\n    texture: gl.getUniformLocation(program, 'u_texture'),\n    position: gl.getAttribLocation(program, 'position'),\n  };\n\n  return {\n    framebuffer,\n    texture,\n    program,\n    uniforms,\n  };\n}\n\nexport function applyDownsampling(\n  gl: WebGL2RenderingContext,\n  inputTexture: WebGLTexture,\n  downSampler: {\n    framebuffer: WebGLFramebuffer;\n    texture: WebGLTexture;\n    program: WebGLProgram;\n    uniforms: any;\n  },\n  vertexBuffer: WebGLBuffer,\n  width: number,\n  height: number,\n): WebGLTexture {\n  gl.useProgram(downSampler.program);\n\n  gl.bindFramebuffer(gl.FRAMEBUFFER, downSampler.framebuffer);\n  gl.viewport(0, 0, width, height);\n\n  gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);\n  gl.enableVertexAttribArray(downSampler.uniforms.position);\n  gl.vertexAttribPointer(downSampler.uniforms.position, 2, gl.FLOAT, false, 0, 0);\n\n  gl.activeTexture(gl.TEXTURE0);\n  gl.bindTexture(gl.TEXTURE_2D, inputTexture);\n  gl.uniform1i(downSampler.uniforms.texture, 0);\n\n  gl.drawArrays(gl.TRIANGLES, 0, 6);\n\n  gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n\n  return downSampler.texture;\n}\n","/**\n * WebGL setup for the mask processor\n * potential improvements:\n * - downsample the video texture in background blur scenario before applying the (gaussian) blur for better performance\n *\n */\nimport { applyBlur, createBlurProgram } from './shader-programs/blurShader';\nimport { createBoxBlurProgram } from './shader-programs/boxBlurShader';\nimport { createCompositeProgram } from './shader-programs/compositeShader';\nimport { applyDownsampling, createDownSampler } from './shader-programs/downSampler';\nimport {\n  createFramebuffer,\n  createVertexBuffer,\n  emptyImageData,\n  initTexture,\n  resizeImageToCover,\n} from './utils';\n\nexport const setupWebGL = (canvas: OffscreenCanvas) => {\n  const gl = canvas.getContext('webgl2', {\n    antialias: true,\n    premultipliedAlpha: true,\n  }) as WebGL2RenderingContext;\n\n  let blurRadius: number | null = null;\n  let maskBlurRadius: number | null = 8;\n  const downsampleFactor = 4;\n\n  if (!gl) {\n    console.error('Failed to create WebGL context');\n    return undefined;\n  }\n\n  gl.enable(gl.BLEND);\n  gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);\n\n  // Create the composite program\n  const composite = createCompositeProgram(gl);\n  const compositeProgram = composite.program;\n  const positionLocation = composite.attribLocations.position;\n  const {\n    mask: maskTextureLocation,\n    frame: frameTextureLocation,\n    background: bgTextureLocation,\n  } = composite.uniformLocations;\n\n  // Create the blur program using the same vertex shader source\n  const blur = createBlurProgram(gl);\n  const blurProgram = blur.program;\n  const blurUniforms = blur.uniforms;\n\n  // Create the box blur program\n  const boxBlur = createBoxBlurProgram(gl);\n  const boxBlurProgram = boxBlur.program;\n  const boxBlurUniforms = boxBlur.uniforms;\n\n  const bgTexture = initTexture(gl, 0);\n  const frameTexture = initTexture(gl, 1);\n  const vertexBuffer = createVertexBuffer(gl);\n\n  if (!vertexBuffer) {\n    throw new Error('Failed to create vertex buffer');\n  }\n\n  // Create additional textures and framebuffers for processing\n  let bgBlurTextures: WebGLTexture[] = [];\n  let bgBlurFrameBuffers: WebGLFramebuffer[] = [];\n  let blurredMaskTexture: WebGLTexture | null = null;\n\n  // For double buffering the final mask\n  let finalMaskTextures: WebGLTexture[] = [];\n  let readMaskIndex = 0; // Index for renderFrame to read from\n  let writeMaskIndex = 1; // Index for updateMask to write to\n\n  // Create textures for background processing (blur)\n  bgBlurTextures.push(initTexture(gl, 3)); // For blur pass 1\n  bgBlurTextures.push(initTexture(gl, 4)); // For blur pass 2\n\n  const bgBlurTextureWidth = Math.floor(canvas.width / downsampleFactor);\n  const bgBlurTextureHeight = Math.floor(canvas.height / downsampleFactor);\n\n  const downSampler = createDownSampler(gl, bgBlurTextureWidth, bgBlurTextureHeight);\n\n  // Create framebuffers for background processing\n  bgBlurFrameBuffers.push(\n    createFramebuffer(gl, bgBlurTextures[0], bgBlurTextureWidth, bgBlurTextureHeight),\n  );\n  bgBlurFrameBuffers.push(\n    createFramebuffer(gl, bgBlurTextures[1], bgBlurTextureWidth, bgBlurTextureHeight),\n  );\n\n  // Initialize texture for the first mask blur pass\n  const tempMaskTexture = initTexture(gl, 5);\n  const tempMaskFrameBuffer = createFramebuffer(gl, tempMaskTexture, canvas.width, canvas.height);\n\n  // Initialize two textures for double-buffering the final mask\n  finalMaskTextures.push(initTexture(gl, 6)); // For reading in renderFrame\n  finalMaskTextures.push(initTexture(gl, 7)); // For writing in updateMask\n\n  // Create framebuffers for the final mask textures\n  const finalMaskFrameBuffers = [\n    createFramebuffer(gl, finalMaskTextures[0], canvas.width, canvas.height),\n    createFramebuffer(gl, finalMaskTextures[1], canvas.width, canvas.height),\n  ];\n\n  // Set up uniforms for the composite shader\n  gl.useProgram(compositeProgram);\n  gl.uniform1i(bgTextureLocation, 0);\n  gl.uniform1i(frameTextureLocation, 1);\n  gl.uniform1i(maskTextureLocation, 2);\n\n  // Store custom background image\n  let customBackgroundImage: ImageBitmap | ImageData = emptyImageData;\n\n  function renderFrame(frame: VideoFrame) {\n    if (frame.codedWidth === 0 || finalMaskTextures.length === 0) {\n      return;\n    }\n\n    const width = frame.displayWidth;\n    const height = frame.displayHeight;\n\n    // Prepare frame texture\n    gl.activeTexture(gl.TEXTURE1);\n    gl.bindTexture(gl.TEXTURE_2D, frameTexture);\n    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, frame);\n\n    // Apply blur if enabled (and no custom background is set)\n    let backgroundTexture = bgTexture;\n\n    if (blurRadius) {\n      const downSampledFrameTexture = applyDownsampling(\n        gl,\n        frameTexture,\n        downSampler,\n        vertexBuffer!,\n        bgBlurTextureWidth,\n        bgBlurTextureHeight,\n      );\n      backgroundTexture = applyBlur(\n        gl,\n        downSampledFrameTexture,\n        bgBlurTextureWidth,\n        bgBlurTextureHeight,\n        blurRadius,\n        blurProgram,\n        blurUniforms,\n        vertexBuffer!,\n        bgBlurFrameBuffers,\n        bgBlurTextures,\n      );\n    } else {\n      gl.activeTexture(gl.TEXTURE0);\n      gl.bindTexture(gl.TEXTURE_2D, bgTexture);\n      gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, customBackgroundImage);\n      backgroundTexture = bgTexture;\n    }\n\n    // Render the final composite\n    gl.viewport(0, 0, width, height);\n    gl.clearColor(1.0, 1.0, 1.0, 1.0);\n    gl.clear(gl.COLOR_BUFFER_BIT);\n\n    gl.useProgram(compositeProgram);\n    gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);\n    gl.vertexAttribPointer(positionLocation, 2, gl.FLOAT, false, 0, 0);\n    gl.enableVertexAttribArray(positionLocation);\n\n    // Set background texture (either original, blurred or custom)\n    gl.activeTexture(gl.TEXTURE0);\n    gl.bindTexture(gl.TEXTURE_2D, backgroundTexture);\n    gl.uniform1i(bgTextureLocation, 0);\n\n    // Set frame texture\n    gl.activeTexture(gl.TEXTURE1);\n    gl.bindTexture(gl.TEXTURE_2D, frameTexture);\n    gl.uniform1i(frameTextureLocation, 1);\n\n    // Set mask texture - always read from the current read index\n    gl.activeTexture(gl.TEXTURE2);\n    gl.bindTexture(gl.TEXTURE_2D, finalMaskTextures[readMaskIndex]);\n    gl.uniform1i(maskTextureLocation, 2);\n    gl.drawArrays(gl.TRIANGLES, 0, 6);\n  }\n\n  /**\n   * Set or update the background image\n   * @param image The background image to use, or null to clear\n   */\n  async function setBackgroundImage(image: ImageBitmap | null) {\n    // Clear existing background\n    customBackgroundImage = emptyImageData;\n\n    if (image) {\n      try {\n        // Resize and crop the image to cover the canvas\n        const croppedImage = await resizeImageToCover(image, canvas.width, canvas.height);\n\n        // Store the cropped and resized image\n        customBackgroundImage = croppedImage;\n      } catch (error) {\n        console.error(\n          'Error processing background image, falling back to black background:',\n          error,\n        );\n      }\n    }\n\n    gl.activeTexture(gl.TEXTURE0);\n    gl.bindTexture(gl.TEXTURE_2D, bgTexture);\n    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, customBackgroundImage);\n  }\n\n  function setBlurRadius(radius: number | null) {\n    blurRadius = radius ? Math.max(1, Math.floor(radius / downsampleFactor)) : null; // we are downsampling the blur texture, so decrease the radius here for better performance with a similar visual result\n    setBackgroundImage(null);\n  }\n\n  function updateMask(mask: WebGLTexture) {\n    // Use the existing applyBlur function to apply the first blur pass\n    // The second blur pass will be written to finalMaskTextures[writeMaskIndex]\n\n    // Create temporary arrays for the single blur operation\n    const tempFramebuffers = [tempMaskFrameBuffer, finalMaskFrameBuffers[writeMaskIndex]];\n\n    const tempTextures = [tempMaskTexture, finalMaskTextures[writeMaskIndex]];\n\n    // Apply the blur using the existing function\n    applyBlur(\n      gl,\n      mask,\n      canvas.width,\n      canvas.height,\n      maskBlurRadius || 1.0,\n      boxBlurProgram,\n      boxBlurUniforms,\n      vertexBuffer!,\n      tempFramebuffers,\n      tempTextures,\n    );\n\n    // Swap indices for the next frame\n    readMaskIndex = writeMaskIndex;\n    writeMaskIndex = 1 - writeMaskIndex;\n  }\n\n  function cleanup() {\n    gl.deleteProgram(compositeProgram);\n    gl.deleteProgram(blurProgram);\n    gl.deleteProgram(boxBlurProgram);\n    gl.deleteTexture(bgTexture);\n    gl.deleteTexture(frameTexture);\n    gl.deleteTexture(tempMaskTexture);\n    gl.deleteFramebuffer(tempMaskFrameBuffer);\n\n    for (const texture of bgBlurTextures) {\n      gl.deleteTexture(texture);\n    }\n    for (const framebuffer of bgBlurFrameBuffers) {\n      gl.deleteFramebuffer(framebuffer);\n    }\n    for (const texture of finalMaskTextures) {\n      gl.deleteTexture(texture);\n    }\n    for (const framebuffer of finalMaskFrameBuffers) {\n      gl.deleteFramebuffer(framebuffer);\n    }\n    gl.deleteBuffer(vertexBuffer);\n\n    if (blurredMaskTexture) {\n      gl.deleteTexture(blurredMaskTexture);\n    }\n\n    if (downSampler) {\n      gl.deleteTexture(downSampler.texture);\n      gl.deleteFramebuffer(downSampler.framebuffer);\n      gl.deleteProgram(downSampler.program);\n    }\n\n    // Release any ImageBitmap resources\n    if (customBackgroundImage) {\n      if (customBackgroundImage instanceof ImageBitmap) {\n        customBackgroundImage.close();\n      }\n      customBackgroundImage = emptyImageData;\n    }\n    bgBlurTextures = [];\n    bgBlurFrameBuffers = [];\n    finalMaskTextures = [];\n  }\n\n  return { renderFrame, updateMask, setBackgroundImage, setBlurRadius, cleanup };\n};\n","import { setupWebGL } from '../webgl/index';\nimport { VideoTrackTransformer, VideoTransformerInitOptions } from './types';\n\nexport default abstract class VideoTransformer<Options extends Record<string, unknown>>\n  implements VideoTrackTransformer<Options>\n{\n  transformer?: TransformStream;\n\n  canvas?: OffscreenCanvas;\n\n  // ctx?: OffscreenCanvasRenderingContext2D;\n\n  inputVideo?: HTMLVideoElement;\n\n  gl?: ReturnType<typeof setupWebGL>;\n\n  protected isDisabled?: Boolean = false;\n\n  async init({\n    outputCanvas,\n    inputElement: inputVideo,\n  }: VideoTransformerInitOptions): Promise<void> {\n    if (!(inputVideo instanceof HTMLVideoElement)) {\n      throw TypeError('Video transformer needs a HTMLVideoElement as input');\n    }\n\n    this.transformer = new TransformStream({\n      transform: (frame, controller) => this.transform(frame, controller),\n    });\n    this.canvas = outputCanvas || null;\n    if (outputCanvas) {\n      // this.ctx = this.canvas?.getContext('2d') || undefined;\n      this.gl = setupWebGL(\n        this.canvas || new OffscreenCanvas(inputVideo.videoWidth, inputVideo.videoHeight),\n      );\n    }\n    this.inputVideo = inputVideo;\n    this.isDisabled = false;\n  }\n\n  async restart({ outputCanvas, inputElement: inputVideo }: VideoTransformerInitOptions) {\n    this.canvas = outputCanvas || null;\n    this.gl?.cleanup();\n    this.gl = setupWebGL(\n      this.canvas || new OffscreenCanvas(inputVideo.videoWidth, inputVideo.videoHeight),\n    );\n\n    this.inputVideo = inputVideo;\n    this.isDisabled = false;\n  }\n\n  async destroy() {\n    this.isDisabled = true;\n    this.canvas = undefined;\n    this.gl?.cleanup();\n    this.gl = undefined;\n  }\n\n  abstract transform(\n    frame: VideoFrame,\n    controller: TransformStreamDefaultController<VideoFrame>,\n  ): void;\n\n  abstract update(options: Options): void;\n}\n","import ProcessorWrapper, { ProcessorWrapperOptions } from './ProcessorWrapper';\nimport BackgroundTransformer, {\n  BackgroundOptions,\n  FrameProcessingStats,\n  SegmenterOptions,\n} from './transformers/BackgroundTransformer';\n\nexport * from './transformers/types';\nexport { default as VideoTransformer } from './transformers/VideoTransformer';\nexport {\n  ProcessorWrapper,\n  type BackgroundOptions,\n  type SegmenterOptions,\n  BackgroundTransformer,\n  type ProcessorWrapperOptions,\n};\n\n/**\n * Determines if the current browser supports background processors\n */\nexport const supportsBackgroundProcessors = () =>\n  BackgroundTransformer.isSupported && ProcessorWrapper.isSupported;\n\n/**\n * Determines if the current browser supports modern background processors, which yield better performance\n */\nexport const supportsModernBackgroundProcessors = () =>\n  BackgroundTransformer.isSupported && ProcessorWrapper.hasModernApiSupport;\n\nexport interface BackgroundProcessorOptions extends ProcessorWrapperOptions {\n  blurRadius?: number;\n  imagePath?: string;\n  segmenterOptions?: SegmenterOptions;\n  assetPaths?: { tasksVisionFileSet?: string; modelAssetPath?: string };\n  onFrameProcessed?: (stats: FrameProcessingStats) => void;\n}\n\nexport const BackgroundBlur = (\n  blurRadius: number = 10,\n  segmenterOptions?: SegmenterOptions,\n  onFrameProcessed?: (stats: FrameProcessingStats) => void,\n  processorOptions?: ProcessorWrapperOptions,\n) => {\n  return BackgroundProcessor(\n    {\n      blurRadius,\n      segmenterOptions,\n      onFrameProcessed,\n      ...processorOptions,\n    },\n    'background-blur',\n  );\n};\n\nexport const VirtualBackground = (\n  imagePath: string,\n  segmenterOptions?: SegmenterOptions,\n  onFrameProcessed?: (stats: FrameProcessingStats) => void,\n  processorOptions?: ProcessorWrapperOptions,\n) => {\n  return BackgroundProcessor(\n    {\n      imagePath,\n      segmenterOptions,\n      onFrameProcessed,\n      ...processorOptions,\n    },\n    'virtual-background',\n  );\n};\n\nexport const BackgroundProcessor = (\n  options: BackgroundProcessorOptions,\n  name = 'background-processor',\n) => {\n  const isTransformerSupported = BackgroundTransformer.isSupported;\n  const isProcessorSupported = ProcessorWrapper.isSupported;\n\n  if (!isTransformerSupported) {\n    throw new Error('Background transformer is not supported in this browser');\n  }\n\n  if (!isProcessorSupported) {\n    throw new Error(\n      'Neither MediaStreamTrackProcessor nor canvas.captureStream() fallback is supported in this browser',\n    );\n  }\n\n  // Extract transformer-specific options and processor options\n  const {\n    blurRadius,\n    imagePath,\n    segmenterOptions,\n    assetPaths,\n    onFrameProcessed,\n    ...processorOpts\n  } = options;\n\n  const transformer = new BackgroundTransformer({\n    blurRadius,\n    imagePath,\n    segmenterOptions,\n    assetPaths,\n    onFrameProcessed,\n  });\n\n  const processor = new ProcessorWrapper(transformer, name, processorOpts);\n\n  return processor;\n};\n"]}
+{"version":3,"sources":["../src/utils.ts","../src/ProcessorWrapper.ts","../src/transformers/BackgroundTransformer.ts","../package.json","../src/webgl/utils.ts","../src/webgl/shader-programs/vertexShader.ts","../src/webgl/shader-programs/blurShader.ts","../src/webgl/shader-programs/boxBlurShader.ts","../src/webgl/shader-programs/compositeShader.ts","../src/webgl/shader-programs/downSampler.ts","../src/webgl/index.ts","../src/transformers/VideoTransformer.ts","../src/index.ts"],"names":["_a","BackgroundProcessor"],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nexport const supportsOffscreenCanvas = () => typeof OffscreenCanvas !== 'undefined';\n\nasync function sleep(time: number) {\n  return new Promise((resolve) => setTimeout(resolve, time));\n}\n\nexport async function waitForTrackResolution(track: MediaStreamTrack) {\n  const timeout = 500;\n\n  // browsers report wrong initial resolution on iOS.\n  // when slightly delaying the call to .getSettings(), the correct resolution is being reported\n  await sleep(10);\n\n  const started = Date.now();\n  while (Date.now() - started < timeout) {\n    const { width, height } = track.getSettings();\n    if (width && height) {\n      return { width, height };\n    }\n    await sleep(50);\n  }\n  return { width: undefined, height: undefined };\n}\n\nexport function createCanvas(width: number, height: number) {\n  if (supportsOffscreenCanvas()) {\n    return new OffscreenCanvas(width, height);\n  }\n  const canvas = document.createElement('canvas');\n  canvas.width = width;\n  canvas.height = height;\n  return canvas;\n}\n","import type { ProcessorOptions, Track, TrackProcessor } from 'livekit-client';\nimport { TrackTransformer } from './transformers';\nimport { createCanvas, waitForTrackResolution } from './utils';\n\nexport interface ProcessorWrapperOptions {\n  /**\n   * Maximum frame rate for fallback canvas.captureStream implementation\n   * Default: 30\n   */\n  maxFps?: number;\n}\n\nexport default class ProcessorWrapper<TransformerOptions extends Record<string, unknown>>\n  implements TrackProcessor<Track.Kind>\n{\n  /**\n   * Determines if the Processor is supported on the current browser\n   */\n  static get isSupported() {\n    // Check for primary implementation support\n    const hasStreamProcessor =\n      typeof MediaStreamTrackGenerator !== 'undefined' &&\n      typeof MediaStreamTrackProcessor !== 'undefined';\n\n    // Check for fallback implementation support\n    const hasFallbackSupport =\n      typeof HTMLCanvasElement !== 'undefined' &&\n      typeof VideoFrame !== 'undefined' &&\n      'captureStream' in HTMLCanvasElement.prototype;\n\n    // We can work if either implementation is available\n    return hasStreamProcessor || hasFallbackSupport;\n  }\n\n  /**\n   * Determines if modern browser APIs are supported, which yield better performance\n   */\n  static get hasModernApiSupport() {\n    return (\n      typeof MediaStreamTrackGenerator !== 'undefined' &&\n      typeof MediaStreamTrackProcessor !== 'undefined'\n    );\n  }\n\n  name: string;\n\n  source?: MediaStreamVideoTrack;\n\n  processor?: MediaStreamTrackProcessor<VideoFrame>;\n\n  trackGenerator?: MediaStreamTrackGenerator<VideoFrame>;\n\n  canvas?: OffscreenCanvas | HTMLCanvasElement;\n\n  displayCanvas?: HTMLCanvasElement;\n\n  sourceDummy?: HTMLMediaElement;\n\n  processedTrack?: MediaStreamTrack;\n\n  transformer: TrackTransformer<TransformerOptions>;\n\n  // For tracking whether we're using the stream API fallback\n  private useStreamFallback = false;\n\n  // For fallback rendering with canvas.captureStream()\n  private capturedStream?: MediaStream;\n\n  private animationFrameId?: number;\n\n  private renderContext?: CanvasRenderingContext2D;\n\n  private frameCallback?: (frame: VideoFrame) => void;\n\n  private processingEnabled = false;\n\n  // FPS control for fallback implementation\n  private maxFps: number;\n\n  constructor(\n    transformer: TrackTransformer<TransformerOptions>,\n    name: string,\n    options: ProcessorWrapperOptions = {},\n  ) {\n    this.name = name;\n    this.transformer = transformer;\n    this.maxFps = options.maxFps ?? 30;\n  }\n\n  private async setup(opts: ProcessorOptions<Track.Kind>) {\n    this.source = opts.track as MediaStreamVideoTrack;\n\n    const { width, height } = await waitForTrackResolution(this.source);\n    this.sourceDummy = opts.element;\n\n    if (!(this.sourceDummy instanceof HTMLVideoElement)) {\n      throw TypeError('Currently only video transformers are supported');\n    }\n\n    if (this.sourceDummy instanceof HTMLVideoElement) {\n      this.sourceDummy.height = height ?? 300;\n      this.sourceDummy.width = width ?? 300;\n    }\n\n    this.useStreamFallback = !ProcessorWrapper.hasModernApiSupport;\n\n    if (this.useStreamFallback) {\n      // Create a visible canvas for the fallback implementation or use an existing one if provided\n      const existingCanvas = document.querySelector(\n        'canvas[data-livekit-processor=\"' + this.name + '\"]',\n      ) as HTMLCanvasElement;\n\n      if (existingCanvas) {\n        this.displayCanvas = existingCanvas;\n        this.displayCanvas.width = width ?? 300;\n        this.displayCanvas.height = height ?? 300;\n      } else {\n        this.displayCanvas = document.createElement('canvas');\n        this.displayCanvas.width = width ?? 300;\n        this.displayCanvas.height = height ?? 300;\n        this.displayCanvas.style.display = 'none';\n        this.displayCanvas.dataset.livekitProcessor = this.name;\n        document.body.appendChild(this.displayCanvas);\n      }\n\n      this.renderContext = this.displayCanvas.getContext('2d')!;\n      this.capturedStream = this.displayCanvas.captureStream();\n      this.canvas = createCanvas(width ?? 300, height ?? 300);\n    } else {\n      // Use MediaStreamTrackProcessor API\n      this.processor = new MediaStreamTrackProcessor({ track: this.source });\n      this.trackGenerator = new MediaStreamTrackGenerator({\n        kind: 'video',\n        signalTarget: this.source,\n      });\n      this.canvas = createCanvas(width ?? 300, height ?? 300);\n    }\n  }\n\n  async init(opts: ProcessorOptions<Track.Kind>): Promise<void> {\n    await this.setup(opts);\n\n    if (!this.canvas) {\n      throw new TypeError('Expected canvas to be defined after setup');\n    }\n\n    await this.transformer.init({\n      outputCanvas: this.canvas,\n      inputElement: this.sourceDummy as HTMLVideoElement,\n    });\n\n    if (this.useStreamFallback) {\n      this.initFallbackPath();\n    } else {\n      this.initStreamProcessorPath();\n    }\n  }\n\n  private initStreamProcessorPath() {\n    if (!this.processor || !this.trackGenerator) {\n      throw new TypeError(\n        'Expected processor and trackGenerator to be defined for stream processor path',\n      );\n    }\n\n    const readableStream = this.processor.readable;\n    const pipedStream = readableStream.pipeThrough(this.transformer!.transformer!);\n\n    pipedStream\n      .pipeTo(this.trackGenerator.writable)\n      .catch((e) => console.error('error when trying to pipe', e))\n      .finally(() => this.destroy());\n\n    this.processedTrack = this.trackGenerator as MediaStreamVideoTrack;\n  }\n\n  private initFallbackPath() {\n    if (!this.capturedStream || !this.source || !this.canvas || !this.renderContext) {\n      throw new TypeError('Missing required components for fallback implementation');\n    }\n\n    this.processedTrack = this.capturedStream.getVideoTracks()[0];\n    this.processingEnabled = true;\n\n    // Set up the frame callback for the transformer\n    this.frameCallback = (frame: VideoFrame) => {\n      if (!this.processingEnabled || !frame) {\n        frame.close();\n        return;\n      }\n\n      const controller = {\n        enqueue: (processedFrame: VideoFrame) => {\n          if (this.renderContext && this.displayCanvas) {\n            // Draw the processed frame to the visible canvas\n            this.renderContext.drawImage(\n              processedFrame,\n              0,\n              0,\n              this.displayCanvas.width,\n              this.displayCanvas.height,\n            );\n            processedFrame.close();\n          }\n        },\n      } as TransformStreamDefaultController<VideoFrame>;\n\n      try {\n        // Pass the frame through our transformer\n        // @ts-ignore - The controller expects both VideoFrame & AudioData but we're only using VideoFrame\n        this.transformer.transform(frame, controller);\n      } catch (e) {\n        console.error('Error in transform:', e);\n        frame.close();\n      }\n    };\n\n    // Start the rendering loop\n    this.startRenderLoop();\n  }\n\n  private startRenderLoop() {\n    if (!this.sourceDummy || !(this.sourceDummy instanceof HTMLVideoElement)) {\n      return;\n    }\n\n    // Store the last processed timestamp to avoid duplicate processing\n    let lastVideoTimestamp = -1;\n    let lastFrameTime = 0;\n    const videoElement = this.sourceDummy as HTMLVideoElement;\n    const minFrameInterval = 1000 / this.maxFps; // Minimum time between frames\n\n    // Estimate the video's native frame rate\n    let estimatedVideoFps = this.maxFps;\n    let frameTimeHistory: number[] = [];\n    let lastVideoTimeChange = 0;\n    let frameCount = 0;\n    let lastFpsLog = 0;\n\n    const renderLoop = () => {\n      if (\n        !this.processingEnabled ||\n        !this.sourceDummy ||\n        !(this.sourceDummy instanceof HTMLVideoElement)\n      ) {\n        return;\n      }\n\n      if (this.sourceDummy.paused) {\n        console.warn('Video is paused, trying to play');\n        this.sourceDummy.play();\n        return;\n      }\n\n      // Only process a new frame if the video has actually updated\n      const videoTime = videoElement.currentTime;\n      const now = performance.now();\n      const timeSinceLastFrame = now - lastFrameTime;\n\n      // Detect if video has a new frame\n      const hasNewFrame = videoTime !== lastVideoTimestamp;\n\n      // Update frame rate estimation if we have a new frame\n      if (hasNewFrame) {\n        if (lastVideoTimeChange > 0) {\n          const timeBetweenFrames = now - lastVideoTimeChange;\n          frameTimeHistory.push(timeBetweenFrames);\n\n          // Keep a rolling window of the last 10 frame times\n          if (frameTimeHistory.length > 10) {\n            frameTimeHistory.shift();\n          }\n\n          // Calculate average frame interval\n          if (frameTimeHistory.length > 2) {\n            const avgFrameTime =\n              frameTimeHistory.reduce((sum, time) => sum + time, 0) / frameTimeHistory.length;\n            estimatedVideoFps = 1000 / avgFrameTime;\n\n            // Log estimated FPS every 5 seconds in development environments\n            // Use a simpler check that works in browsers without process.env\n            const isDevelopment =\n              (typeof window !== 'undefined' && window.location.hostname === 'localhost') ||\n              window.location.hostname === '127.0.0.1';\n\n            if (isDevelopment && now - lastFpsLog > 5000) {\n              console.debug(\n                `[${this.name}] Estimated video FPS: ${estimatedVideoFps.toFixed(\n                  1,\n                )}, Processing at: ${(frameCount / 5).toFixed(1)} FPS`,\n              );\n              frameCount = 0;\n              lastFpsLog = now;\n            }\n          }\n        }\n        lastVideoTimeChange = now;\n      }\n\n      // Determine if we should process this frame\n      // We'll process if:\n      // 1. The video has a new frame\n      // 2. Enough time has passed since last frame (respecting maxFps)\n      const timeThresholdMet = timeSinceLastFrame >= minFrameInterval;\n\n      if (hasNewFrame && timeThresholdMet) {\n        lastVideoTimestamp = videoTime;\n        lastFrameTime = now;\n        frameCount++;\n\n        try {\n          // Create a VideoFrame from the video element\n          if (videoElement.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA) {\n            const frame = new VideoFrame(videoElement);\n            if (this.frameCallback) {\n              this.frameCallback(frame);\n            } else {\n              frame.close();\n            }\n          }\n        } catch (e) {\n          console.error('Error in render loop:', e);\n        }\n      }\n      this.animationFrameId = requestAnimationFrame(renderLoop);\n    };\n\n    this.animationFrameId = requestAnimationFrame(renderLoop);\n  }\n\n  async restart(opts: ProcessorOptions<Track.Kind>): Promise<void> {\n    await this.destroy();\n    await this.init(opts);\n  }\n\n  async restartTransformer(...options: Parameters<(typeof this.transformer)['restart']>) {\n    // @ts-ignore unclear why the restart method only accepts VideoTransformerInitOptions instead of either those or AudioTransformerInitOptions\n    await this.transformer.restart(options[0]);\n  }\n\n  async updateTransformerOptions(...options: Parameters<(typeof this.transformer)['update']>) {\n    await this.transformer.update(options[0]);\n  }\n\n  async destroy() {\n    if (this.useStreamFallback) {\n      this.processingEnabled = false;\n      if (this.animationFrameId) {\n        cancelAnimationFrame(this.animationFrameId);\n        this.animationFrameId = undefined;\n      }\n      if (this.displayCanvas && this.displayCanvas.parentNode) {\n        this.displayCanvas.parentNode.removeChild(this.displayCanvas);\n      }\n      this.capturedStream?.getTracks().forEach((track) => track.stop());\n    } else {\n      await this.processor?.writableControl?.close();\n      this.trackGenerator?.stop();\n    }\n    await this.transformer.destroy();\n  }\n}\n","import * as vision from '@mediapipe/tasks-vision';\nimport { dependencies } from '../../package.json';\nimport VideoTransformer from './VideoTransformer';\nimport { VideoTransformerInitOptions } from './types';\n\nexport type SegmenterOptions = Partial<vision.ImageSegmenterOptions['baseOptions']>;\n\nexport interface FrameProcessingStats {\n  processingTimeMs: number;\n  segmentationTimeMs: number;\n  filterTimeMs: number;\n}\n\nexport type BackgroundOptions = {\n  blurRadius?: number;\n  imagePath?: string;\n  /** cannot be updated through the `update` method, needs a restart */\n  segmenterOptions?: SegmenterOptions;\n  /** cannot be updated through the `update` method, needs a restart */\n  assetPaths?: { tasksVisionFileSet?: string; modelAssetPath?: string };\n  /** called when a new frame is processed */\n  onFrameProcessed?: (stats: FrameProcessingStats) => void;\n};\n\nexport default class BackgroundProcessor extends VideoTransformer<BackgroundOptions> {\n  static get isSupported() {\n    return (\n      typeof OffscreenCanvas !== 'undefined' &&\n      typeof VideoFrame !== 'undefined' &&\n      typeof createImageBitmap !== 'undefined' &&\n      !!document.createElement('canvas').getContext('webgl2')\n    );\n  }\n\n  imageSegmenter?: vision.ImageSegmenter;\n\n  segmentationResults: vision.ImageSegmenterResult | undefined;\n\n  backgroundImage: ImageBitmap | null = null;\n\n  options: BackgroundOptions;\n\n  segmentationTimeMs: number = 0;\n\n  constructor(opts: BackgroundOptions) {\n    super();\n    this.options = opts;\n    this.update(opts);\n  }\n\n  async init({ outputCanvas, inputElement: inputVideo }: VideoTransformerInitOptions) {\n    // Initialize WebGL with appropriate options based on our current state\n\n    await super.init({ outputCanvas, inputElement: inputVideo });\n\n    const fileSet = await vision.FilesetResolver.forVisionTasks(\n      this.options.assetPaths?.tasksVisionFileSet ??\n        `https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@${dependencies['@mediapipe/tasks-vision']}/wasm`,\n    );\n\n    this.imageSegmenter = await vision.ImageSegmenter.createFromOptions(fileSet, {\n      baseOptions: {\n        modelAssetPath:\n          this.options.assetPaths?.modelAssetPath ??\n          'https://storage.googleapis.com/mediapipe-models/image_segmenter/selfie_segmenter/float16/latest/selfie_segmenter.tflite',\n        delegate: 'GPU',\n        ...this.options.segmenterOptions,\n      },\n      canvas: this.canvas,\n      runningMode: 'VIDEO',\n      outputCategoryMask: true,\n      outputConfidenceMasks: false,\n    });\n\n    // Skip loading the image here if update already loaded the image below\n    if (this.options?.imagePath && !this.backgroundImage) {\n      await this.loadBackground(this.options.imagePath).catch((err) =>\n        console.error('Error while loading processor background image: ', err),\n      );\n    }\n    if (this.options.blurRadius) {\n      this.gl?.setBlurRadius(this.options.blurRadius);\n    }\n  }\n\n  async destroy() {\n    await super.destroy();\n    await this.imageSegmenter?.close();\n    this.backgroundImage = null;\n  }\n\n  async loadBackground(path: string) {\n    const img = new Image();\n\n    await new Promise((resolve, reject) => {\n      img.crossOrigin = 'Anonymous';\n      img.onload = () => resolve(img);\n      img.onerror = (err) => reject(err);\n      img.src = path;\n    });\n    const imageData = await createImageBitmap(img);\n    this.gl?.setBackgroundImage(imageData);\n  }\n\n  async transform(frame: VideoFrame, controller: TransformStreamDefaultController<VideoFrame>) {\n    try {\n      if (!(frame instanceof VideoFrame) || frame.codedWidth === 0 || frame.codedHeight === 0) {\n        console.debug('empty frame detected, ignoring');\n        return;\n      }\n\n      if (this.isDisabled) {\n        controller.enqueue(frame);\n        return;\n      }\n      const frameTimeMs = Date.now();\n      if (!this.canvas) {\n        throw TypeError('Canvas needs to be initialized first');\n      }\n      this.canvas.width = frame.displayWidth;\n      this.canvas.height = frame.displayHeight;\n      const segmentationPromise = new Promise<void>((resolve, reject) => {\n        try {\n          let segmentationStartTimeMs = performance.now();\n          this.imageSegmenter?.segmentForVideo(frame, segmentationStartTimeMs, (result) => {\n            this.segmentationTimeMs = performance.now() - segmentationStartTimeMs;\n            this.segmentationResults = result;\n            this.updateMask(result.categoryMask);\n            result.close();\n            resolve();\n          });\n        } catch (e) {\n          reject(e);\n        }\n      });\n\n      const filterStartTimeMs = performance.now();\n      this.drawFrame(frame);\n      if (this.canvas && this.canvas.width > 0 && this.canvas.height > 0) {\n        const newFrame = new VideoFrame(this.canvas, {\n          timestamp: frame.timestamp || frameTimeMs,\n        });\n        controller.enqueue(newFrame);\n        const filterTimeMs = performance.now() - filterStartTimeMs;\n        const stats: FrameProcessingStats = {\n          processingTimeMs: this.segmentationTimeMs + filterTimeMs,\n          segmentationTimeMs: this.segmentationTimeMs,\n          filterTimeMs,\n        };\n        this.options.onFrameProcessed?.(stats);\n      } else {\n        controller.enqueue(frame);\n      }\n      await segmentationPromise;\n    } catch (e) {\n      console.error('Error while processing frame: ', e);\n    } finally {\n      frame.close();\n    }\n  }\n\n  async update(opts: BackgroundOptions) {\n    this.options = { ...this.options, ...opts };\n    if (opts.blurRadius) {\n      this.gl?.setBlurRadius(opts.blurRadius);\n    } else if (opts.imagePath) {\n      await this.loadBackground(opts.imagePath);\n    }\n  }\n\n  private async drawFrame(frame: VideoFrame) {\n    if (!this.gl) return;\n    this.gl?.renderFrame(frame);\n  }\n\n  private async updateMask(mask: vision.MPMask | undefined) {\n    if (!mask) return;\n    this.gl?.updateMask(mask.getAsWebGLTexture());\n  }\n}\n","{\n  \"name\": \"@livekit/track-processors\",\n  \"version\": \"0.5.6\",\n  \"description\": \"LiveKit track processors\",\n  \"main\": \"dist/index.js\",\n  \"module\": \"dist/index.mjs\",\n  \"source\": \"src/index.ts\",\n  \"types\": \"dist/src/index.d.ts\",\n  \"repository\": \"git@github.com:livekit/livekit-track-processors.git\",\n  \"author\": \"Lukas Seiler\",\n  \"license\": \"Apache-2.0\",\n  \"scripts\": {\n    \"build\": \"tsup --onSuccess \\\"tsc --declaration --emitDeclarationOnly\\\"\",\n    \"build-sample\": \"cd example && vite build\",\n    \"lint\": \"eslint src\",\n    \"release\": \"pnpm build && changeset publish\",\n    \"test\": \"jest\",\n    \"sample\": \"vite serve example --port 8080 --open\"\n  },\n  \"files\": [\n    \"dist\",\n    \"src\"\n  ],\n  \"dependencies\": {\n    \"@mediapipe/tasks-vision\": \"0.10.14\"\n  },\n  \"peerDependencies\": {\n    \"livekit-client\": \"^1.12.0 || ^2.1.0\"\n  },\n  \"devDependencies\": {\n    \"@changesets/cli\": \"^2.26.2\",\n    \"@livekit/changesets-changelog-github\": \"^0.0.4\",\n    \"@trivago/prettier-plugin-sort-imports\": \"^4.2.1\",\n    \"@types/dom-mediacapture-transform\": \"^0.1.9\",\n    \"@types/offscreencanvas\": \"^2019.7.3\",\n    \"@typescript-eslint/eslint-plugin\": \"^5.62.0\",\n    \"eslint\": \"8.39.0\",\n    \"eslint-config-airbnb-typescript\": \"17.0.0\",\n    \"eslint-config-prettier\": \"8.8.0\",\n    \"eslint-plugin-ecmascript-compat\": \"^3.1.0\",\n    \"eslint-plugin-import\": \"2.27.5\",\n    \"prettier\": \"^2.8.8\",\n    \"tsup\": \"^7.2.0\",\n    \"typescript\": \"^5.8.3\",\n    \"vite\": \"^4.5.0\"\n  },\n  \"packageManager\": \"pnpm@9.15.9+sha512.68046141893c66fad01c079231128e9afb89ef87e2691d69e4d40eee228988295fd4682181bae55b58418c3a253bde65a505ec7c5f9403ece5cc3cd37dcf2531\"\n}\n","/**\n * Initialize a WebGL texture\n */\nexport function initTexture(gl: WebGL2RenderingContext, texIndex: number) {\n  const texRef = gl.TEXTURE0 + texIndex;\n  gl.activeTexture(texRef);\n  const texture = gl.createTexture();\n  gl.bindTexture(gl.TEXTURE_2D, texture);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n  gl.bindTexture(gl.TEXTURE_2D, texture);\n\n  return texture;\n}\n\nexport function createShader(\n  gl: WebGL2RenderingContext,\n  type: number,\n  source: string,\n): WebGLShader {\n  const shader = gl.createShader(type)!;\n  gl.shaderSource(shader, source);\n  gl.compileShader(shader);\n  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n    console.error('Shader compile failed:', gl.getShaderInfoLog(shader));\n    gl.deleteShader(shader);\n    throw new Error('Shader compile failed');\n  }\n  return shader;\n}\n\nexport function createProgram(\n  gl: WebGL2RenderingContext,\n  vs: WebGLShader,\n  fs: WebGLShader,\n): WebGLProgram {\n  const program = gl.createProgram()!;\n  gl.attachShader(program, vs);\n  gl.attachShader(program, fs);\n  gl.linkProgram(program);\n  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n    console.error('Program link failed:', gl.getProgramInfoLog(program));\n    throw new Error('Program link failed');\n  }\n  return program;\n}\n\n/**\n * Create a WebGL framebuffer with the given texture as color attachment\n */\nexport function createFramebuffer(\n  gl: WebGL2RenderingContext,\n  texture: WebGLTexture,\n  width: number,\n  height: number,\n) {\n  const framebuffer = gl.createFramebuffer();\n  gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);\n\n  // Set the texture as the color attachment\n  gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);\n\n  // Ensure texture dimensions match the provided width and height\n  gl.bindTexture(gl.TEXTURE_2D, texture);\n  gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);\n\n  // Check if framebuffer is complete\n  const status = gl.checkFramebufferStatus(gl.FRAMEBUFFER);\n  if (status !== gl.FRAMEBUFFER_COMPLETE) {\n    throw new Error('Framebuffer not complete');\n  }\n\n  gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n  return framebuffer;\n}\n\n/**\n * Create a vertex buffer for a full-screen quad\n */\nexport function createVertexBuffer(gl: WebGL2RenderingContext): WebGLBuffer | null {\n  const vertexBuffer = gl.createBuffer();\n  gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);\n  gl.bufferData(\n    gl.ARRAY_BUFFER,\n    new Float32Array([-1, -1, -1, 1, 1, 1, -1, -1, 1, 1, 1, -1]),\n    gl.STATIC_DRAW,\n  );\n  return vertexBuffer;\n}\n\n/**\n * Resizes and crops an image to cover a target canvas while maintaining aspect ratio\n * @param image The source image\n * @param targetWidth The target width\n * @param targetHeight The target height\n * @returns A cropped and resized ImageBitmap\n */\nexport async function resizeImageToCover(\n  image: ImageBitmap,\n  targetWidth: number,\n  targetHeight: number,\n): Promise<ImageBitmap> {\n  // Calculate dimensions and crop for \"cover\" mode\n  const imgAspect = image.width / image.height;\n  const targetAspect = targetWidth / targetHeight;\n\n  let sx = 0;\n  let sy = 0;\n  let sWidth = image.width;\n  let sHeight = image.height;\n\n  // For cover mode, we need to crop some parts of the image\n  // to ensure it covers the canvas while maintaining aspect ratio\n  if (imgAspect > targetAspect) {\n    // Image is wider than target - crop the sides\n    sWidth = Math.round(image.height * targetAspect);\n    sx = Math.round((image.width - sWidth) / 2); // Center the crop horizontally\n  } else if (imgAspect < targetAspect) {\n    // Image is taller than target - crop the top/bottom\n    sHeight = Math.round(image.width / targetAspect);\n    sy = Math.round((image.height - sHeight) / 2); // Center the crop vertically\n  }\n\n  // Create a new ImageBitmap with the cropped portion\n  return createImageBitmap(image, sx, sy, sWidth, sHeight, {\n    resizeWidth: targetWidth,\n    resizeHeight: targetHeight,\n    resizeQuality: 'medium',\n  });\n}\n\nlet emptyImageData: ImageData | undefined;\n\nfunction getEmptyImageData() {\n  if (!emptyImageData) {\n    emptyImageData = new ImageData(2, 2);\n    emptyImageData.data[0] = 0;\n    emptyImageData.data[1] = 0;\n    emptyImageData.data[2] = 0;\n    emptyImageData.data[3] = 0;\n  }\n\n  return emptyImageData;\n}\n\nconst glsl = (source: any) => source;\n\nexport { getEmptyImageData, glsl };\n","// Vertex shader source\nexport const vertexShaderSource = (flipY: boolean = true) => `#version 300 es\n  in vec2 position;\n  out vec2 texCoords;\n\n  void main() {\n    texCoords = (position + 1.0) / 2.0;\n    texCoords.y = ${flipY ? '1.0 - texCoords.y' : 'texCoords.y'};\n    gl_Position = vec4(position, 0, 1.0);\n  }\n`;\n","import { createProgram, createShader, glsl } from '../utils';\nimport { vertexShaderSource } from './vertexShader';\n\n// Define the blur fragment shader\nexport const blurFragmentShader = glsl`#version 300 es\n  precision mediump float;\n  in vec2 texCoords;\n  uniform sampler2D u_texture;\n  uniform vec2 u_texelSize;\n  uniform vec2 u_direction;\n  uniform float u_radius;\n  out vec4 fragColor;\n\n  void main() {\n    float sigma = u_radius;\n    float twoSigmaSq = 2.0 * sigma * sigma;\n    float totalWeight = 0.0;\n    vec3 result = vec3(0.0);\n    const int MAX_SAMPLES = 16;\n    int radius = int(min(float(MAX_SAMPLES), ceil(u_radius)));\n\n    for (int i = -MAX_SAMPLES; i <= MAX_SAMPLES; ++i) {\n      float offset = float(i);\n      if (abs(offset) > float(radius)) continue;\n      float weight = exp(-(offset * offset) / twoSigmaSq);\n      vec2 sampleCoord = texCoords + u_direction * u_texelSize * offset;\n      result += texture(u_texture, sampleCoord).rgb * weight;\n      totalWeight += weight;\n    }\n\n    fragColor = vec4(result / totalWeight, 1.0);\n  }\n`;\n\nexport function createBlurProgram(gl: WebGL2RenderingContext) {\n  const blurVertexShader = createShader(gl, gl.VERTEX_SHADER, vertexShaderSource());\n  const blurFrag = createShader(gl, gl.FRAGMENT_SHADER, blurFragmentShader);\n\n  const blurProgram = createProgram(gl, blurVertexShader, blurFrag);\n\n  // Get uniform locations\n  const blurUniforms = {\n    position: gl.getAttribLocation(blurProgram, 'position'),\n    texture: gl.getUniformLocation(blurProgram, 'u_texture'),\n    texelSize: gl.getUniformLocation(blurProgram, 'u_texelSize'),\n    direction: gl.getUniformLocation(blurProgram, 'u_direction'),\n    radius: gl.getUniformLocation(blurProgram, 'u_radius'),\n  };\n\n  return {\n    program: blurProgram,\n    shader: blurFrag,\n    vertexShader: blurVertexShader,\n    uniforms: blurUniforms,\n  };\n}\n\nexport function applyBlur(\n  gl: WebGL2RenderingContext,\n  sourceTexture: WebGLTexture,\n  width: number,\n  height: number,\n  blurRadius: number,\n  blurProgram: WebGLProgram,\n  blurUniforms: any,\n  vertexBuffer: WebGLBuffer,\n  processFramebuffers: WebGLFramebuffer[],\n  processTextures: WebGLTexture[],\n) {\n  gl.useProgram(blurProgram);\n\n  // Set common attributes\n  gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);\n  gl.vertexAttribPointer(blurUniforms.position, 2, gl.FLOAT, false, 0, 0);\n  gl.enableVertexAttribArray(blurUniforms.position);\n\n  const texelWidth = 1.0 / width;\n  const texelHeight = 1.0 / height;\n\n  // First pass - horizontal blur\n  gl.bindFramebuffer(gl.FRAMEBUFFER, processFramebuffers[0]);\n  gl.viewport(0, 0, width, height);\n\n  gl.activeTexture(gl.TEXTURE0);\n  gl.bindTexture(gl.TEXTURE_2D, sourceTexture);\n  gl.uniform1i(blurUniforms.texture, 0);\n  gl.uniform2f(blurUniforms.texelSize, texelWidth, texelHeight);\n  gl.uniform2f(blurUniforms.direction, 1.0, 0.0); // Horizontal\n  gl.uniform1f(blurUniforms.radius, blurRadius);\n\n  gl.drawArrays(gl.TRIANGLES, 0, 6);\n\n  // Second pass - vertical blur\n  gl.bindFramebuffer(gl.FRAMEBUFFER, processFramebuffers[1]);\n  gl.viewport(0, 0, width, height);\n\n  gl.activeTexture(gl.TEXTURE0);\n  gl.bindTexture(gl.TEXTURE_2D, processTextures[0]);\n  gl.uniform1i(blurUniforms.texture, 0);\n  gl.uniform2f(blurUniforms.direction, 0.0, 1.0); // Vertical\n\n  gl.drawArrays(gl.TRIANGLES, 0, 6);\n\n  // Reset framebuffer\n  gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n\n  return processTextures[1];\n}\n","import { createProgram, createShader, glsl } from '../utils';\nimport { vertexShaderSource } from './vertexShader';\n\nexport const boxBlurFragmentShader = glsl`#version 300 es\nprecision mediump float;\n\nin vec2 texCoords;\n\nuniform sampler2D u_texture;\nuniform vec2 u_texelSize;    // 1.0 / texture size\nuniform vec2 u_direction;    // (1.0, 0.0) for horizontal, (0.0, 1.0) for vertical\nuniform float u_radius;      // blur radius in texels\n\nout vec4 fragColor;\n\nvoid main() {\n    vec3 sum = vec3(0.0);\n    float count = 0.0;\n\n    // Limit radius to avoid excessive loop cost\n    const int MAX_RADIUS = 16;\n    int radius = int(min(float(MAX_RADIUS), u_radius));\n\n    for (int i = -MAX_RADIUS; i <= MAX_RADIUS; ++i) {\n        if (abs(i) > radius) continue;\n\n        vec2 offset = u_direction * u_texelSize * float(i);\n        sum += texture(u_texture, texCoords + offset).rgb;\n        count += 1.0;\n  }\n\n  fragColor = vec4(sum / count, 1.0);\n}\n`;\n\n/**\n * Create the box blur shader program\n */\nexport function createBoxBlurProgram(gl: WebGL2RenderingContext) {\n  const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexShaderSource());\n  const fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, boxBlurFragmentShader);\n\n  const program = createProgram(gl, vertexShader, fragmentShader);\n\n  // Get attribute and uniform locations\n  const uniforms = {\n    position: gl.getAttribLocation(program, 'position'),\n    texture: gl.getUniformLocation(program, 'u_texture'),\n    texelSize: gl.getUniformLocation(program, 'u_texelSize'),\n    direction: gl.getUniformLocation(program, 'u_direction'),\n    radius: gl.getUniformLocation(program, 'u_radius'),\n  };\n\n  return {\n    program,\n    vertexShader,\n    fragmentShader,\n    uniforms,\n  };\n}\n","import { createProgram, createShader, glsl } from '../utils';\nimport { vertexShaderSource } from './vertexShader';\n\n// Fragment shader source for compositing\nexport const compositeFragmentShader = glsl`#version 300 es\n  precision mediump float;\n  in vec2 texCoords;\n  uniform sampler2D background;\n  uniform sampler2D frame;\n  uniform sampler2D mask;\n  out vec4 fragColor;\n  \n  void main() {\n      \n    vec4 frameTex = texture(frame, texCoords);\n    vec4 bgTex = texture(background, texCoords);\n\n    float maskVal = texture(mask, texCoords).r;\n\n    // Compute screen-space gradient to detect edge sharpness\n    float grad = length(vec2(dFdx(maskVal), dFdy(maskVal)));\n\n    float edgeSoftness = 2.0; // higher = softer\n    \n    // Create a smooth edge around binary transition\n    float smoothAlpha = smoothstep(0.5 - grad * edgeSoftness, 0.5 + grad * edgeSoftness, maskVal);\n\n    // Optional: preserve frame alpha, or override as fully opaque\n    vec4 blended = mix(bgTex, vec4(frameTex.rgb, 1.0), 1.0 - smoothAlpha);\n    \n    fragColor = blended;\n  \n  }\n`;\n\n/**\n * Create the composite shader program\n */\nexport function createCompositeProgram(gl: WebGL2RenderingContext) {\n  const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexShaderSource());\n  const compositeShader = createShader(gl, gl.FRAGMENT_SHADER, compositeFragmentShader);\n\n  const compositeProgram = createProgram(gl, vertexShader, compositeShader);\n\n  // Get attribute and uniform locations\n  const attribLocations = {\n    position: gl.getAttribLocation(compositeProgram, 'position'),\n  };\n\n  const uniformLocations = {\n    mask: gl.getUniformLocation(compositeProgram, 'mask')!,\n    frame: gl.getUniformLocation(compositeProgram, 'frame')!,\n    background: gl.getUniformLocation(compositeProgram, 'background')!,\n    stepWidth: gl.getUniformLocation(compositeProgram, 'u_stepWidth')!,\n  };\n\n  return {\n    program: compositeProgram,\n    vertexShader,\n    fragmentShader: compositeShader,\n    attribLocations,\n    uniformLocations,\n  };\n}\n","import { createProgram, createShader } from '../utils';\n\nexport function createDownSampler(\n  gl: WebGL2RenderingContext,\n  width: number,\n  height: number,\n): {\n  framebuffer: WebGLFramebuffer;\n  texture: WebGLTexture;\n  program: WebGLProgram;\n  uniforms: any;\n} {\n  // Create texture\n  const texture = gl.createTexture()!;\n  gl.bindTexture(gl.TEXTURE_2D, texture);\n  gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n\n  // Create framebuffer\n  const framebuffer = gl.createFramebuffer()!;\n  gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);\n  gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);\n\n  // Create shader program for copying\n  const vertexSource = `\n      attribute vec2 position;\n      varying vec2 v_uv;\n      void main() {\n        v_uv = (position + 1.0) * 0.5;\n        gl_Position = vec4(position, 0.0, 1.0);\n      }\n    `;\n\n  const fragmentSource = `\n      precision mediump float;\n      varying vec2 v_uv;\n      uniform sampler2D u_texture;\n      void main() {\n        gl_FragColor = texture2D(u_texture, v_uv);\n      }\n    `;\n\n  const vertShader = createShader(gl, gl.VERTEX_SHADER, vertexSource);\n  const fragShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource);\n  const program = createProgram(gl, vertShader, fragShader);\n\n  const uniforms = {\n    texture: gl.getUniformLocation(program, 'u_texture'),\n    position: gl.getAttribLocation(program, 'position'),\n  };\n\n  return {\n    framebuffer,\n    texture,\n    program,\n    uniforms,\n  };\n}\n\nexport function applyDownsampling(\n  gl: WebGL2RenderingContext,\n  inputTexture: WebGLTexture,\n  downSampler: {\n    framebuffer: WebGLFramebuffer;\n    texture: WebGLTexture;\n    program: WebGLProgram;\n    uniforms: any;\n  },\n  vertexBuffer: WebGLBuffer,\n  width: number,\n  height: number,\n): WebGLTexture {\n  gl.useProgram(downSampler.program);\n\n  gl.bindFramebuffer(gl.FRAMEBUFFER, downSampler.framebuffer);\n  gl.viewport(0, 0, width, height);\n\n  gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);\n  gl.enableVertexAttribArray(downSampler.uniforms.position);\n  gl.vertexAttribPointer(downSampler.uniforms.position, 2, gl.FLOAT, false, 0, 0);\n\n  gl.activeTexture(gl.TEXTURE0);\n  gl.bindTexture(gl.TEXTURE_2D, inputTexture);\n  gl.uniform1i(downSampler.uniforms.texture, 0);\n\n  gl.drawArrays(gl.TRIANGLES, 0, 6);\n\n  gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n\n  return downSampler.texture;\n}\n","/**\n * WebGL setup for the mask processor\n * potential improvements:\n * - downsample the video texture in background blur scenario before applying the (gaussian) blur for better performance\n *\n */\nimport { applyBlur, createBlurProgram } from './shader-programs/blurShader';\nimport { createBoxBlurProgram } from './shader-programs/boxBlurShader';\nimport { createCompositeProgram } from './shader-programs/compositeShader';\nimport { applyDownsampling, createDownSampler } from './shader-programs/downSampler';\nimport {\n  createFramebuffer,\n  createVertexBuffer,\n  getEmptyImageData,\n  initTexture,\n  resizeImageToCover,\n} from './utils';\n\nexport const setupWebGL = (canvas: OffscreenCanvas | HTMLCanvasElement) => {\n  const gl = canvas.getContext('webgl2', {\n    antialias: true,\n    premultipliedAlpha: true,\n  }) as WebGL2RenderingContext;\n\n  let blurRadius: number | null = null;\n  let maskBlurRadius: number | null = 8;\n  const downsampleFactor = 4;\n\n  if (!gl) {\n    console.error('Failed to create WebGL context');\n    return undefined;\n  }\n\n  gl.enable(gl.BLEND);\n  gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);\n\n  // Create the composite program\n  const composite = createCompositeProgram(gl);\n  const compositeProgram = composite.program;\n  const positionLocation = composite.attribLocations.position;\n  const {\n    mask: maskTextureLocation,\n    frame: frameTextureLocation,\n    background: bgTextureLocation,\n  } = composite.uniformLocations;\n\n  // Create the blur program using the same vertex shader source\n  const blur = createBlurProgram(gl);\n  const blurProgram = blur.program;\n  const blurUniforms = blur.uniforms;\n\n  // Create the box blur program\n  const boxBlur = createBoxBlurProgram(gl);\n  const boxBlurProgram = boxBlur.program;\n  const boxBlurUniforms = boxBlur.uniforms;\n\n  const bgTexture = initTexture(gl, 0);\n  const frameTexture = initTexture(gl, 1);\n  const vertexBuffer = createVertexBuffer(gl);\n\n  if (!vertexBuffer) {\n    throw new Error('Failed to create vertex buffer');\n  }\n\n  // Create additional textures and framebuffers for processing\n  let bgBlurTextures: WebGLTexture[] = [];\n  let bgBlurFrameBuffers: WebGLFramebuffer[] = [];\n  let blurredMaskTexture: WebGLTexture | null = null;\n\n  // For double buffering the final mask\n  let finalMaskTextures: WebGLTexture[] = [];\n  let readMaskIndex = 0; // Index for renderFrame to read from\n  let writeMaskIndex = 1; // Index for updateMask to write to\n\n  // Create textures for background processing (blur)\n  bgBlurTextures.push(initTexture(gl, 3)); // For blur pass 1\n  bgBlurTextures.push(initTexture(gl, 4)); // For blur pass 2\n\n  const bgBlurTextureWidth = Math.floor(canvas.width / downsampleFactor);\n  const bgBlurTextureHeight = Math.floor(canvas.height / downsampleFactor);\n\n  const downSampler = createDownSampler(gl, bgBlurTextureWidth, bgBlurTextureHeight);\n\n  // Create framebuffers for background processing\n  bgBlurFrameBuffers.push(\n    createFramebuffer(gl, bgBlurTextures[0], bgBlurTextureWidth, bgBlurTextureHeight),\n  );\n  bgBlurFrameBuffers.push(\n    createFramebuffer(gl, bgBlurTextures[1], bgBlurTextureWidth, bgBlurTextureHeight),\n  );\n\n  // Initialize texture for the first mask blur pass\n  const tempMaskTexture = initTexture(gl, 5);\n  const tempMaskFrameBuffer = createFramebuffer(gl, tempMaskTexture, canvas.width, canvas.height);\n\n  // Initialize two textures for double-buffering the final mask\n  finalMaskTextures.push(initTexture(gl, 6)); // For reading in renderFrame\n  finalMaskTextures.push(initTexture(gl, 7)); // For writing in updateMask\n\n  // Create framebuffers for the final mask textures\n  const finalMaskFrameBuffers = [\n    createFramebuffer(gl, finalMaskTextures[0], canvas.width, canvas.height),\n    createFramebuffer(gl, finalMaskTextures[1], canvas.width, canvas.height),\n  ];\n\n  // Set up uniforms for the composite shader\n  gl.useProgram(compositeProgram);\n  gl.uniform1i(bgTextureLocation, 0);\n  gl.uniform1i(frameTextureLocation, 1);\n  gl.uniform1i(maskTextureLocation, 2);\n\n  // Store custom background image\n  let customBackgroundImage: ImageBitmap | ImageData = getEmptyImageData();\n\n  function renderFrame(frame: VideoFrame) {\n    if (frame.codedWidth === 0 || finalMaskTextures.length === 0) {\n      return;\n    }\n\n    const width = frame.displayWidth;\n    const height = frame.displayHeight;\n\n    // Prepare frame texture\n    gl.activeTexture(gl.TEXTURE1);\n    gl.bindTexture(gl.TEXTURE_2D, frameTexture);\n    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, frame);\n\n    // Apply blur if enabled (and no custom background is set)\n    let backgroundTexture = bgTexture;\n\n    if (blurRadius) {\n      const downSampledFrameTexture = applyDownsampling(\n        gl,\n        frameTexture,\n        downSampler,\n        vertexBuffer!,\n        bgBlurTextureWidth,\n        bgBlurTextureHeight,\n      );\n      backgroundTexture = applyBlur(\n        gl,\n        downSampledFrameTexture,\n        bgBlurTextureWidth,\n        bgBlurTextureHeight,\n        blurRadius,\n        blurProgram,\n        blurUniforms,\n        vertexBuffer!,\n        bgBlurFrameBuffers,\n        bgBlurTextures,\n      );\n    } else {\n      gl.activeTexture(gl.TEXTURE0);\n      gl.bindTexture(gl.TEXTURE_2D, bgTexture);\n      gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, customBackgroundImage);\n      backgroundTexture = bgTexture;\n    }\n\n    // Render the final composite\n    gl.viewport(0, 0, width, height);\n    gl.clearColor(1.0, 1.0, 1.0, 1.0);\n    gl.clear(gl.COLOR_BUFFER_BIT);\n\n    gl.useProgram(compositeProgram);\n    gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);\n    gl.vertexAttribPointer(positionLocation, 2, gl.FLOAT, false, 0, 0);\n    gl.enableVertexAttribArray(positionLocation);\n\n    // Set background texture (either original, blurred or custom)\n    gl.activeTexture(gl.TEXTURE0);\n    gl.bindTexture(gl.TEXTURE_2D, backgroundTexture);\n    gl.uniform1i(bgTextureLocation, 0);\n\n    // Set frame texture\n    gl.activeTexture(gl.TEXTURE1);\n    gl.bindTexture(gl.TEXTURE_2D, frameTexture);\n    gl.uniform1i(frameTextureLocation, 1);\n\n    // Set mask texture - always read from the current read index\n    gl.activeTexture(gl.TEXTURE2);\n    gl.bindTexture(gl.TEXTURE_2D, finalMaskTextures[readMaskIndex]);\n    gl.uniform1i(maskTextureLocation, 2);\n    gl.drawArrays(gl.TRIANGLES, 0, 6);\n  }\n\n  /**\n   * Set or update the background image\n   * @param image The background image to use, or null to clear\n   */\n  async function setBackgroundImage(image: ImageBitmap | null) {\n    // Clear existing background\n    customBackgroundImage = getEmptyImageData();\n\n    if (image) {\n      try {\n        // Resize and crop the image to cover the canvas\n        const croppedImage = await resizeImageToCover(image, canvas.width, canvas.height);\n\n        // Store the cropped and resized image\n        customBackgroundImage = croppedImage;\n      } catch (error) {\n        console.error(\n          'Error processing background image, falling back to black background:',\n          error,\n        );\n      }\n    }\n\n    gl.activeTexture(gl.TEXTURE0);\n    gl.bindTexture(gl.TEXTURE_2D, bgTexture);\n    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, customBackgroundImage);\n  }\n\n  function setBlurRadius(radius: number | null) {\n    blurRadius = radius ? Math.max(1, Math.floor(radius / downsampleFactor)) : null; // we are downsampling the blur texture, so decrease the radius here for better performance with a similar visual result\n    setBackgroundImage(null);\n  }\n\n  function updateMask(mask: WebGLTexture) {\n    // Use the existing applyBlur function to apply the first blur pass\n    // The second blur pass will be written to finalMaskTextures[writeMaskIndex]\n\n    // Create temporary arrays for the single blur operation\n    const tempFramebuffers = [tempMaskFrameBuffer, finalMaskFrameBuffers[writeMaskIndex]];\n\n    const tempTextures = [tempMaskTexture, finalMaskTextures[writeMaskIndex]];\n\n    // Apply the blur using the existing function\n    applyBlur(\n      gl,\n      mask,\n      canvas.width,\n      canvas.height,\n      maskBlurRadius || 1.0,\n      boxBlurProgram,\n      boxBlurUniforms,\n      vertexBuffer!,\n      tempFramebuffers,\n      tempTextures,\n    );\n\n    // Swap indices for the next frame\n    readMaskIndex = writeMaskIndex;\n    writeMaskIndex = 1 - writeMaskIndex;\n  }\n\n  function cleanup() {\n    gl.deleteProgram(compositeProgram);\n    gl.deleteProgram(blurProgram);\n    gl.deleteProgram(boxBlurProgram);\n    gl.deleteTexture(bgTexture);\n    gl.deleteTexture(frameTexture);\n    gl.deleteTexture(tempMaskTexture);\n    gl.deleteFramebuffer(tempMaskFrameBuffer);\n\n    for (const texture of bgBlurTextures) {\n      gl.deleteTexture(texture);\n    }\n    for (const framebuffer of bgBlurFrameBuffers) {\n      gl.deleteFramebuffer(framebuffer);\n    }\n    for (const texture of finalMaskTextures) {\n      gl.deleteTexture(texture);\n    }\n    for (const framebuffer of finalMaskFrameBuffers) {\n      gl.deleteFramebuffer(framebuffer);\n    }\n    gl.deleteBuffer(vertexBuffer);\n\n    if (blurredMaskTexture) {\n      gl.deleteTexture(blurredMaskTexture);\n    }\n\n    if (downSampler) {\n      gl.deleteTexture(downSampler.texture);\n      gl.deleteFramebuffer(downSampler.framebuffer);\n      gl.deleteProgram(downSampler.program);\n    }\n\n    // Release any ImageBitmap resources\n    if (customBackgroundImage) {\n      if (customBackgroundImage instanceof ImageBitmap) {\n        customBackgroundImage.close();\n      }\n      customBackgroundImage = getEmptyImageData();\n    }\n    bgBlurTextures = [];\n    bgBlurFrameBuffers = [];\n    finalMaskTextures = [];\n  }\n\n  return { renderFrame, updateMask, setBackgroundImage, setBlurRadius, cleanup };\n};\n","import { createCanvas } from '../utils';\nimport { setupWebGL } from '../webgl/index';\nimport { VideoTrackTransformer, VideoTransformerInitOptions } from './types';\n\nexport default abstract class VideoTransformer<Options extends Record<string, unknown>>\n  implements VideoTrackTransformer<Options>\n{\n  transformer?: TransformStream;\n\n  canvas?: OffscreenCanvas | HTMLCanvasElement;\n\n  // ctx?: OffscreenCanvasRenderingContext2D;\n\n  inputVideo?: HTMLVideoElement;\n\n  gl?: ReturnType<typeof setupWebGL>;\n\n  protected isDisabled?: Boolean = false;\n\n  async init({\n    outputCanvas,\n    inputElement: inputVideo,\n  }: VideoTransformerInitOptions): Promise<void> {\n    if (!(inputVideo instanceof HTMLVideoElement)) {\n      throw TypeError('Video transformer needs a HTMLVideoElement as input');\n    }\n\n    this.transformer = new TransformStream({\n      transform: (frame, controller) => this.transform(frame, controller),\n    });\n    this.canvas = outputCanvas || null;\n    if (outputCanvas) {\n      // this.ctx = this.canvas?.getContext('2d') || undefined;\n      this.gl = setupWebGL(\n        this.canvas || createCanvas(inputVideo.videoWidth, inputVideo.videoHeight),\n      );\n    }\n    this.inputVideo = inputVideo;\n    this.isDisabled = false;\n  }\n\n  async restart({ outputCanvas, inputElement: inputVideo }: VideoTransformerInitOptions) {\n    this.canvas = outputCanvas || null;\n    this.gl?.cleanup();\n    this.gl = setupWebGL(\n      this.canvas || createCanvas(inputVideo.videoWidth, inputVideo.videoHeight),\n    );\n\n    this.inputVideo = inputVideo;\n    this.isDisabled = false;\n  }\n\n  async destroy() {\n    this.isDisabled = true;\n    this.canvas = undefined;\n    this.gl?.cleanup();\n    this.gl = undefined;\n  }\n\n  abstract transform(\n    frame: VideoFrame,\n    controller: TransformStreamDefaultController<VideoFrame>,\n  ): void;\n\n  abstract update(options: Options): void;\n}\n","import ProcessorWrapper, { ProcessorWrapperOptions } from './ProcessorWrapper';\nimport BackgroundTransformer, {\n  BackgroundOptions,\n  FrameProcessingStats,\n  SegmenterOptions,\n} from './transformers/BackgroundTransformer';\n\nexport * from './transformers/types';\nexport { default as VideoTransformer } from './transformers/VideoTransformer';\nexport {\n  ProcessorWrapper,\n  type BackgroundOptions,\n  type SegmenterOptions,\n  BackgroundTransformer,\n  type ProcessorWrapperOptions,\n};\n\n/**\n * Determines if the current browser supports background processors\n */\nexport const supportsBackgroundProcessors = () =>\n  BackgroundTransformer.isSupported && ProcessorWrapper.isSupported;\n\n/**\n * Determines if the current browser supports modern background processors, which yield better performance\n */\nexport const supportsModernBackgroundProcessors = () =>\n  BackgroundTransformer.isSupported && ProcessorWrapper.hasModernApiSupport;\n\nexport interface BackgroundProcessorOptions extends ProcessorWrapperOptions {\n  blurRadius?: number;\n  imagePath?: string;\n  segmenterOptions?: SegmenterOptions;\n  assetPaths?: { tasksVisionFileSet?: string; modelAssetPath?: string };\n  onFrameProcessed?: (stats: FrameProcessingStats) => void;\n}\n\nexport const BackgroundBlur = (\n  blurRadius: number = 10,\n  segmenterOptions?: SegmenterOptions,\n  onFrameProcessed?: (stats: FrameProcessingStats) => void,\n  processorOptions?: ProcessorWrapperOptions,\n) => {\n  return BackgroundProcessor(\n    {\n      blurRadius,\n      segmenterOptions,\n      onFrameProcessed,\n      ...processorOptions,\n    },\n    'background-blur',\n  );\n};\n\nexport const VirtualBackground = (\n  imagePath: string,\n  segmenterOptions?: SegmenterOptions,\n  onFrameProcessed?: (stats: FrameProcessingStats) => void,\n  processorOptions?: ProcessorWrapperOptions,\n) => {\n  return BackgroundProcessor(\n    {\n      imagePath,\n      segmenterOptions,\n      onFrameProcessed,\n      ...processorOptions,\n    },\n    'virtual-background',\n  );\n};\n\nexport const BackgroundProcessor = (\n  options: BackgroundProcessorOptions,\n  name = 'background-processor',\n) => {\n  const isTransformerSupported = BackgroundTransformer.isSupported;\n  const isProcessorSupported = ProcessorWrapper.isSupported;\n\n  if (!isTransformerSupported) {\n    throw new Error('Background transformer is not supported in this browser');\n  }\n\n  if (!isProcessorSupported) {\n    throw new Error(\n      'Neither MediaStreamTrackProcessor nor canvas.captureStream() fallback is supported in this browser',\n    );\n  }\n\n  // Extract transformer-specific options and processor options\n  const {\n    blurRadius,\n    imagePath,\n    segmenterOptions,\n    assetPaths,\n    onFrameProcessed,\n    ...processorOpts\n  } = options;\n\n  const transformer = new BackgroundTransformer({\n    blurRadius,\n    imagePath,\n    segmenterOptions,\n    assetPaths,\n    onFrameProcessed,\n  });\n\n  const processor = new ProcessorWrapper(transformer, name, processorOpts);\n\n  return processor;\n};\n"]}

package/dist/index.mjs

@@ -1,4 +1,5 @@
 // src/utils.ts
+var supportsOffscreenCanvas = () => typeof OffscreenCanvas !== "undefined";
 async function sleep(time) {
   return new Promise((resolve) => setTimeout(resolve, time));
 }
@@ -15,6 +16,15 @@ async function waitForTrackResolution(track) {
   }
   return { width: void 0, height: void 0 };
 }
+function createCanvas(width, height) {
+  if (supportsOffscreenCanvas()) {
+    return new OffscreenCanvas(width, height);
+  }
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  return canvas;
+}
 
 // src/ProcessorWrapper.ts
 var ProcessorWrapper = class _ProcessorWrapper {
@@ -71,14 +81,14 @@ var ProcessorWrapper = class _ProcessorWrapper {
       }
       this.renderContext = this.displayCanvas.getContext("2d");
       this.capturedStream = this.displayCanvas.captureStream();
-      this.canvas = new OffscreenCanvas(width != null ? width : 300, height != null ? height : 300);
+      this.canvas = createCanvas(width != null ? width : 300, height != null ? height : 300);
     } else {
       this.processor = new MediaStreamTrackProcessor({ track: this.source });
       this.trackGenerator = new MediaStreamTrackGenerator({
         kind: "video",
         signalTarget: this.source
       });
-      this.canvas = new OffscreenCanvas(width != null ? width : 300, height != null ? height : 300);
+      this.canvas = createCanvas(width != null ? width : 300, height != null ? height : 300);
     }
   }
   async init(opts) {
@@ -329,11 +339,17 @@ async function resizeImageToCover(image, targetWidth, targetHeight) {
     resizeQuality: "medium"
   });
 }
-var emptyImageData = new ImageData(2, 2);
-emptyImageData.data[0] = 0;
-emptyImageData.data[1] = 0;
-emptyImageData.data[2] = 0;
-emptyImageData.data[3] = 0;
+var emptyImageData;
+function getEmptyImageData() {
+  if (!emptyImageData) {
+    emptyImageData = new ImageData(2, 2);
+    emptyImageData.data[0] = 0;
+    emptyImageData.data[1] = 0;
+    emptyImageData.data[2] = 0;
+    emptyImageData.data[3] = 0;
+  }
+  return emptyImageData;
+}
 var glsl = (source) => source;
 
 // src/webgl/shader-programs/vertexShader.ts
@@ -648,7 +664,7 @@ var setupWebGL = (canvas) => {
   gl.uniform1i(bgTextureLocation, 0);
   gl.uniform1i(frameTextureLocation, 1);
   gl.uniform1i(maskTextureLocation, 2);
-  let customBackgroundImage = emptyImageData;
+  let customBackgroundImage = getEmptyImageData();
   function renderFrame(frame) {
     if (frame.codedWidth === 0 || finalMaskTextures.length === 0) {
       return;
@@ -705,7 +721,7 @@ var setupWebGL = (canvas) => {
     gl.drawArrays(gl.TRIANGLES, 0, 6);
   }
   async function setBackgroundImage(image) {
-    customBackgroundImage = emptyImageData;
+    customBackgroundImage = getEmptyImageData();
     if (image) {
       try {
         const croppedImage = await resizeImageToCover(image, canvas.width, canvas.height);
@@ -776,7 +792,7 @@ var setupWebGL = (canvas) => {
       if (customBackgroundImage instanceof ImageBitmap) {
         customBackgroundImage.close();
       }
-      customBackgroundImage = emptyImageData;
+      customBackgroundImage = getEmptyImageData();
     }
     bgBlurTextures = [];
     bgBlurFrameBuffers = [];
@@ -803,7 +819,7 @@ var VideoTransformer = class {
     this.canvas = outputCanvas || null;
     if (outputCanvas) {
       this.gl = setupWebGL(
-        this.canvas || new OffscreenCanvas(inputVideo.videoWidth, inputVideo.videoHeight)
+        this.canvas || createCanvas(inputVideo.videoWidth, inputVideo.videoHeight)
       );
     }
     this.inputVideo = inputVideo;
@@ -814,7 +830,7 @@ var VideoTransformer = class {
     this.canvas = outputCanvas || null;
     (_a = this.gl) == null ? void 0 : _a.cleanup();
     this.gl = setupWebGL(
-      this.canvas || new OffscreenCanvas(inputVideo.videoWidth, inputVideo.videoHeight)
+      this.canvas || createCanvas(inputVideo.videoWidth, inputVideo.videoHeight)
     );
     this.inputVideo = inputVideo;
     this.isDisabled = false;

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils.ts","../src/ProcessorWrapper.ts","../src/transformers/BackgroundTransformer.ts","../package.json","../src/webgl/utils.ts","../src/webgl/shader-programs/vertexShader.ts","../src/webgl/shader-programs/blurShader.ts","../src/webgl/shader-programs/boxBlurShader.ts","../src/webgl/shader-programs/compositeShader.ts","../src/webgl/shader-programs/downSampler.ts","../src/webgl/index.ts","../src/transformers/VideoTransformer.ts","../src/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nexport const supportsProcessor = typeof MediaStreamTrackGenerator !== 'undefined';\nexport const supportsOffscreenCanvas = typeof OffscreenCanvas !== 'undefined';\n\nasync function sleep(time: number) {\n  return new Promise((resolve) => setTimeout(resolve, time));\n}\n\nexport async function waitForTrackResolution(track: MediaStreamTrack) {\n  const timeout = 500;\n\n  // browsers report wrong initial resolution on iOS.\n  // when slightly delaying the call to .getSettings(), the correct resolution is being reported\n  await sleep(10);\n\n  const started = Date.now();\n  while (Date.now() - started < timeout) {\n    const { width, height } = track.getSettings();\n    if (width && height) {\n      return { width, height };\n    }\n    await sleep(50);\n  }\n  return { width: undefined, height: undefined };\n}\n","import type { ProcessorOptions, Track, TrackProcessor } from 'livekit-client';\nimport { TrackTransformer } from './transformers';\nimport { waitForTrackResolution } from './utils';\n\nexport interface ProcessorWrapperOptions {\n  /**\n   * Maximum frame rate for fallback canvas.captureStream implementation\n   * Default: 30\n   */\n  maxFps?: number;\n}\n\nexport default class ProcessorWrapper<TransformerOptions extends Record<string, unknown>>\n  implements TrackProcessor<Track.Kind>\n{\n  /**\n   * Determines if the Processor is supported on the current browser\n   */\n  static get isSupported() {\n    // Check for primary implementation support\n    const hasStreamProcessor =\n      typeof MediaStreamTrackGenerator !== 'undefined' &&\n      typeof MediaStreamTrackProcessor !== 'undefined';\n\n    // Check for fallback implementation support\n    const hasFallbackSupport =\n      typeof HTMLCanvasElement !== 'undefined' &&\n      typeof VideoFrame !== 'undefined' &&\n      'captureStream' in HTMLCanvasElement.prototype;\n\n    // We can work if either implementation is available\n    return hasStreamProcessor || hasFallbackSupport;\n  }\n\n  /**\n   * Determines if modern browser APIs are supported, which yield better performance\n   */\n  static get hasModernApiSupport() {\n    return (\n      typeof MediaStreamTrackGenerator !== 'undefined' &&\n      typeof MediaStreamTrackProcessor !== 'undefined'\n    );\n  }\n\n  name: string;\n\n  source?: MediaStreamVideoTrack;\n\n  processor?: MediaStreamTrackProcessor<VideoFrame>;\n\n  trackGenerator?: MediaStreamTrackGenerator<VideoFrame>;\n\n  canvas?: OffscreenCanvas;\n\n  displayCanvas?: HTMLCanvasElement;\n\n  sourceDummy?: HTMLMediaElement;\n\n  processedTrack?: MediaStreamTrack;\n\n  transformer: TrackTransformer<TransformerOptions>;\n\n  // For tracking whether we're using the stream API fallback\n  private useStreamFallback = false;\n\n  // For fallback rendering with canvas.captureStream()\n  private capturedStream?: MediaStream;\n\n  private animationFrameId?: number;\n\n  private renderContext?: CanvasRenderingContext2D;\n\n  private frameCallback?: (frame: VideoFrame) => void;\n\n  private processingEnabled = false;\n\n  // FPS control for fallback implementation\n  private maxFps: number;\n\n  constructor(\n    transformer: TrackTransformer<TransformerOptions>,\n    name: string,\n    options: ProcessorWrapperOptions = {},\n  ) {\n    this.name = name;\n    this.transformer = transformer;\n    this.maxFps = options.maxFps ?? 30;\n  }\n\n  private async setup(opts: ProcessorOptions<Track.Kind>) {\n    this.source = opts.track as MediaStreamVideoTrack;\n\n    const { width, height } = await waitForTrackResolution(this.source);\n    this.sourceDummy = opts.element;\n\n    if (!(this.sourceDummy instanceof HTMLVideoElement)) {\n      throw TypeError('Currently only video transformers are supported');\n    }\n\n    if (this.sourceDummy instanceof HTMLVideoElement) {\n      this.sourceDummy.height = height ?? 300;\n      this.sourceDummy.width = width ?? 300;\n    }\n\n    this.useStreamFallback = !ProcessorWrapper.hasModernApiSupport;\n\n    if (this.useStreamFallback) {\n      // Create a visible canvas for the fallback implementation or use an existing one if provided\n      const existingCanvas = document.querySelector(\n        'canvas[data-livekit-processor=\"' + this.name + '\"]',\n      ) as HTMLCanvasElement;\n\n      if (existingCanvas) {\n        this.displayCanvas = existingCanvas;\n        this.displayCanvas.width = width ?? 300;\n        this.displayCanvas.height = height ?? 300;\n      } else {\n        this.displayCanvas = document.createElement('canvas');\n        this.displayCanvas.width = width ?? 300;\n        this.displayCanvas.height = height ?? 300;\n        this.displayCanvas.style.display = 'none';\n        this.displayCanvas.dataset.livekitProcessor = this.name;\n        document.body.appendChild(this.displayCanvas);\n      }\n\n      this.renderContext = this.displayCanvas.getContext('2d')!;\n      this.capturedStream = this.displayCanvas.captureStream();\n      this.canvas = new OffscreenCanvas(width ?? 300, height ?? 300);\n    } else {\n      // Use MediaStreamTrackProcessor API\n      this.processor = new MediaStreamTrackProcessor({ track: this.source });\n      this.trackGenerator = new MediaStreamTrackGenerator({\n        kind: 'video',\n        signalTarget: this.source,\n      });\n      this.canvas = new OffscreenCanvas(width ?? 300, height ?? 300);\n    }\n  }\n\n  async init(opts: ProcessorOptions<Track.Kind>): Promise<void> {\n    await this.setup(opts);\n\n    if (!this.canvas) {\n      throw new TypeError('Expected canvas to be defined after setup');\n    }\n\n    await this.transformer.init({\n      outputCanvas: this.canvas,\n      inputElement: this.sourceDummy as HTMLVideoElement,\n    });\n\n    if (this.useStreamFallback) {\n      this.initFallbackPath();\n    } else {\n      this.initStreamProcessorPath();\n    }\n  }\n\n  private initStreamProcessorPath() {\n    if (!this.processor || !this.trackGenerator) {\n      throw new TypeError(\n        'Expected processor and trackGenerator to be defined for stream processor path',\n      );\n    }\n\n    const readableStream = this.processor.readable;\n    const pipedStream = readableStream.pipeThrough(this.transformer!.transformer!);\n\n    pipedStream\n      .pipeTo(this.trackGenerator.writable)\n      .catch((e) => console.error('error when trying to pipe', e))\n      .finally(() => this.destroy());\n\n    this.processedTrack = this.trackGenerator as MediaStreamVideoTrack;\n  }\n\n  private initFallbackPath() {\n    if (!this.capturedStream || !this.source || !this.canvas || !this.renderContext) {\n      throw new TypeError('Missing required components for fallback implementation');\n    }\n\n    this.processedTrack = this.capturedStream.getVideoTracks()[0];\n    this.processingEnabled = true;\n\n    // Set up the frame callback for the transformer\n    this.frameCallback = (frame: VideoFrame) => {\n      if (!this.processingEnabled || !frame) {\n        frame.close();\n        return;\n      }\n\n      const controller = {\n        enqueue: (processedFrame: VideoFrame) => {\n          if (this.renderContext && this.displayCanvas) {\n            // Draw the processed frame to the visible canvas\n            this.renderContext.drawImage(\n              processedFrame,\n              0,\n              0,\n              this.displayCanvas.width,\n              this.displayCanvas.height,\n            );\n            processedFrame.close();\n          }\n        },\n      } as TransformStreamDefaultController<VideoFrame>;\n\n      try {\n        // Pass the frame through our transformer\n        // @ts-ignore - The controller expects both VideoFrame & AudioData but we're only using VideoFrame\n        this.transformer.transform(frame, controller);\n      } catch (e) {\n        console.error('Error in transform:', e);\n        frame.close();\n      }\n    };\n\n    // Start the rendering loop\n    this.startRenderLoop();\n  }\n\n  private startRenderLoop() {\n    if (!this.sourceDummy || !(this.sourceDummy instanceof HTMLVideoElement)) {\n      return;\n    }\n\n    // Store the last processed timestamp to avoid duplicate processing\n    let lastVideoTimestamp = -1;\n    let lastFrameTime = 0;\n    const videoElement = this.sourceDummy as HTMLVideoElement;\n    const minFrameInterval = 1000 / this.maxFps; // Minimum time between frames\n\n    // Estimate the video's native frame rate\n    let estimatedVideoFps = this.maxFps;\n    let frameTimeHistory: number[] = [];\n    let lastVideoTimeChange = 0;\n    let frameCount = 0;\n    let lastFpsLog = 0;\n\n    const renderLoop = () => {\n      if (\n        !this.processingEnabled ||\n        !this.sourceDummy ||\n        !(this.sourceDummy instanceof HTMLVideoElement)\n      ) {\n        return;\n      }\n\n      if (this.sourceDummy.paused) {\n        console.warn('Video is paused, trying to play');\n        this.sourceDummy.play();\n        return;\n      }\n\n      // Only process a new frame if the video has actually updated\n      const videoTime = videoElement.currentTime;\n      const now = performance.now();\n      const timeSinceLastFrame = now - lastFrameTime;\n\n      // Detect if video has a new frame\n      const hasNewFrame = videoTime !== lastVideoTimestamp;\n\n      // Update frame rate estimation if we have a new frame\n      if (hasNewFrame) {\n        if (lastVideoTimeChange > 0) {\n          const timeBetweenFrames = now - lastVideoTimeChange;\n          frameTimeHistory.push(timeBetweenFrames);\n\n          // Keep a rolling window of the last 10 frame times\n          if (frameTimeHistory.length > 10) {\n            frameTimeHistory.shift();\n          }\n\n          // Calculate average frame interval\n          if (frameTimeHistory.length > 2) {\n            const avgFrameTime =\n              frameTimeHistory.reduce((sum, time) => sum + time, 0) / frameTimeHistory.length;\n            estimatedVideoFps = 1000 / avgFrameTime;\n\n            // Log estimated FPS every 5 seconds in development environments\n            // Use a simpler check that works in browsers without process.env\n            const isDevelopment =\n              (typeof window !== 'undefined' && window.location.hostname === 'localhost') ||\n              window.location.hostname === '127.0.0.1';\n\n            if (isDevelopment && now - lastFpsLog > 5000) {\n              console.debug(\n                `[${this.name}] Estimated video FPS: ${estimatedVideoFps.toFixed(\n                  1,\n                )}, Processing at: ${(frameCount / 5).toFixed(1)} FPS`,\n              );\n              frameCount = 0;\n              lastFpsLog = now;\n            }\n          }\n        }\n        lastVideoTimeChange = now;\n      }\n\n      // Determine if we should process this frame\n      // We'll process if:\n      // 1. The video has a new frame\n      // 2. Enough time has passed since last frame (respecting maxFps)\n      const timeThresholdMet = timeSinceLastFrame >= minFrameInterval;\n\n      if (hasNewFrame && timeThresholdMet) {\n        lastVideoTimestamp = videoTime;\n        lastFrameTime = now;\n        frameCount++;\n\n        try {\n          // Create a VideoFrame from the video element\n          if (videoElement.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA) {\n            const frame = new VideoFrame(videoElement);\n            if (this.frameCallback) {\n              this.frameCallback(frame);\n            } else {\n              frame.close();\n            }\n          }\n        } catch (e) {\n          console.error('Error in render loop:', e);\n        }\n      }\n      this.animationFrameId = requestAnimationFrame(renderLoop);\n    };\n\n    this.animationFrameId = requestAnimationFrame(renderLoop);\n  }\n\n  async restart(opts: ProcessorOptions<Track.Kind>): Promise<void> {\n    await this.destroy();\n    await this.init(opts);\n  }\n\n  async restartTransformer(...options: Parameters<(typeof this.transformer)['restart']>) {\n    // @ts-ignore unclear why the restart method only accepts VideoTransformerInitOptions instead of either those or AudioTransformerInitOptions\n    await this.transformer.restart(options[0]);\n  }\n\n  async updateTransformerOptions(...options: Parameters<(typeof this.transformer)['update']>) {\n    await this.transformer.update(options[0]);\n  }\n\n  async destroy() {\n    if (this.useStreamFallback) {\n      this.processingEnabled = false;\n      if (this.animationFrameId) {\n        cancelAnimationFrame(this.animationFrameId);\n        this.animationFrameId = undefined;\n      }\n      if (this.displayCanvas && this.displayCanvas.parentNode) {\n        this.displayCanvas.parentNode.removeChild(this.displayCanvas);\n      }\n      this.capturedStream?.getTracks().forEach((track) => track.stop());\n    } else {\n      await this.processor?.writableControl?.close();\n      this.trackGenerator?.stop();\n    }\n    await this.transformer.destroy();\n  }\n}\n","import * as vision from '@mediapipe/tasks-vision';\nimport { dependencies } from '../../package.json';\nimport VideoTransformer from './VideoTransformer';\nimport { VideoTransformerInitOptions } from './types';\n\nexport type SegmenterOptions = Partial<vision.ImageSegmenterOptions['baseOptions']>;\n\nexport interface FrameProcessingStats {\n  processingTimeMs: number;\n  segmentationTimeMs: number;\n  filterTimeMs: number;\n}\n\nexport type BackgroundOptions = {\n  blurRadius?: number;\n  imagePath?: string;\n  /** cannot be updated through the `update` method, needs a restart */\n  segmenterOptions?: SegmenterOptions;\n  /** cannot be updated through the `update` method, needs a restart */\n  assetPaths?: { tasksVisionFileSet?: string; modelAssetPath?: string };\n  /** called when a new frame is processed */\n  onFrameProcessed?: (stats: FrameProcessingStats) => void;\n};\n\nexport default class BackgroundProcessor extends VideoTransformer<BackgroundOptions> {\n  static get isSupported() {\n    return (\n      typeof OffscreenCanvas !== 'undefined' &&\n      typeof VideoFrame !== 'undefined' &&\n      typeof createImageBitmap !== 'undefined' &&\n      !!document.createElement('canvas').getContext('webgl2')\n    );\n  }\n\n  imageSegmenter?: vision.ImageSegmenter;\n\n  segmentationResults: vision.ImageSegmenterResult | undefined;\n\n  backgroundImage: ImageBitmap | null = null;\n\n  options: BackgroundOptions;\n\n  segmentationTimeMs: number = 0;\n\n  constructor(opts: BackgroundOptions) {\n    super();\n    this.options = opts;\n    this.update(opts);\n  }\n\n  async init({ outputCanvas, inputElement: inputVideo }: VideoTransformerInitOptions) {\n    // Initialize WebGL with appropriate options based on our current state\n\n    await super.init({ outputCanvas, inputElement: inputVideo });\n\n    const fileSet = await vision.FilesetResolver.forVisionTasks(\n      this.options.assetPaths?.tasksVisionFileSet ??\n        `https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@${dependencies['@mediapipe/tasks-vision']}/wasm`,\n    );\n\n    this.imageSegmenter = await vision.ImageSegmenter.createFromOptions(fileSet, {\n      baseOptions: {\n        modelAssetPath:\n          this.options.assetPaths?.modelAssetPath ??\n          'https://storage.googleapis.com/mediapipe-models/image_segmenter/selfie_segmenter/float16/latest/selfie_segmenter.tflite',\n        delegate: 'GPU',\n        ...this.options.segmenterOptions,\n      },\n      canvas: this.canvas,\n      runningMode: 'VIDEO',\n      outputCategoryMask: true,\n      outputConfidenceMasks: false,\n    });\n\n    // Skip loading the image here if update already loaded the image below\n    if (this.options?.imagePath && !this.backgroundImage) {\n      await this.loadBackground(this.options.imagePath).catch((err) =>\n        console.error('Error while loading processor background image: ', err),\n      );\n    }\n    if (this.options.blurRadius) {\n      this.gl?.setBlurRadius(this.options.blurRadius);\n    }\n  }\n\n  async destroy() {\n    await super.destroy();\n    await this.imageSegmenter?.close();\n    this.backgroundImage = null;\n  }\n\n  async loadBackground(path: string) {\n    const img = new Image();\n\n    await new Promise((resolve, reject) => {\n      img.crossOrigin = 'Anonymous';\n      img.onload = () => resolve(img);\n      img.onerror = (err) => reject(err);\n      img.src = path;\n    });\n    const imageData = await createImageBitmap(img);\n    this.gl?.setBackgroundImage(imageData);\n  }\n\n  async transform(frame: VideoFrame, controller: TransformStreamDefaultController<VideoFrame>) {\n    try {\n      if (!(frame instanceof VideoFrame) || frame.codedWidth === 0 || frame.codedHeight === 0) {\n        console.debug('empty frame detected, ignoring');\n        return;\n      }\n\n      if (this.isDisabled) {\n        controller.enqueue(frame);\n        return;\n      }\n      const frameTimeMs = Date.now();\n      if (!this.canvas) {\n        throw TypeError('Canvas needs to be initialized first');\n      }\n      this.canvas.width = frame.displayWidth;\n      this.canvas.height = frame.displayHeight;\n      const segmentationPromise = new Promise<void>((resolve, reject) => {\n        try {\n          let segmentationStartTimeMs = performance.now();\n          this.imageSegmenter?.segmentForVideo(frame, segmentationStartTimeMs, (result) => {\n            this.segmentationTimeMs = performance.now() - segmentationStartTimeMs;\n            this.segmentationResults = result;\n            this.updateMask(result.categoryMask);\n            result.close();\n            resolve();\n          });\n        } catch (e) {\n          reject(e);\n        }\n      });\n\n      const filterStartTimeMs = performance.now();\n      this.drawFrame(frame);\n      if (this.canvas && this.canvas.width > 0 && this.canvas.height > 0) {\n        const newFrame = new VideoFrame(this.canvas, {\n          timestamp: frame.timestamp || frameTimeMs,\n        });\n        controller.enqueue(newFrame);\n        const filterTimeMs = performance.now() - filterStartTimeMs;\n        const stats: FrameProcessingStats = {\n          processingTimeMs: this.segmentationTimeMs + filterTimeMs,\n          segmentationTimeMs: this.segmentationTimeMs,\n          filterTimeMs,\n        };\n        this.options.onFrameProcessed?.(stats);\n      } else {\n        controller.enqueue(frame);\n      }\n      await segmentationPromise;\n    } catch (e) {\n      console.error('Error while processing frame: ', e);\n    } finally {\n      frame.close();\n    }\n  }\n\n  async update(opts: BackgroundOptions) {\n    this.options = { ...this.options, ...opts };\n    if (opts.blurRadius) {\n      this.gl?.setBlurRadius(opts.blurRadius);\n    } else if (opts.imagePath) {\n      await this.loadBackground(opts.imagePath);\n    }\n  }\n\n  private async drawFrame(frame: VideoFrame) {\n    if (!this.gl) return;\n    this.gl?.renderFrame(frame);\n  }\n\n  private async updateMask(mask: vision.MPMask | undefined) {\n    if (!mask) return;\n    this.gl?.updateMask(mask.getAsWebGLTexture());\n  }\n}\n","{\n  \"name\": \"@livekit/track-processors\",\n  \"version\": \"0.5.5\",\n  \"description\": \"LiveKit track processors\",\n  \"main\": \"dist/index.js\",\n  \"module\": \"dist/index.mjs\",\n  \"source\": \"src/index.ts\",\n  \"types\": \"dist/src/index.d.ts\",\n  \"repository\": \"git@github.com:livekit/livekit-track-processors.git\",\n  \"author\": \"Lukas Seiler\",\n  \"license\": \"Apache-2.0\",\n  \"scripts\": {\n    \"build\": \"tsup --onSuccess \\\"tsc --declaration --emitDeclarationOnly\\\"\",\n    \"build-sample\": \"cd example && vite build\",\n    \"lint\": \"eslint src\",\n    \"release\": \"pnpm build && changeset publish\",\n    \"test\": \"jest\",\n    \"sample\": \"vite serve example --port 8080 --open\"\n  },\n  \"files\": [\n    \"dist\",\n    \"src\"\n  ],\n  \"dependencies\": {\n    \"@mediapipe/tasks-vision\": \"0.10.14\"\n  },\n  \"peerDependencies\": {\n    \"livekit-client\": \"^1.12.0 || ^2.1.0\"\n  },\n  \"devDependencies\": {\n    \"@changesets/cli\": \"^2.26.2\",\n    \"@livekit/changesets-changelog-github\": \"^0.0.4\",\n    \"@trivago/prettier-plugin-sort-imports\": \"^4.2.1\",\n    \"@types/dom-mediacapture-transform\": \"^0.1.9\",\n    \"@types/offscreencanvas\": \"^2019.7.3\",\n    \"@typescript-eslint/eslint-plugin\": \"^5.62.0\",\n    \"eslint\": \"8.39.0\",\n    \"eslint-config-airbnb-typescript\": \"17.0.0\",\n    \"eslint-config-prettier\": \"8.8.0\",\n    \"eslint-plugin-ecmascript-compat\": \"^3.1.0\",\n    \"eslint-plugin-import\": \"2.27.5\",\n    \"prettier\": \"^2.8.8\",\n    \"tsup\": \"^7.2.0\",\n    \"typescript\": \"^5.8.3\",\n    \"vite\": \"^4.5.0\"\n  },\n  \"packageManager\": \"pnpm@9.15.9+sha512.68046141893c66fad01c079231128e9afb89ef87e2691d69e4d40eee228988295fd4682181bae55b58418c3a253bde65a505ec7c5f9403ece5cc3cd37dcf2531\"\n}\n","/**\n * Initialize a WebGL texture\n */\nexport function initTexture(gl: WebGL2RenderingContext, texIndex: number) {\n  const texRef = gl.TEXTURE0 + texIndex;\n  gl.activeTexture(texRef);\n  const texture = gl.createTexture();\n  gl.bindTexture(gl.TEXTURE_2D, texture);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n  gl.bindTexture(gl.TEXTURE_2D, texture);\n\n  return texture;\n}\n\nexport function createShader(\n  gl: WebGL2RenderingContext,\n  type: number,\n  source: string,\n): WebGLShader {\n  const shader = gl.createShader(type)!;\n  gl.shaderSource(shader, source);\n  gl.compileShader(shader);\n  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n    console.error('Shader compile failed:', gl.getShaderInfoLog(shader));\n    gl.deleteShader(shader);\n    throw new Error('Shader compile failed');\n  }\n  return shader;\n}\n\nexport function createProgram(\n  gl: WebGL2RenderingContext,\n  vs: WebGLShader,\n  fs: WebGLShader,\n): WebGLProgram {\n  const program = gl.createProgram()!;\n  gl.attachShader(program, vs);\n  gl.attachShader(program, fs);\n  gl.linkProgram(program);\n  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n    console.error('Program link failed:', gl.getProgramInfoLog(program));\n    throw new Error('Program link failed');\n  }\n  return program;\n}\n\n/**\n * Create a WebGL framebuffer with the given texture as color attachment\n */\nexport function createFramebuffer(\n  gl: WebGL2RenderingContext,\n  texture: WebGLTexture,\n  width: number,\n  height: number,\n) {\n  const framebuffer = gl.createFramebuffer();\n  gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);\n\n  // Set the texture as the color attachment\n  gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);\n\n  // Ensure texture dimensions match the provided width and height\n  gl.bindTexture(gl.TEXTURE_2D, texture);\n  gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);\n\n  // Check if framebuffer is complete\n  const status = gl.checkFramebufferStatus(gl.FRAMEBUFFER);\n  if (status !== gl.FRAMEBUFFER_COMPLETE) {\n    throw new Error('Framebuffer not complete');\n  }\n\n  gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n  return framebuffer;\n}\n\n/**\n * Create a vertex buffer for a full-screen quad\n */\nexport function createVertexBuffer(gl: WebGL2RenderingContext): WebGLBuffer | null {\n  const vertexBuffer = gl.createBuffer();\n  gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);\n  gl.bufferData(\n    gl.ARRAY_BUFFER,\n    new Float32Array([-1, -1, -1, 1, 1, 1, -1, -1, 1, 1, 1, -1]),\n    gl.STATIC_DRAW,\n  );\n  return vertexBuffer;\n}\n\n/**\n * Resizes and crops an image to cover a target canvas while maintaining aspect ratio\n * @param image The source image\n * @param targetWidth The target width\n * @param targetHeight The target height\n * @returns A cropped and resized ImageBitmap\n */\nexport async function resizeImageToCover(\n  image: ImageBitmap,\n  targetWidth: number,\n  targetHeight: number,\n): Promise<ImageBitmap> {\n  // Calculate dimensions and crop for \"cover\" mode\n  const imgAspect = image.width / image.height;\n  const targetAspect = targetWidth / targetHeight;\n\n  let sx = 0;\n  let sy = 0;\n  let sWidth = image.width;\n  let sHeight = image.height;\n\n  // For cover mode, we need to crop some parts of the image\n  // to ensure it covers the canvas while maintaining aspect ratio\n  if (imgAspect > targetAspect) {\n    // Image is wider than target - crop the sides\n    sWidth = Math.round(image.height * targetAspect);\n    sx = Math.round((image.width - sWidth) / 2); // Center the crop horizontally\n  } else if (imgAspect < targetAspect) {\n    // Image is taller than target - crop the top/bottom\n    sHeight = Math.round(image.width / targetAspect);\n    sy = Math.round((image.height - sHeight) / 2); // Center the crop vertically\n  }\n\n  // Create a new ImageBitmap with the cropped portion\n  return createImageBitmap(image, sx, sy, sWidth, sHeight, {\n    resizeWidth: targetWidth,\n    resizeHeight: targetHeight,\n    resizeQuality: 'medium',\n  });\n}\n\nconst emptyImageData = new ImageData(2, 2);\nemptyImageData.data[0] = 0;\nemptyImageData.data[1] = 0;\nemptyImageData.data[2] = 0;\nemptyImageData.data[3] = 0;\n\nconst glsl = (source: any) => source;\n\nexport { emptyImageData, glsl };\n","// Vertex shader source\nexport const vertexShaderSource = (flipY: boolean = true) => `#version 300 es\n  in vec2 position;\n  out vec2 texCoords;\n\n  void main() {\n    texCoords = (position + 1.0) / 2.0;\n    texCoords.y = ${flipY ? '1.0 - texCoords.y' : 'texCoords.y'};\n    gl_Position = vec4(position, 0, 1.0);\n  }\n`;\n","import { createProgram, createShader, glsl } from '../utils';\nimport { vertexShaderSource } from './vertexShader';\n\n// Define the blur fragment shader\nexport const blurFragmentShader = glsl`#version 300 es\n  precision mediump float;\n  in vec2 texCoords;\n  uniform sampler2D u_texture;\n  uniform vec2 u_texelSize;\n  uniform vec2 u_direction;\n  uniform float u_radius;\n  out vec4 fragColor;\n\n  void main() {\n    float sigma = u_radius;\n    float twoSigmaSq = 2.0 * sigma * sigma;\n    float totalWeight = 0.0;\n    vec3 result = vec3(0.0);\n    const int MAX_SAMPLES = 16;\n    int radius = int(min(float(MAX_SAMPLES), ceil(u_radius)));\n\n    for (int i = -MAX_SAMPLES; i <= MAX_SAMPLES; ++i) {\n      float offset = float(i);\n      if (abs(offset) > float(radius)) continue;\n      float weight = exp(-(offset * offset) / twoSigmaSq);\n      vec2 sampleCoord = texCoords + u_direction * u_texelSize * offset;\n      result += texture(u_texture, sampleCoord).rgb * weight;\n      totalWeight += weight;\n    }\n\n    fragColor = vec4(result / totalWeight, 1.0);\n  }\n`;\n\nexport function createBlurProgram(gl: WebGL2RenderingContext) {\n  const blurVertexShader = createShader(gl, gl.VERTEX_SHADER, vertexShaderSource());\n  const blurFrag = createShader(gl, gl.FRAGMENT_SHADER, blurFragmentShader);\n\n  const blurProgram = createProgram(gl, blurVertexShader, blurFrag);\n\n  // Get uniform locations\n  const blurUniforms = {\n    position: gl.getAttribLocation(blurProgram, 'position'),\n    texture: gl.getUniformLocation(blurProgram, 'u_texture'),\n    texelSize: gl.getUniformLocation(blurProgram, 'u_texelSize'),\n    direction: gl.getUniformLocation(blurProgram, 'u_direction'),\n    radius: gl.getUniformLocation(blurProgram, 'u_radius'),\n  };\n\n  return {\n    program: blurProgram,\n    shader: blurFrag,\n    vertexShader: blurVertexShader,\n    uniforms: blurUniforms,\n  };\n}\n\nexport function applyBlur(\n  gl: WebGL2RenderingContext,\n  sourceTexture: WebGLTexture,\n  width: number,\n  height: number,\n  blurRadius: number,\n  blurProgram: WebGLProgram,\n  blurUniforms: any,\n  vertexBuffer: WebGLBuffer,\n  processFramebuffers: WebGLFramebuffer[],\n  processTextures: WebGLTexture[],\n) {\n  gl.useProgram(blurProgram);\n\n  // Set common attributes\n  gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);\n  gl.vertexAttribPointer(blurUniforms.position, 2, gl.FLOAT, false, 0, 0);\n  gl.enableVertexAttribArray(blurUniforms.position);\n\n  const texelWidth = 1.0 / width;\n  const texelHeight = 1.0 / height;\n\n  // First pass - horizontal blur\n  gl.bindFramebuffer(gl.FRAMEBUFFER, processFramebuffers[0]);\n  gl.viewport(0, 0, width, height);\n\n  gl.activeTexture(gl.TEXTURE0);\n  gl.bindTexture(gl.TEXTURE_2D, sourceTexture);\n  gl.uniform1i(blurUniforms.texture, 0);\n  gl.uniform2f(blurUniforms.texelSize, texelWidth, texelHeight);\n  gl.uniform2f(blurUniforms.direction, 1.0, 0.0); // Horizontal\n  gl.uniform1f(blurUniforms.radius, blurRadius);\n\n  gl.drawArrays(gl.TRIANGLES, 0, 6);\n\n  // Second pass - vertical blur\n  gl.bindFramebuffer(gl.FRAMEBUFFER, processFramebuffers[1]);\n  gl.viewport(0, 0, width, height);\n\n  gl.activeTexture(gl.TEXTURE0);\n  gl.bindTexture(gl.TEXTURE_2D, processTextures[0]);\n  gl.uniform1i(blurUniforms.texture, 0);\n  gl.uniform2f(blurUniforms.direction, 0.0, 1.0); // Vertical\n\n  gl.drawArrays(gl.TRIANGLES, 0, 6);\n\n  // Reset framebuffer\n  gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n\n  return processTextures[1];\n}\n","import { createProgram, createShader, glsl } from '../utils';\nimport { vertexShaderSource } from './vertexShader';\n\nexport const boxBlurFragmentShader = glsl`#version 300 es\nprecision mediump float;\n\nin vec2 texCoords;\n\nuniform sampler2D u_texture;\nuniform vec2 u_texelSize;    // 1.0 / texture size\nuniform vec2 u_direction;    // (1.0, 0.0) for horizontal, (0.0, 1.0) for vertical\nuniform float u_radius;      // blur radius in texels\n\nout vec4 fragColor;\n\nvoid main() {\n    vec3 sum = vec3(0.0);\n    float count = 0.0;\n\n    // Limit radius to avoid excessive loop cost\n    const int MAX_RADIUS = 16;\n    int radius = int(min(float(MAX_RADIUS), u_radius));\n\n    for (int i = -MAX_RADIUS; i <= MAX_RADIUS; ++i) {\n        if (abs(i) > radius) continue;\n\n        vec2 offset = u_direction * u_texelSize * float(i);\n        sum += texture(u_texture, texCoords + offset).rgb;\n        count += 1.0;\n  }\n\n  fragColor = vec4(sum / count, 1.0);\n}\n`;\n\n/**\n * Create the box blur shader program\n */\nexport function createBoxBlurProgram(gl: WebGL2RenderingContext) {\n  const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexShaderSource());\n  const fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, boxBlurFragmentShader);\n\n  const program = createProgram(gl, vertexShader, fragmentShader);\n\n  // Get attribute and uniform locations\n  const uniforms = {\n    position: gl.getAttribLocation(program, 'position'),\n    texture: gl.getUniformLocation(program, 'u_texture'),\n    texelSize: gl.getUniformLocation(program, 'u_texelSize'),\n    direction: gl.getUniformLocation(program, 'u_direction'),\n    radius: gl.getUniformLocation(program, 'u_radius'),\n  };\n\n  return {\n    program,\n    vertexShader,\n    fragmentShader,\n    uniforms,\n  };\n}\n","import { createProgram, createShader, glsl } from '../utils';\nimport { vertexShaderSource } from './vertexShader';\n\n// Fragment shader source for compositing\nexport const compositeFragmentShader = glsl`#version 300 es\n  precision mediump float;\n  in vec2 texCoords;\n  uniform sampler2D background;\n  uniform sampler2D frame;\n  uniform sampler2D mask;\n  out vec4 fragColor;\n  \n  void main() {\n      \n    vec4 frameTex = texture(frame, texCoords);\n    vec4 bgTex = texture(background, texCoords);\n\n    float maskVal = texture(mask, texCoords).r;\n\n    // Compute screen-space gradient to detect edge sharpness\n    float grad = length(vec2(dFdx(maskVal), dFdy(maskVal)));\n\n    float edgeSoftness = 2.0; // higher = softer\n    \n    // Create a smooth edge around binary transition\n    float smoothAlpha = smoothstep(0.5 - grad * edgeSoftness, 0.5 + grad * edgeSoftness, maskVal);\n\n    // Optional: preserve frame alpha, or override as fully opaque\n    vec4 blended = mix(bgTex, vec4(frameTex.rgb, 1.0), 1.0 - smoothAlpha);\n    \n    fragColor = blended;\n  \n  }\n`;\n\n/**\n * Create the composite shader program\n */\nexport function createCompositeProgram(gl: WebGL2RenderingContext) {\n  const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexShaderSource());\n  const compositeShader = createShader(gl, gl.FRAGMENT_SHADER, compositeFragmentShader);\n\n  const compositeProgram = createProgram(gl, vertexShader, compositeShader);\n\n  // Get attribute and uniform locations\n  const attribLocations = {\n    position: gl.getAttribLocation(compositeProgram, 'position'),\n  };\n\n  const uniformLocations = {\n    mask: gl.getUniformLocation(compositeProgram, 'mask')!,\n    frame: gl.getUniformLocation(compositeProgram, 'frame')!,\n    background: gl.getUniformLocation(compositeProgram, 'background')!,\n    stepWidth: gl.getUniformLocation(compositeProgram, 'u_stepWidth')!,\n  };\n\n  return {\n    program: compositeProgram,\n    vertexShader,\n    fragmentShader: compositeShader,\n    attribLocations,\n    uniformLocations,\n  };\n}\n","import { createProgram, createShader } from '../utils';\n\nexport function createDownSampler(\n  gl: WebGL2RenderingContext,\n  width: number,\n  height: number,\n): {\n  framebuffer: WebGLFramebuffer;\n  texture: WebGLTexture;\n  program: WebGLProgram;\n  uniforms: any;\n} {\n  // Create texture\n  const texture = gl.createTexture()!;\n  gl.bindTexture(gl.TEXTURE_2D, texture);\n  gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n\n  // Create framebuffer\n  const framebuffer = gl.createFramebuffer()!;\n  gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);\n  gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);\n\n  // Create shader program for copying\n  const vertexSource = `\n      attribute vec2 position;\n      varying vec2 v_uv;\n      void main() {\n        v_uv = (position + 1.0) * 0.5;\n        gl_Position = vec4(position, 0.0, 1.0);\n      }\n    `;\n\n  const fragmentSource = `\n      precision mediump float;\n      varying vec2 v_uv;\n      uniform sampler2D u_texture;\n      void main() {\n        gl_FragColor = texture2D(u_texture, v_uv);\n      }\n    `;\n\n  const vertShader = createShader(gl, gl.VERTEX_SHADER, vertexSource);\n  const fragShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource);\n  const program = createProgram(gl, vertShader, fragShader);\n\n  const uniforms = {\n    texture: gl.getUniformLocation(program, 'u_texture'),\n    position: gl.getAttribLocation(program, 'position'),\n  };\n\n  return {\n    framebuffer,\n    texture,\n    program,\n    uniforms,\n  };\n}\n\nexport function applyDownsampling(\n  gl: WebGL2RenderingContext,\n  inputTexture: WebGLTexture,\n  downSampler: {\n    framebuffer: WebGLFramebuffer;\n    texture: WebGLTexture;\n    program: WebGLProgram;\n    uniforms: any;\n  },\n  vertexBuffer: WebGLBuffer,\n  width: number,\n  height: number,\n): WebGLTexture {\n  gl.useProgram(downSampler.program);\n\n  gl.bindFramebuffer(gl.FRAMEBUFFER, downSampler.framebuffer);\n  gl.viewport(0, 0, width, height);\n\n  gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);\n  gl.enableVertexAttribArray(downSampler.uniforms.position);\n  gl.vertexAttribPointer(downSampler.uniforms.position, 2, gl.FLOAT, false, 0, 0);\n\n  gl.activeTexture(gl.TEXTURE0);\n  gl.bindTexture(gl.TEXTURE_2D, inputTexture);\n  gl.uniform1i(downSampler.uniforms.texture, 0);\n\n  gl.drawArrays(gl.TRIANGLES, 0, 6);\n\n  gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n\n  return downSampler.texture;\n}\n","/**\n * WebGL setup for the mask processor\n * potential improvements:\n * - downsample the video texture in background blur scenario before applying the (gaussian) blur for better performance\n *\n */\nimport { applyBlur, createBlurProgram } from './shader-programs/blurShader';\nimport { createBoxBlurProgram } from './shader-programs/boxBlurShader';\nimport { createCompositeProgram } from './shader-programs/compositeShader';\nimport { applyDownsampling, createDownSampler } from './shader-programs/downSampler';\nimport {\n  createFramebuffer,\n  createVertexBuffer,\n  emptyImageData,\n  initTexture,\n  resizeImageToCover,\n} from './utils';\n\nexport const setupWebGL = (canvas: OffscreenCanvas) => {\n  const gl = canvas.getContext('webgl2', {\n    antialias: true,\n    premultipliedAlpha: true,\n  }) as WebGL2RenderingContext;\n\n  let blurRadius: number | null = null;\n  let maskBlurRadius: number | null = 8;\n  const downsampleFactor = 4;\n\n  if (!gl) {\n    console.error('Failed to create WebGL context');\n    return undefined;\n  }\n\n  gl.enable(gl.BLEND);\n  gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);\n\n  // Create the composite program\n  const composite = createCompositeProgram(gl);\n  const compositeProgram = composite.program;\n  const positionLocation = composite.attribLocations.position;\n  const {\n    mask: maskTextureLocation,\n    frame: frameTextureLocation,\n    background: bgTextureLocation,\n  } = composite.uniformLocations;\n\n  // Create the blur program using the same vertex shader source\n  const blur = createBlurProgram(gl);\n  const blurProgram = blur.program;\n  const blurUniforms = blur.uniforms;\n\n  // Create the box blur program\n  const boxBlur = createBoxBlurProgram(gl);\n  const boxBlurProgram = boxBlur.program;\n  const boxBlurUniforms = boxBlur.uniforms;\n\n  const bgTexture = initTexture(gl, 0);\n  const frameTexture = initTexture(gl, 1);\n  const vertexBuffer = createVertexBuffer(gl);\n\n  if (!vertexBuffer) {\n    throw new Error('Failed to create vertex buffer');\n  }\n\n  // Create additional textures and framebuffers for processing\n  let bgBlurTextures: WebGLTexture[] = [];\n  let bgBlurFrameBuffers: WebGLFramebuffer[] = [];\n  let blurredMaskTexture: WebGLTexture | null = null;\n\n  // For double buffering the final mask\n  let finalMaskTextures: WebGLTexture[] = [];\n  let readMaskIndex = 0; // Index for renderFrame to read from\n  let writeMaskIndex = 1; // Index for updateMask to write to\n\n  // Create textures for background processing (blur)\n  bgBlurTextures.push(initTexture(gl, 3)); // For blur pass 1\n  bgBlurTextures.push(initTexture(gl, 4)); // For blur pass 2\n\n  const bgBlurTextureWidth = Math.floor(canvas.width / downsampleFactor);\n  const bgBlurTextureHeight = Math.floor(canvas.height / downsampleFactor);\n\n  const downSampler = createDownSampler(gl, bgBlurTextureWidth, bgBlurTextureHeight);\n\n  // Create framebuffers for background processing\n  bgBlurFrameBuffers.push(\n    createFramebuffer(gl, bgBlurTextures[0], bgBlurTextureWidth, bgBlurTextureHeight),\n  );\n  bgBlurFrameBuffers.push(\n    createFramebuffer(gl, bgBlurTextures[1], bgBlurTextureWidth, bgBlurTextureHeight),\n  );\n\n  // Initialize texture for the first mask blur pass\n  const tempMaskTexture = initTexture(gl, 5);\n  const tempMaskFrameBuffer = createFramebuffer(gl, tempMaskTexture, canvas.width, canvas.height);\n\n  // Initialize two textures for double-buffering the final mask\n  finalMaskTextures.push(initTexture(gl, 6)); // For reading in renderFrame\n  finalMaskTextures.push(initTexture(gl, 7)); // For writing in updateMask\n\n  // Create framebuffers for the final mask textures\n  const finalMaskFrameBuffers = [\n    createFramebuffer(gl, finalMaskTextures[0], canvas.width, canvas.height),\n    createFramebuffer(gl, finalMaskTextures[1], canvas.width, canvas.height),\n  ];\n\n  // Set up uniforms for the composite shader\n  gl.useProgram(compositeProgram);\n  gl.uniform1i(bgTextureLocation, 0);\n  gl.uniform1i(frameTextureLocation, 1);\n  gl.uniform1i(maskTextureLocation, 2);\n\n  // Store custom background image\n  let customBackgroundImage: ImageBitmap | ImageData = emptyImageData;\n\n  function renderFrame(frame: VideoFrame) {\n    if (frame.codedWidth === 0 || finalMaskTextures.length === 0) {\n      return;\n    }\n\n    const width = frame.displayWidth;\n    const height = frame.displayHeight;\n\n    // Prepare frame texture\n    gl.activeTexture(gl.TEXTURE1);\n    gl.bindTexture(gl.TEXTURE_2D, frameTexture);\n    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, frame);\n\n    // Apply blur if enabled (and no custom background is set)\n    let backgroundTexture = bgTexture;\n\n    if (blurRadius) {\n      const downSampledFrameTexture = applyDownsampling(\n        gl,\n        frameTexture,\n        downSampler,\n        vertexBuffer!,\n        bgBlurTextureWidth,\n        bgBlurTextureHeight,\n      );\n      backgroundTexture = applyBlur(\n        gl,\n        downSampledFrameTexture,\n        bgBlurTextureWidth,\n        bgBlurTextureHeight,\n        blurRadius,\n        blurProgram,\n        blurUniforms,\n        vertexBuffer!,\n        bgBlurFrameBuffers,\n        bgBlurTextures,\n      );\n    } else {\n      gl.activeTexture(gl.TEXTURE0);\n      gl.bindTexture(gl.TEXTURE_2D, bgTexture);\n      gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, customBackgroundImage);\n      backgroundTexture = bgTexture;\n    }\n\n    // Render the final composite\n    gl.viewport(0, 0, width, height);\n    gl.clearColor(1.0, 1.0, 1.0, 1.0);\n    gl.clear(gl.COLOR_BUFFER_BIT);\n\n    gl.useProgram(compositeProgram);\n    gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);\n    gl.vertexAttribPointer(positionLocation, 2, gl.FLOAT, false, 0, 0);\n    gl.enableVertexAttribArray(positionLocation);\n\n    // Set background texture (either original, blurred or custom)\n    gl.activeTexture(gl.TEXTURE0);\n    gl.bindTexture(gl.TEXTURE_2D, backgroundTexture);\n    gl.uniform1i(bgTextureLocation, 0);\n\n    // Set frame texture\n    gl.activeTexture(gl.TEXTURE1);\n    gl.bindTexture(gl.TEXTURE_2D, frameTexture);\n    gl.uniform1i(frameTextureLocation, 1);\n\n    // Set mask texture - always read from the current read index\n    gl.activeTexture(gl.TEXTURE2);\n    gl.bindTexture(gl.TEXTURE_2D, finalMaskTextures[readMaskIndex]);\n    gl.uniform1i(maskTextureLocation, 2);\n    gl.drawArrays(gl.TRIANGLES, 0, 6);\n  }\n\n  /**\n   * Set or update the background image\n   * @param image The background image to use, or null to clear\n   */\n  async function setBackgroundImage(image: ImageBitmap | null) {\n    // Clear existing background\n    customBackgroundImage = emptyImageData;\n\n    if (image) {\n      try {\n        // Resize and crop the image to cover the canvas\n        const croppedImage = await resizeImageToCover(image, canvas.width, canvas.height);\n\n        // Store the cropped and resized image\n        customBackgroundImage = croppedImage;\n      } catch (error) {\n        console.error(\n          'Error processing background image, falling back to black background:',\n          error,\n        );\n      }\n    }\n\n    gl.activeTexture(gl.TEXTURE0);\n    gl.bindTexture(gl.TEXTURE_2D, bgTexture);\n    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, customBackgroundImage);\n  }\n\n  function setBlurRadius(radius: number | null) {\n    blurRadius = radius ? Math.max(1, Math.floor(radius / downsampleFactor)) : null; // we are downsampling the blur texture, so decrease the radius here for better performance with a similar visual result\n    setBackgroundImage(null);\n  }\n\n  function updateMask(mask: WebGLTexture) {\n    // Use the existing applyBlur function to apply the first blur pass\n    // The second blur pass will be written to finalMaskTextures[writeMaskIndex]\n\n    // Create temporary arrays for the single blur operation\n    const tempFramebuffers = [tempMaskFrameBuffer, finalMaskFrameBuffers[writeMaskIndex]];\n\n    const tempTextures = [tempMaskTexture, finalMaskTextures[writeMaskIndex]];\n\n    // Apply the blur using the existing function\n    applyBlur(\n      gl,\n      mask,\n      canvas.width,\n      canvas.height,\n      maskBlurRadius || 1.0,\n      boxBlurProgram,\n      boxBlurUniforms,\n      vertexBuffer!,\n      tempFramebuffers,\n      tempTextures,\n    );\n\n    // Swap indices for the next frame\n    readMaskIndex = writeMaskIndex;\n    writeMaskIndex = 1 - writeMaskIndex;\n  }\n\n  function cleanup() {\n    gl.deleteProgram(compositeProgram);\n    gl.deleteProgram(blurProgram);\n    gl.deleteProgram(boxBlurProgram);\n    gl.deleteTexture(bgTexture);\n    gl.deleteTexture(frameTexture);\n    gl.deleteTexture(tempMaskTexture);\n    gl.deleteFramebuffer(tempMaskFrameBuffer);\n\n    for (const texture of bgBlurTextures) {\n      gl.deleteTexture(texture);\n    }\n    for (const framebuffer of bgBlurFrameBuffers) {\n      gl.deleteFramebuffer(framebuffer);\n    }\n    for (const texture of finalMaskTextures) {\n      gl.deleteTexture(texture);\n    }\n    for (const framebuffer of finalMaskFrameBuffers) {\n      gl.deleteFramebuffer(framebuffer);\n    }\n    gl.deleteBuffer(vertexBuffer);\n\n    if (blurredMaskTexture) {\n      gl.deleteTexture(blurredMaskTexture);\n    }\n\n    if (downSampler) {\n      gl.deleteTexture(downSampler.texture);\n      gl.deleteFramebuffer(downSampler.framebuffer);\n      gl.deleteProgram(downSampler.program);\n    }\n\n    // Release any ImageBitmap resources\n    if (customBackgroundImage) {\n      if (customBackgroundImage instanceof ImageBitmap) {\n        customBackgroundImage.close();\n      }\n      customBackgroundImage = emptyImageData;\n    }\n    bgBlurTextures = [];\n    bgBlurFrameBuffers = [];\n    finalMaskTextures = [];\n  }\n\n  return { renderFrame, updateMask, setBackgroundImage, setBlurRadius, cleanup };\n};\n","import { setupWebGL } from '../webgl/index';\nimport { VideoTrackTransformer, VideoTransformerInitOptions } from './types';\n\nexport default abstract class VideoTransformer<Options extends Record<string, unknown>>\n  implements VideoTrackTransformer<Options>\n{\n  transformer?: TransformStream;\n\n  canvas?: OffscreenCanvas;\n\n  // ctx?: OffscreenCanvasRenderingContext2D;\n\n  inputVideo?: HTMLVideoElement;\n\n  gl?: ReturnType<typeof setupWebGL>;\n\n  protected isDisabled?: Boolean = false;\n\n  async init({\n    outputCanvas,\n    inputElement: inputVideo,\n  }: VideoTransformerInitOptions): Promise<void> {\n    if (!(inputVideo instanceof HTMLVideoElement)) {\n      throw TypeError('Video transformer needs a HTMLVideoElement as input');\n    }\n\n    this.transformer = new TransformStream({\n      transform: (frame, controller) => this.transform(frame, controller),\n    });\n    this.canvas = outputCanvas || null;\n    if (outputCanvas) {\n      // this.ctx = this.canvas?.getContext('2d') || undefined;\n      this.gl = setupWebGL(\n        this.canvas || new OffscreenCanvas(inputVideo.videoWidth, inputVideo.videoHeight),\n      );\n    }\n    this.inputVideo = inputVideo;\n    this.isDisabled = false;\n  }\n\n  async restart({ outputCanvas, inputElement: inputVideo }: VideoTransformerInitOptions) {\n    this.canvas = outputCanvas || null;\n    this.gl?.cleanup();\n    this.gl = setupWebGL(\n      this.canvas || new OffscreenCanvas(inputVideo.videoWidth, inputVideo.videoHeight),\n    );\n\n    this.inputVideo = inputVideo;\n    this.isDisabled = false;\n  }\n\n  async destroy() {\n    this.isDisabled = true;\n    this.canvas = undefined;\n    this.gl?.cleanup();\n    this.gl = undefined;\n  }\n\n  abstract transform(\n    frame: VideoFrame,\n    controller: TransformStreamDefaultController<VideoFrame>,\n  ): void;\n\n  abstract update(options: Options): void;\n}\n","import ProcessorWrapper, { ProcessorWrapperOptions } from './ProcessorWrapper';\nimport BackgroundTransformer, {\n  BackgroundOptions,\n  FrameProcessingStats,\n  SegmenterOptions,\n} from './transformers/BackgroundTransformer';\n\nexport * from './transformers/types';\nexport { default as VideoTransformer } from './transformers/VideoTransformer';\nexport {\n  ProcessorWrapper,\n  type BackgroundOptions,\n  type SegmenterOptions,\n  BackgroundTransformer,\n  type ProcessorWrapperOptions,\n};\n\n/**\n * Determines if the current browser supports background processors\n */\nexport const supportsBackgroundProcessors = () =>\n  BackgroundTransformer.isSupported && ProcessorWrapper.isSupported;\n\n/**\n * Determines if the current browser supports modern background processors, which yield better performance\n */\nexport const supportsModernBackgroundProcessors = () =>\n  BackgroundTransformer.isSupported && ProcessorWrapper.hasModernApiSupport;\n\nexport interface BackgroundProcessorOptions extends ProcessorWrapperOptions {\n  blurRadius?: number;\n  imagePath?: string;\n  segmenterOptions?: SegmenterOptions;\n  assetPaths?: { tasksVisionFileSet?: string; modelAssetPath?: string };\n  onFrameProcessed?: (stats: FrameProcessingStats) => void;\n}\n\nexport const BackgroundBlur = (\n  blurRadius: number = 10,\n  segmenterOptions?: SegmenterOptions,\n  onFrameProcessed?: (stats: FrameProcessingStats) => void,\n  processorOptions?: ProcessorWrapperOptions,\n) => {\n  return BackgroundProcessor(\n    {\n      blurRadius,\n      segmenterOptions,\n      onFrameProcessed,\n      ...processorOptions,\n    },\n    'background-blur',\n  );\n};\n\nexport const VirtualBackground = (\n  imagePath: string,\n  segmenterOptions?: SegmenterOptions,\n  onFrameProcessed?: (stats: FrameProcessingStats) => void,\n  processorOptions?: ProcessorWrapperOptions,\n) => {\n  return BackgroundProcessor(\n    {\n      imagePath,\n      segmenterOptions,\n      onFrameProcessed,\n      ...processorOptions,\n    },\n    'virtual-background',\n  );\n};\n\nexport const BackgroundProcessor = (\n  options: BackgroundProcessorOptions,\n  name = 'background-processor',\n) => {\n  const isTransformerSupported = BackgroundTransformer.isSupported;\n  const isProcessorSupported = ProcessorWrapper.isSupported;\n\n  if (!isTransformerSupported) {\n    throw new Error('Background transformer is not supported in this browser');\n  }\n\n  if (!isProcessorSupported) {\n    throw new Error(\n      'Neither MediaStreamTrackProcessor nor canvas.captureStream() fallback is supported in this browser',\n    );\n  }\n\n  // Extract transformer-specific options and processor options\n  const {\n    blurRadius,\n    imagePath,\n    segmenterOptions,\n    assetPaths,\n    onFrameProcessed,\n    ...processorOpts\n  } = options;\n\n  const transformer = new BackgroundTransformer({\n    blurRadius,\n    imagePath,\n    segmenterOptions,\n    assetPaths,\n    onFrameProcessed,\n  });\n\n  const processor = new ProcessorWrapper(transformer, name, processorOpts);\n\n  return processor;\n};\n"],"mappings":"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","names":["_a","BackgroundProcessor"]}
+{"version":3,"sources":["../src/utils.ts","../src/ProcessorWrapper.ts","../src/transformers/BackgroundTransformer.ts","../package.json","../src/webgl/utils.ts","../src/webgl/shader-programs/vertexShader.ts","../src/webgl/shader-programs/blurShader.ts","../src/webgl/shader-programs/boxBlurShader.ts","../src/webgl/shader-programs/compositeShader.ts","../src/webgl/shader-programs/downSampler.ts","../src/webgl/index.ts","../src/transformers/VideoTransformer.ts","../src/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nexport const supportsOffscreenCanvas = () => typeof OffscreenCanvas !== 'undefined';\n\nasync function sleep(time: number) {\n  return new Promise((resolve) => setTimeout(resolve, time));\n}\n\nexport async function waitForTrackResolution(track: MediaStreamTrack) {\n  const timeout = 500;\n\n  // browsers report wrong initial resolution on iOS.\n  // when slightly delaying the call to .getSettings(), the correct resolution is being reported\n  await sleep(10);\n\n  const started = Date.now();\n  while (Date.now() - started < timeout) {\n    const { width, height } = track.getSettings();\n    if (width && height) {\n      return { width, height };\n    }\n    await sleep(50);\n  }\n  return { width: undefined, height: undefined };\n}\n\nexport function createCanvas(width: number, height: number) {\n  if (supportsOffscreenCanvas()) {\n    return new OffscreenCanvas(width, height);\n  }\n  const canvas = document.createElement('canvas');\n  canvas.width = width;\n  canvas.height = height;\n  return canvas;\n}\n","import type { ProcessorOptions, Track, TrackProcessor } from 'livekit-client';\nimport { TrackTransformer } from './transformers';\nimport { createCanvas, waitForTrackResolution } from './utils';\n\nexport interface ProcessorWrapperOptions {\n  /**\n   * Maximum frame rate for fallback canvas.captureStream implementation\n   * Default: 30\n   */\n  maxFps?: number;\n}\n\nexport default class ProcessorWrapper<TransformerOptions extends Record<string, unknown>>\n  implements TrackProcessor<Track.Kind>\n{\n  /**\n   * Determines if the Processor is supported on the current browser\n   */\n  static get isSupported() {\n    // Check for primary implementation support\n    const hasStreamProcessor =\n      typeof MediaStreamTrackGenerator !== 'undefined' &&\n      typeof MediaStreamTrackProcessor !== 'undefined';\n\n    // Check for fallback implementation support\n    const hasFallbackSupport =\n      typeof HTMLCanvasElement !== 'undefined' &&\n      typeof VideoFrame !== 'undefined' &&\n      'captureStream' in HTMLCanvasElement.prototype;\n\n    // We can work if either implementation is available\n    return hasStreamProcessor || hasFallbackSupport;\n  }\n\n  /**\n   * Determines if modern browser APIs are supported, which yield better performance\n   */\n  static get hasModernApiSupport() {\n    return (\n      typeof MediaStreamTrackGenerator !== 'undefined' &&\n      typeof MediaStreamTrackProcessor !== 'undefined'\n    );\n  }\n\n  name: string;\n\n  source?: MediaStreamVideoTrack;\n\n  processor?: MediaStreamTrackProcessor<VideoFrame>;\n\n  trackGenerator?: MediaStreamTrackGenerator<VideoFrame>;\n\n  canvas?: OffscreenCanvas | HTMLCanvasElement;\n\n  displayCanvas?: HTMLCanvasElement;\n\n  sourceDummy?: HTMLMediaElement;\n\n  processedTrack?: MediaStreamTrack;\n\n  transformer: TrackTransformer<TransformerOptions>;\n\n  // For tracking whether we're using the stream API fallback\n  private useStreamFallback = false;\n\n  // For fallback rendering with canvas.captureStream()\n  private capturedStream?: MediaStream;\n\n  private animationFrameId?: number;\n\n  private renderContext?: CanvasRenderingContext2D;\n\n  private frameCallback?: (frame: VideoFrame) => void;\n\n  private processingEnabled = false;\n\n  // FPS control for fallback implementation\n  private maxFps: number;\n\n  constructor(\n    transformer: TrackTransformer<TransformerOptions>,\n    name: string,\n    options: ProcessorWrapperOptions = {},\n  ) {\n    this.name = name;\n    this.transformer = transformer;\n    this.maxFps = options.maxFps ?? 30;\n  }\n\n  private async setup(opts: ProcessorOptions<Track.Kind>) {\n    this.source = opts.track as MediaStreamVideoTrack;\n\n    const { width, height } = await waitForTrackResolution(this.source);\n    this.sourceDummy = opts.element;\n\n    if (!(this.sourceDummy instanceof HTMLVideoElement)) {\n      throw TypeError('Currently only video transformers are supported');\n    }\n\n    if (this.sourceDummy instanceof HTMLVideoElement) {\n      this.sourceDummy.height = height ?? 300;\n      this.sourceDummy.width = width ?? 300;\n    }\n\n    this.useStreamFallback = !ProcessorWrapper.hasModernApiSupport;\n\n    if (this.useStreamFallback) {\n      // Create a visible canvas for the fallback implementation or use an existing one if provided\n      const existingCanvas = document.querySelector(\n        'canvas[data-livekit-processor=\"' + this.name + '\"]',\n      ) as HTMLCanvasElement;\n\n      if (existingCanvas) {\n        this.displayCanvas = existingCanvas;\n        this.displayCanvas.width = width ?? 300;\n        this.displayCanvas.height = height ?? 300;\n      } else {\n        this.displayCanvas = document.createElement('canvas');\n        this.displayCanvas.width = width ?? 300;\n        this.displayCanvas.height = height ?? 300;\n        this.displayCanvas.style.display = 'none';\n        this.displayCanvas.dataset.livekitProcessor = this.name;\n        document.body.appendChild(this.displayCanvas);\n      }\n\n      this.renderContext = this.displayCanvas.getContext('2d')!;\n      this.capturedStream = this.displayCanvas.captureStream();\n      this.canvas = createCanvas(width ?? 300, height ?? 300);\n    } else {\n      // Use MediaStreamTrackProcessor API\n      this.processor = new MediaStreamTrackProcessor({ track: this.source });\n      this.trackGenerator = new MediaStreamTrackGenerator({\n        kind: 'video',\n        signalTarget: this.source,\n      });\n      this.canvas = createCanvas(width ?? 300, height ?? 300);\n    }\n  }\n\n  async init(opts: ProcessorOptions<Track.Kind>): Promise<void> {\n    await this.setup(opts);\n\n    if (!this.canvas) {\n      throw new TypeError('Expected canvas to be defined after setup');\n    }\n\n    await this.transformer.init({\n      outputCanvas: this.canvas,\n      inputElement: this.sourceDummy as HTMLVideoElement,\n    });\n\n    if (this.useStreamFallback) {\n      this.initFallbackPath();\n    } else {\n      this.initStreamProcessorPath();\n    }\n  }\n\n  private initStreamProcessorPath() {\n    if (!this.processor || !this.trackGenerator) {\n      throw new TypeError(\n        'Expected processor and trackGenerator to be defined for stream processor path',\n      );\n    }\n\n    const readableStream = this.processor.readable;\n    const pipedStream = readableStream.pipeThrough(this.transformer!.transformer!);\n\n    pipedStream\n      .pipeTo(this.trackGenerator.writable)\n      .catch((e) => console.error('error when trying to pipe', e))\n      .finally(() => this.destroy());\n\n    this.processedTrack = this.trackGenerator as MediaStreamVideoTrack;\n  }\n\n  private initFallbackPath() {\n    if (!this.capturedStream || !this.source || !this.canvas || !this.renderContext) {\n      throw new TypeError('Missing required components for fallback implementation');\n    }\n\n    this.processedTrack = this.capturedStream.getVideoTracks()[0];\n    this.processingEnabled = true;\n\n    // Set up the frame callback for the transformer\n    this.frameCallback = (frame: VideoFrame) => {\n      if (!this.processingEnabled || !frame) {\n        frame.close();\n        return;\n      }\n\n      const controller = {\n        enqueue: (processedFrame: VideoFrame) => {\n          if (this.renderContext && this.displayCanvas) {\n            // Draw the processed frame to the visible canvas\n            this.renderContext.drawImage(\n              processedFrame,\n              0,\n              0,\n              this.displayCanvas.width,\n              this.displayCanvas.height,\n            );\n            processedFrame.close();\n          }\n        },\n      } as TransformStreamDefaultController<VideoFrame>;\n\n      try {\n        // Pass the frame through our transformer\n        // @ts-ignore - The controller expects both VideoFrame & AudioData but we're only using VideoFrame\n        this.transformer.transform(frame, controller);\n      } catch (e) {\n        console.error('Error in transform:', e);\n        frame.close();\n      }\n    };\n\n    // Start the rendering loop\n    this.startRenderLoop();\n  }\n\n  private startRenderLoop() {\n    if (!this.sourceDummy || !(this.sourceDummy instanceof HTMLVideoElement)) {\n      return;\n    }\n\n    // Store the last processed timestamp to avoid duplicate processing\n    let lastVideoTimestamp = -1;\n    let lastFrameTime = 0;\n    const videoElement = this.sourceDummy as HTMLVideoElement;\n    const minFrameInterval = 1000 / this.maxFps; // Minimum time between frames\n\n    // Estimate the video's native frame rate\n    let estimatedVideoFps = this.maxFps;\n    let frameTimeHistory: number[] = [];\n    let lastVideoTimeChange = 0;\n    let frameCount = 0;\n    let lastFpsLog = 0;\n\n    const renderLoop = () => {\n      if (\n        !this.processingEnabled ||\n        !this.sourceDummy ||\n        !(this.sourceDummy instanceof HTMLVideoElement)\n      ) {\n        return;\n      }\n\n      if (this.sourceDummy.paused) {\n        console.warn('Video is paused, trying to play');\n        this.sourceDummy.play();\n        return;\n      }\n\n      // Only process a new frame if the video has actually updated\n      const videoTime = videoElement.currentTime;\n      const now = performance.now();\n      const timeSinceLastFrame = now - lastFrameTime;\n\n      // Detect if video has a new frame\n      const hasNewFrame = videoTime !== lastVideoTimestamp;\n\n      // Update frame rate estimation if we have a new frame\n      if (hasNewFrame) {\n        if (lastVideoTimeChange > 0) {\n          const timeBetweenFrames = now - lastVideoTimeChange;\n          frameTimeHistory.push(timeBetweenFrames);\n\n          // Keep a rolling window of the last 10 frame times\n          if (frameTimeHistory.length > 10) {\n            frameTimeHistory.shift();\n          }\n\n          // Calculate average frame interval\n          if (frameTimeHistory.length > 2) {\n            const avgFrameTime =\n              frameTimeHistory.reduce((sum, time) => sum + time, 0) / frameTimeHistory.length;\n            estimatedVideoFps = 1000 / avgFrameTime;\n\n            // Log estimated FPS every 5 seconds in development environments\n            // Use a simpler check that works in browsers without process.env\n            const isDevelopment =\n              (typeof window !== 'undefined' && window.location.hostname === 'localhost') ||\n              window.location.hostname === '127.0.0.1';\n\n            if (isDevelopment && now - lastFpsLog > 5000) {\n              console.debug(\n                `[${this.name}] Estimated video FPS: ${estimatedVideoFps.toFixed(\n                  1,\n                )}, Processing at: ${(frameCount / 5).toFixed(1)} FPS`,\n              );\n              frameCount = 0;\n              lastFpsLog = now;\n            }\n          }\n        }\n        lastVideoTimeChange = now;\n      }\n\n      // Determine if we should process this frame\n      // We'll process if:\n      // 1. The video has a new frame\n      // 2. Enough time has passed since last frame (respecting maxFps)\n      const timeThresholdMet = timeSinceLastFrame >= minFrameInterval;\n\n      if (hasNewFrame && timeThresholdMet) {\n        lastVideoTimestamp = videoTime;\n        lastFrameTime = now;\n        frameCount++;\n\n        try {\n          // Create a VideoFrame from the video element\n          if (videoElement.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA) {\n            const frame = new VideoFrame(videoElement);\n            if (this.frameCallback) {\n              this.frameCallback(frame);\n            } else {\n              frame.close();\n            }\n          }\n        } catch (e) {\n          console.error('Error in render loop:', e);\n        }\n      }\n      this.animationFrameId = requestAnimationFrame(renderLoop);\n    };\n\n    this.animationFrameId = requestAnimationFrame(renderLoop);\n  }\n\n  async restart(opts: ProcessorOptions<Track.Kind>): Promise<void> {\n    await this.destroy();\n    await this.init(opts);\n  }\n\n  async restartTransformer(...options: Parameters<(typeof this.transformer)['restart']>) {\n    // @ts-ignore unclear why the restart method only accepts VideoTransformerInitOptions instead of either those or AudioTransformerInitOptions\n    await this.transformer.restart(options[0]);\n  }\n\n  async updateTransformerOptions(...options: Parameters<(typeof this.transformer)['update']>) {\n    await this.transformer.update(options[0]);\n  }\n\n  async destroy() {\n    if (this.useStreamFallback) {\n      this.processingEnabled = false;\n      if (this.animationFrameId) {\n        cancelAnimationFrame(this.animationFrameId);\n        this.animationFrameId = undefined;\n      }\n      if (this.displayCanvas && this.displayCanvas.parentNode) {\n        this.displayCanvas.parentNode.removeChild(this.displayCanvas);\n      }\n      this.capturedStream?.getTracks().forEach((track) => track.stop());\n    } else {\n      await this.processor?.writableControl?.close();\n      this.trackGenerator?.stop();\n    }\n    await this.transformer.destroy();\n  }\n}\n","import * as vision from '@mediapipe/tasks-vision';\nimport { dependencies } from '../../package.json';\nimport VideoTransformer from './VideoTransformer';\nimport { VideoTransformerInitOptions } from './types';\n\nexport type SegmenterOptions = Partial<vision.ImageSegmenterOptions['baseOptions']>;\n\nexport interface FrameProcessingStats {\n  processingTimeMs: number;\n  segmentationTimeMs: number;\n  filterTimeMs: number;\n}\n\nexport type BackgroundOptions = {\n  blurRadius?: number;\n  imagePath?: string;\n  /** cannot be updated through the `update` method, needs a restart */\n  segmenterOptions?: SegmenterOptions;\n  /** cannot be updated through the `update` method, needs a restart */\n  assetPaths?: { tasksVisionFileSet?: string; modelAssetPath?: string };\n  /** called when a new frame is processed */\n  onFrameProcessed?: (stats: FrameProcessingStats) => void;\n};\n\nexport default class BackgroundProcessor extends VideoTransformer<BackgroundOptions> {\n  static get isSupported() {\n    return (\n      typeof OffscreenCanvas !== 'undefined' &&\n      typeof VideoFrame !== 'undefined' &&\n      typeof createImageBitmap !== 'undefined' &&\n      !!document.createElement('canvas').getContext('webgl2')\n    );\n  }\n\n  imageSegmenter?: vision.ImageSegmenter;\n\n  segmentationResults: vision.ImageSegmenterResult | undefined;\n\n  backgroundImage: ImageBitmap | null = null;\n\n  options: BackgroundOptions;\n\n  segmentationTimeMs: number = 0;\n\n  constructor(opts: BackgroundOptions) {\n    super();\n    this.options = opts;\n    this.update(opts);\n  }\n\n  async init({ outputCanvas, inputElement: inputVideo }: VideoTransformerInitOptions) {\n    // Initialize WebGL with appropriate options based on our current state\n\n    await super.init({ outputCanvas, inputElement: inputVideo });\n\n    const fileSet = await vision.FilesetResolver.forVisionTasks(\n      this.options.assetPaths?.tasksVisionFileSet ??\n        `https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@${dependencies['@mediapipe/tasks-vision']}/wasm`,\n    );\n\n    this.imageSegmenter = await vision.ImageSegmenter.createFromOptions(fileSet, {\n      baseOptions: {\n        modelAssetPath:\n          this.options.assetPaths?.modelAssetPath ??\n          'https://storage.googleapis.com/mediapipe-models/image_segmenter/selfie_segmenter/float16/latest/selfie_segmenter.tflite',\n        delegate: 'GPU',\n        ...this.options.segmenterOptions,\n      },\n      canvas: this.canvas,\n      runningMode: 'VIDEO',\n      outputCategoryMask: true,\n      outputConfidenceMasks: false,\n    });\n\n    // Skip loading the image here if update already loaded the image below\n    if (this.options?.imagePath && !this.backgroundImage) {\n      await this.loadBackground(this.options.imagePath).catch((err) =>\n        console.error('Error while loading processor background image: ', err),\n      );\n    }\n    if (this.options.blurRadius) {\n      this.gl?.setBlurRadius(this.options.blurRadius);\n    }\n  }\n\n  async destroy() {\n    await super.destroy();\n    await this.imageSegmenter?.close();\n    this.backgroundImage = null;\n  }\n\n  async loadBackground(path: string) {\n    const img = new Image();\n\n    await new Promise((resolve, reject) => {\n      img.crossOrigin = 'Anonymous';\n      img.onload = () => resolve(img);\n      img.onerror = (err) => reject(err);\n      img.src = path;\n    });\n    const imageData = await createImageBitmap(img);\n    this.gl?.setBackgroundImage(imageData);\n  }\n\n  async transform(frame: VideoFrame, controller: TransformStreamDefaultController<VideoFrame>) {\n    try {\n      if (!(frame instanceof VideoFrame) || frame.codedWidth === 0 || frame.codedHeight === 0) {\n        console.debug('empty frame detected, ignoring');\n        return;\n      }\n\n      if (this.isDisabled) {\n        controller.enqueue(frame);\n        return;\n      }\n      const frameTimeMs = Date.now();\n      if (!this.canvas) {\n        throw TypeError('Canvas needs to be initialized first');\n      }\n      this.canvas.width = frame.displayWidth;\n      this.canvas.height = frame.displayHeight;\n      const segmentationPromise = new Promise<void>((resolve, reject) => {\n        try {\n          let segmentationStartTimeMs = performance.now();\n          this.imageSegmenter?.segmentForVideo(frame, segmentationStartTimeMs, (result) => {\n            this.segmentationTimeMs = performance.now() - segmentationStartTimeMs;\n            this.segmentationResults = result;\n            this.updateMask(result.categoryMask);\n            result.close();\n            resolve();\n          });\n        } catch (e) {\n          reject(e);\n        }\n      });\n\n      const filterStartTimeMs = performance.now();\n      this.drawFrame(frame);\n      if (this.canvas && this.canvas.width > 0 && this.canvas.height > 0) {\n        const newFrame = new VideoFrame(this.canvas, {\n          timestamp: frame.timestamp || frameTimeMs,\n        });\n        controller.enqueue(newFrame);\n        const filterTimeMs = performance.now() - filterStartTimeMs;\n        const stats: FrameProcessingStats = {\n          processingTimeMs: this.segmentationTimeMs + filterTimeMs,\n          segmentationTimeMs: this.segmentationTimeMs,\n          filterTimeMs,\n        };\n        this.options.onFrameProcessed?.(stats);\n      } else {\n        controller.enqueue(frame);\n      }\n      await segmentationPromise;\n    } catch (e) {\n      console.error('Error while processing frame: ', e);\n    } finally {\n      frame.close();\n    }\n  }\n\n  async update(opts: BackgroundOptions) {\n    this.options = { ...this.options, ...opts };\n    if (opts.blurRadius) {\n      this.gl?.setBlurRadius(opts.blurRadius);\n    } else if (opts.imagePath) {\n      await this.loadBackground(opts.imagePath);\n    }\n  }\n\n  private async drawFrame(frame: VideoFrame) {\n    if (!this.gl) return;\n    this.gl?.renderFrame(frame);\n  }\n\n  private async updateMask(mask: vision.MPMask | undefined) {\n    if (!mask) return;\n    this.gl?.updateMask(mask.getAsWebGLTexture());\n  }\n}\n","{\n  \"name\": \"@livekit/track-processors\",\n  \"version\": \"0.5.6\",\n  \"description\": \"LiveKit track processors\",\n  \"main\": \"dist/index.js\",\n  \"module\": \"dist/index.mjs\",\n  \"source\": \"src/index.ts\",\n  \"types\": \"dist/src/index.d.ts\",\n  \"repository\": \"git@github.com:livekit/livekit-track-processors.git\",\n  \"author\": \"Lukas Seiler\",\n  \"license\": \"Apache-2.0\",\n  \"scripts\": {\n    \"build\": \"tsup --onSuccess \\\"tsc --declaration --emitDeclarationOnly\\\"\",\n    \"build-sample\": \"cd example && vite build\",\n    \"lint\": \"eslint src\",\n    \"release\": \"pnpm build && changeset publish\",\n    \"test\": \"jest\",\n    \"sample\": \"vite serve example --port 8080 --open\"\n  },\n  \"files\": [\n    \"dist\",\n    \"src\"\n  ],\n  \"dependencies\": {\n    \"@mediapipe/tasks-vision\": \"0.10.14\"\n  },\n  \"peerDependencies\": {\n    \"livekit-client\": \"^1.12.0 || ^2.1.0\"\n  },\n  \"devDependencies\": {\n    \"@changesets/cli\": \"^2.26.2\",\n    \"@livekit/changesets-changelog-github\": \"^0.0.4\",\n    \"@trivago/prettier-plugin-sort-imports\": \"^4.2.1\",\n    \"@types/dom-mediacapture-transform\": \"^0.1.9\",\n    \"@types/offscreencanvas\": \"^2019.7.3\",\n    \"@typescript-eslint/eslint-plugin\": \"^5.62.0\",\n    \"eslint\": \"8.39.0\",\n    \"eslint-config-airbnb-typescript\": \"17.0.0\",\n    \"eslint-config-prettier\": \"8.8.0\",\n    \"eslint-plugin-ecmascript-compat\": \"^3.1.0\",\n    \"eslint-plugin-import\": \"2.27.5\",\n    \"prettier\": \"^2.8.8\",\n    \"tsup\": \"^7.2.0\",\n    \"typescript\": \"^5.8.3\",\n    \"vite\": \"^4.5.0\"\n  },\n  \"packageManager\": \"pnpm@9.15.9+sha512.68046141893c66fad01c079231128e9afb89ef87e2691d69e4d40eee228988295fd4682181bae55b58418c3a253bde65a505ec7c5f9403ece5cc3cd37dcf2531\"\n}\n","/**\n * Initialize a WebGL texture\n */\nexport function initTexture(gl: WebGL2RenderingContext, texIndex: number) {\n  const texRef = gl.TEXTURE0 + texIndex;\n  gl.activeTexture(texRef);\n  const texture = gl.createTexture();\n  gl.bindTexture(gl.TEXTURE_2D, texture);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n  gl.bindTexture(gl.TEXTURE_2D, texture);\n\n  return texture;\n}\n\nexport function createShader(\n  gl: WebGL2RenderingContext,\n  type: number,\n  source: string,\n): WebGLShader {\n  const shader = gl.createShader(type)!;\n  gl.shaderSource(shader, source);\n  gl.compileShader(shader);\n  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n    console.error('Shader compile failed:', gl.getShaderInfoLog(shader));\n    gl.deleteShader(shader);\n    throw new Error('Shader compile failed');\n  }\n  return shader;\n}\n\nexport function createProgram(\n  gl: WebGL2RenderingContext,\n  vs: WebGLShader,\n  fs: WebGLShader,\n): WebGLProgram {\n  const program = gl.createProgram()!;\n  gl.attachShader(program, vs);\n  gl.attachShader(program, fs);\n  gl.linkProgram(program);\n  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n    console.error('Program link failed:', gl.getProgramInfoLog(program));\n    throw new Error('Program link failed');\n  }\n  return program;\n}\n\n/**\n * Create a WebGL framebuffer with the given texture as color attachment\n */\nexport function createFramebuffer(\n  gl: WebGL2RenderingContext,\n  texture: WebGLTexture,\n  width: number,\n  height: number,\n) {\n  const framebuffer = gl.createFramebuffer();\n  gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);\n\n  // Set the texture as the color attachment\n  gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);\n\n  // Ensure texture dimensions match the provided width and height\n  gl.bindTexture(gl.TEXTURE_2D, texture);\n  gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);\n\n  // Check if framebuffer is complete\n  const status = gl.checkFramebufferStatus(gl.FRAMEBUFFER);\n  if (status !== gl.FRAMEBUFFER_COMPLETE) {\n    throw new Error('Framebuffer not complete');\n  }\n\n  gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n  return framebuffer;\n}\n\n/**\n * Create a vertex buffer for a full-screen quad\n */\nexport function createVertexBuffer(gl: WebGL2RenderingContext): WebGLBuffer | null {\n  const vertexBuffer = gl.createBuffer();\n  gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);\n  gl.bufferData(\n    gl.ARRAY_BUFFER,\n    new Float32Array([-1, -1, -1, 1, 1, 1, -1, -1, 1, 1, 1, -1]),\n    gl.STATIC_DRAW,\n  );\n  return vertexBuffer;\n}\n\n/**\n * Resizes and crops an image to cover a target canvas while maintaining aspect ratio\n * @param image The source image\n * @param targetWidth The target width\n * @param targetHeight The target height\n * @returns A cropped and resized ImageBitmap\n */\nexport async function resizeImageToCover(\n  image: ImageBitmap,\n  targetWidth: number,\n  targetHeight: number,\n): Promise<ImageBitmap> {\n  // Calculate dimensions and crop for \"cover\" mode\n  const imgAspect = image.width / image.height;\n  const targetAspect = targetWidth / targetHeight;\n\n  let sx = 0;\n  let sy = 0;\n  let sWidth = image.width;\n  let sHeight = image.height;\n\n  // For cover mode, we need to crop some parts of the image\n  // to ensure it covers the canvas while maintaining aspect ratio\n  if (imgAspect > targetAspect) {\n    // Image is wider than target - crop the sides\n    sWidth = Math.round(image.height * targetAspect);\n    sx = Math.round((image.width - sWidth) / 2); // Center the crop horizontally\n  } else if (imgAspect < targetAspect) {\n    // Image is taller than target - crop the top/bottom\n    sHeight = Math.round(image.width / targetAspect);\n    sy = Math.round((image.height - sHeight) / 2); // Center the crop vertically\n  }\n\n  // Create a new ImageBitmap with the cropped portion\n  return createImageBitmap(image, sx, sy, sWidth, sHeight, {\n    resizeWidth: targetWidth,\n    resizeHeight: targetHeight,\n    resizeQuality: 'medium',\n  });\n}\n\nlet emptyImageData: ImageData | undefined;\n\nfunction getEmptyImageData() {\n  if (!emptyImageData) {\n    emptyImageData = new ImageData(2, 2);\n    emptyImageData.data[0] = 0;\n    emptyImageData.data[1] = 0;\n    emptyImageData.data[2] = 0;\n    emptyImageData.data[3] = 0;\n  }\n\n  return emptyImageData;\n}\n\nconst glsl = (source: any) => source;\n\nexport { getEmptyImageData, glsl };\n","// Vertex shader source\nexport const vertexShaderSource = (flipY: boolean = true) => `#version 300 es\n  in vec2 position;\n  out vec2 texCoords;\n\n  void main() {\n    texCoords = (position + 1.0) / 2.0;\n    texCoords.y = ${flipY ? '1.0 - texCoords.y' : 'texCoords.y'};\n    gl_Position = vec4(position, 0, 1.0);\n  }\n`;\n","import { createProgram, createShader, glsl } from '../utils';\nimport { vertexShaderSource } from './vertexShader';\n\n// Define the blur fragment shader\nexport const blurFragmentShader = glsl`#version 300 es\n  precision mediump float;\n  in vec2 texCoords;\n  uniform sampler2D u_texture;\n  uniform vec2 u_texelSize;\n  uniform vec2 u_direction;\n  uniform float u_radius;\n  out vec4 fragColor;\n\n  void main() {\n    float sigma = u_radius;\n    float twoSigmaSq = 2.0 * sigma * sigma;\n    float totalWeight = 0.0;\n    vec3 result = vec3(0.0);\n    const int MAX_SAMPLES = 16;\n    int radius = int(min(float(MAX_SAMPLES), ceil(u_radius)));\n\n    for (int i = -MAX_SAMPLES; i <= MAX_SAMPLES; ++i) {\n      float offset = float(i);\n      if (abs(offset) > float(radius)) continue;\n      float weight = exp(-(offset * offset) / twoSigmaSq);\n      vec2 sampleCoord = texCoords + u_direction * u_texelSize * offset;\n      result += texture(u_texture, sampleCoord).rgb * weight;\n      totalWeight += weight;\n    }\n\n    fragColor = vec4(result / totalWeight, 1.0);\n  }\n`;\n\nexport function createBlurProgram(gl: WebGL2RenderingContext) {\n  const blurVertexShader = createShader(gl, gl.VERTEX_SHADER, vertexShaderSource());\n  const blurFrag = createShader(gl, gl.FRAGMENT_SHADER, blurFragmentShader);\n\n  const blurProgram = createProgram(gl, blurVertexShader, blurFrag);\n\n  // Get uniform locations\n  const blurUniforms = {\n    position: gl.getAttribLocation(blurProgram, 'position'),\n    texture: gl.getUniformLocation(blurProgram, 'u_texture'),\n    texelSize: gl.getUniformLocation(blurProgram, 'u_texelSize'),\n    direction: gl.getUniformLocation(blurProgram, 'u_direction'),\n    radius: gl.getUniformLocation(blurProgram, 'u_radius'),\n  };\n\n  return {\n    program: blurProgram,\n    shader: blurFrag,\n    vertexShader: blurVertexShader,\n    uniforms: blurUniforms,\n  };\n}\n\nexport function applyBlur(\n  gl: WebGL2RenderingContext,\n  sourceTexture: WebGLTexture,\n  width: number,\n  height: number,\n  blurRadius: number,\n  blurProgram: WebGLProgram,\n  blurUniforms: any,\n  vertexBuffer: WebGLBuffer,\n  processFramebuffers: WebGLFramebuffer[],\n  processTextures: WebGLTexture[],\n) {\n  gl.useProgram(blurProgram);\n\n  // Set common attributes\n  gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);\n  gl.vertexAttribPointer(blurUniforms.position, 2, gl.FLOAT, false, 0, 0);\n  gl.enableVertexAttribArray(blurUniforms.position);\n\n  const texelWidth = 1.0 / width;\n  const texelHeight = 1.0 / height;\n\n  // First pass - horizontal blur\n  gl.bindFramebuffer(gl.FRAMEBUFFER, processFramebuffers[0]);\n  gl.viewport(0, 0, width, height);\n\n  gl.activeTexture(gl.TEXTURE0);\n  gl.bindTexture(gl.TEXTURE_2D, sourceTexture);\n  gl.uniform1i(blurUniforms.texture, 0);\n  gl.uniform2f(blurUniforms.texelSize, texelWidth, texelHeight);\n  gl.uniform2f(blurUniforms.direction, 1.0, 0.0); // Horizontal\n  gl.uniform1f(blurUniforms.radius, blurRadius);\n\n  gl.drawArrays(gl.TRIANGLES, 0, 6);\n\n  // Second pass - vertical blur\n  gl.bindFramebuffer(gl.FRAMEBUFFER, processFramebuffers[1]);\n  gl.viewport(0, 0, width, height);\n\n  gl.activeTexture(gl.TEXTURE0);\n  gl.bindTexture(gl.TEXTURE_2D, processTextures[0]);\n  gl.uniform1i(blurUniforms.texture, 0);\n  gl.uniform2f(blurUniforms.direction, 0.0, 1.0); // Vertical\n\n  gl.drawArrays(gl.TRIANGLES, 0, 6);\n\n  // Reset framebuffer\n  gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n\n  return processTextures[1];\n}\n","import { createProgram, createShader, glsl } from '../utils';\nimport { vertexShaderSource } from './vertexShader';\n\nexport const boxBlurFragmentShader = glsl`#version 300 es\nprecision mediump float;\n\nin vec2 texCoords;\n\nuniform sampler2D u_texture;\nuniform vec2 u_texelSize;    // 1.0 / texture size\nuniform vec2 u_direction;    // (1.0, 0.0) for horizontal, (0.0, 1.0) for vertical\nuniform float u_radius;      // blur radius in texels\n\nout vec4 fragColor;\n\nvoid main() {\n    vec3 sum = vec3(0.0);\n    float count = 0.0;\n\n    // Limit radius to avoid excessive loop cost\n    const int MAX_RADIUS = 16;\n    int radius = int(min(float(MAX_RADIUS), u_radius));\n\n    for (int i = -MAX_RADIUS; i <= MAX_RADIUS; ++i) {\n        if (abs(i) > radius) continue;\n\n        vec2 offset = u_direction * u_texelSize * float(i);\n        sum += texture(u_texture, texCoords + offset).rgb;\n        count += 1.0;\n  }\n\n  fragColor = vec4(sum / count, 1.0);\n}\n`;\n\n/**\n * Create the box blur shader program\n */\nexport function createBoxBlurProgram(gl: WebGL2RenderingContext) {\n  const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexShaderSource());\n  const fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, boxBlurFragmentShader);\n\n  const program = createProgram(gl, vertexShader, fragmentShader);\n\n  // Get attribute and uniform locations\n  const uniforms = {\n    position: gl.getAttribLocation(program, 'position'),\n    texture: gl.getUniformLocation(program, 'u_texture'),\n    texelSize: gl.getUniformLocation(program, 'u_texelSize'),\n    direction: gl.getUniformLocation(program, 'u_direction'),\n    radius: gl.getUniformLocation(program, 'u_radius'),\n  };\n\n  return {\n    program,\n    vertexShader,\n    fragmentShader,\n    uniforms,\n  };\n}\n","import { createProgram, createShader, glsl } from '../utils';\nimport { vertexShaderSource } from './vertexShader';\n\n// Fragment shader source for compositing\nexport const compositeFragmentShader = glsl`#version 300 es\n  precision mediump float;\n  in vec2 texCoords;\n  uniform sampler2D background;\n  uniform sampler2D frame;\n  uniform sampler2D mask;\n  out vec4 fragColor;\n  \n  void main() {\n      \n    vec4 frameTex = texture(frame, texCoords);\n    vec4 bgTex = texture(background, texCoords);\n\n    float maskVal = texture(mask, texCoords).r;\n\n    // Compute screen-space gradient to detect edge sharpness\n    float grad = length(vec2(dFdx(maskVal), dFdy(maskVal)));\n\n    float edgeSoftness = 2.0; // higher = softer\n    \n    // Create a smooth edge around binary transition\n    float smoothAlpha = smoothstep(0.5 - grad * edgeSoftness, 0.5 + grad * edgeSoftness, maskVal);\n\n    // Optional: preserve frame alpha, or override as fully opaque\n    vec4 blended = mix(bgTex, vec4(frameTex.rgb, 1.0), 1.0 - smoothAlpha);\n    \n    fragColor = blended;\n  \n  }\n`;\n\n/**\n * Create the composite shader program\n */\nexport function createCompositeProgram(gl: WebGL2RenderingContext) {\n  const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexShaderSource());\n  const compositeShader = createShader(gl, gl.FRAGMENT_SHADER, compositeFragmentShader);\n\n  const compositeProgram = createProgram(gl, vertexShader, compositeShader);\n\n  // Get attribute and uniform locations\n  const attribLocations = {\n    position: gl.getAttribLocation(compositeProgram, 'position'),\n  };\n\n  const uniformLocations = {\n    mask: gl.getUniformLocation(compositeProgram, 'mask')!,\n    frame: gl.getUniformLocation(compositeProgram, 'frame')!,\n    background: gl.getUniformLocation(compositeProgram, 'background')!,\n    stepWidth: gl.getUniformLocation(compositeProgram, 'u_stepWidth')!,\n  };\n\n  return {\n    program: compositeProgram,\n    vertexShader,\n    fragmentShader: compositeShader,\n    attribLocations,\n    uniformLocations,\n  };\n}\n","import { createProgram, createShader } from '../utils';\n\nexport function createDownSampler(\n  gl: WebGL2RenderingContext,\n  width: number,\n  height: number,\n): {\n  framebuffer: WebGLFramebuffer;\n  texture: WebGLTexture;\n  program: WebGLProgram;\n  uniforms: any;\n} {\n  // Create texture\n  const texture = gl.createTexture()!;\n  gl.bindTexture(gl.TEXTURE_2D, texture);\n  gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n\n  // Create framebuffer\n  const framebuffer = gl.createFramebuffer()!;\n  gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);\n  gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);\n\n  // Create shader program for copying\n  const vertexSource = `\n      attribute vec2 position;\n      varying vec2 v_uv;\n      void main() {\n        v_uv = (position + 1.0) * 0.5;\n        gl_Position = vec4(position, 0.0, 1.0);\n      }\n    `;\n\n  const fragmentSource = `\n      precision mediump float;\n      varying vec2 v_uv;\n      uniform sampler2D u_texture;\n      void main() {\n        gl_FragColor = texture2D(u_texture, v_uv);\n      }\n    `;\n\n  const vertShader = createShader(gl, gl.VERTEX_SHADER, vertexSource);\n  const fragShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource);\n  const program = createProgram(gl, vertShader, fragShader);\n\n  const uniforms = {\n    texture: gl.getUniformLocation(program, 'u_texture'),\n    position: gl.getAttribLocation(program, 'position'),\n  };\n\n  return {\n    framebuffer,\n    texture,\n    program,\n    uniforms,\n  };\n}\n\nexport function applyDownsampling(\n  gl: WebGL2RenderingContext,\n  inputTexture: WebGLTexture,\n  downSampler: {\n    framebuffer: WebGLFramebuffer;\n    texture: WebGLTexture;\n    program: WebGLProgram;\n    uniforms: any;\n  },\n  vertexBuffer: WebGLBuffer,\n  width: number,\n  height: number,\n): WebGLTexture {\n  gl.useProgram(downSampler.program);\n\n  gl.bindFramebuffer(gl.FRAMEBUFFER, downSampler.framebuffer);\n  gl.viewport(0, 0, width, height);\n\n  gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);\n  gl.enableVertexAttribArray(downSampler.uniforms.position);\n  gl.vertexAttribPointer(downSampler.uniforms.position, 2, gl.FLOAT, false, 0, 0);\n\n  gl.activeTexture(gl.TEXTURE0);\n  gl.bindTexture(gl.TEXTURE_2D, inputTexture);\n  gl.uniform1i(downSampler.uniforms.texture, 0);\n\n  gl.drawArrays(gl.TRIANGLES, 0, 6);\n\n  gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n\n  return downSampler.texture;\n}\n","/**\n * WebGL setup for the mask processor\n * potential improvements:\n * - downsample the video texture in background blur scenario before applying the (gaussian) blur for better performance\n *\n */\nimport { applyBlur, createBlurProgram } from './shader-programs/blurShader';\nimport { createBoxBlurProgram } from './shader-programs/boxBlurShader';\nimport { createCompositeProgram } from './shader-programs/compositeShader';\nimport { applyDownsampling, createDownSampler } from './shader-programs/downSampler';\nimport {\n  createFramebuffer,\n  createVertexBuffer,\n  getEmptyImageData,\n  initTexture,\n  resizeImageToCover,\n} from './utils';\n\nexport const setupWebGL = (canvas: OffscreenCanvas | HTMLCanvasElement) => {\n  const gl = canvas.getContext('webgl2', {\n    antialias: true,\n    premultipliedAlpha: true,\n  }) as WebGL2RenderingContext;\n\n  let blurRadius: number | null = null;\n  let maskBlurRadius: number | null = 8;\n  const downsampleFactor = 4;\n\n  if (!gl) {\n    console.error('Failed to create WebGL context');\n    return undefined;\n  }\n\n  gl.enable(gl.BLEND);\n  gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);\n\n  // Create the composite program\n  const composite = createCompositeProgram(gl);\n  const compositeProgram = composite.program;\n  const positionLocation = composite.attribLocations.position;\n  const {\n    mask: maskTextureLocation,\n    frame: frameTextureLocation,\n    background: bgTextureLocation,\n  } = composite.uniformLocations;\n\n  // Create the blur program using the same vertex shader source\n  const blur = createBlurProgram(gl);\n  const blurProgram = blur.program;\n  const blurUniforms = blur.uniforms;\n\n  // Create the box blur program\n  const boxBlur = createBoxBlurProgram(gl);\n  const boxBlurProgram = boxBlur.program;\n  const boxBlurUniforms = boxBlur.uniforms;\n\n  const bgTexture = initTexture(gl, 0);\n  const frameTexture = initTexture(gl, 1);\n  const vertexBuffer = createVertexBuffer(gl);\n\n  if (!vertexBuffer) {\n    throw new Error('Failed to create vertex buffer');\n  }\n\n  // Create additional textures and framebuffers for processing\n  let bgBlurTextures: WebGLTexture[] = [];\n  let bgBlurFrameBuffers: WebGLFramebuffer[] = [];\n  let blurredMaskTexture: WebGLTexture | null = null;\n\n  // For double buffering the final mask\n  let finalMaskTextures: WebGLTexture[] = [];\n  let readMaskIndex = 0; // Index for renderFrame to read from\n  let writeMaskIndex = 1; // Index for updateMask to write to\n\n  // Create textures for background processing (blur)\n  bgBlurTextures.push(initTexture(gl, 3)); // For blur pass 1\n  bgBlurTextures.push(initTexture(gl, 4)); // For blur pass 2\n\n  const bgBlurTextureWidth = Math.floor(canvas.width / downsampleFactor);\n  const bgBlurTextureHeight = Math.floor(canvas.height / downsampleFactor);\n\n  const downSampler = createDownSampler(gl, bgBlurTextureWidth, bgBlurTextureHeight);\n\n  // Create framebuffers for background processing\n  bgBlurFrameBuffers.push(\n    createFramebuffer(gl, bgBlurTextures[0], bgBlurTextureWidth, bgBlurTextureHeight),\n  );\n  bgBlurFrameBuffers.push(\n    createFramebuffer(gl, bgBlurTextures[1], bgBlurTextureWidth, bgBlurTextureHeight),\n  );\n\n  // Initialize texture for the first mask blur pass\n  const tempMaskTexture = initTexture(gl, 5);\n  const tempMaskFrameBuffer = createFramebuffer(gl, tempMaskTexture, canvas.width, canvas.height);\n\n  // Initialize two textures for double-buffering the final mask\n  finalMaskTextures.push(initTexture(gl, 6)); // For reading in renderFrame\n  finalMaskTextures.push(initTexture(gl, 7)); // For writing in updateMask\n\n  // Create framebuffers for the final mask textures\n  const finalMaskFrameBuffers = [\n    createFramebuffer(gl, finalMaskTextures[0], canvas.width, canvas.height),\n    createFramebuffer(gl, finalMaskTextures[1], canvas.width, canvas.height),\n  ];\n\n  // Set up uniforms for the composite shader\n  gl.useProgram(compositeProgram);\n  gl.uniform1i(bgTextureLocation, 0);\n  gl.uniform1i(frameTextureLocation, 1);\n  gl.uniform1i(maskTextureLocation, 2);\n\n  // Store custom background image\n  let customBackgroundImage: ImageBitmap | ImageData = getEmptyImageData();\n\n  function renderFrame(frame: VideoFrame) {\n    if (frame.codedWidth === 0 || finalMaskTextures.length === 0) {\n      return;\n    }\n\n    const width = frame.displayWidth;\n    const height = frame.displayHeight;\n\n    // Prepare frame texture\n    gl.activeTexture(gl.TEXTURE1);\n    gl.bindTexture(gl.TEXTURE_2D, frameTexture);\n    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, frame);\n\n    // Apply blur if enabled (and no custom background is set)\n    let backgroundTexture = bgTexture;\n\n    if (blurRadius) {\n      const downSampledFrameTexture = applyDownsampling(\n        gl,\n        frameTexture,\n        downSampler,\n        vertexBuffer!,\n        bgBlurTextureWidth,\n        bgBlurTextureHeight,\n      );\n      backgroundTexture = applyBlur(\n        gl,\n        downSampledFrameTexture,\n        bgBlurTextureWidth,\n        bgBlurTextureHeight,\n        blurRadius,\n        blurProgram,\n        blurUniforms,\n        vertexBuffer!,\n        bgBlurFrameBuffers,\n        bgBlurTextures,\n      );\n    } else {\n      gl.activeTexture(gl.TEXTURE0);\n      gl.bindTexture(gl.TEXTURE_2D, bgTexture);\n      gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, customBackgroundImage);\n      backgroundTexture = bgTexture;\n    }\n\n    // Render the final composite\n    gl.viewport(0, 0, width, height);\n    gl.clearColor(1.0, 1.0, 1.0, 1.0);\n    gl.clear(gl.COLOR_BUFFER_BIT);\n\n    gl.useProgram(compositeProgram);\n    gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);\n    gl.vertexAttribPointer(positionLocation, 2, gl.FLOAT, false, 0, 0);\n    gl.enableVertexAttribArray(positionLocation);\n\n    // Set background texture (either original, blurred or custom)\n    gl.activeTexture(gl.TEXTURE0);\n    gl.bindTexture(gl.TEXTURE_2D, backgroundTexture);\n    gl.uniform1i(bgTextureLocation, 0);\n\n    // Set frame texture\n    gl.activeTexture(gl.TEXTURE1);\n    gl.bindTexture(gl.TEXTURE_2D, frameTexture);\n    gl.uniform1i(frameTextureLocation, 1);\n\n    // Set mask texture - always read from the current read index\n    gl.activeTexture(gl.TEXTURE2);\n    gl.bindTexture(gl.TEXTURE_2D, finalMaskTextures[readMaskIndex]);\n    gl.uniform1i(maskTextureLocation, 2);\n    gl.drawArrays(gl.TRIANGLES, 0, 6);\n  }\n\n  /**\n   * Set or update the background image\n   * @param image The background image to use, or null to clear\n   */\n  async function setBackgroundImage(image: ImageBitmap | null) {\n    // Clear existing background\n    customBackgroundImage = getEmptyImageData();\n\n    if (image) {\n      try {\n        // Resize and crop the image to cover the canvas\n        const croppedImage = await resizeImageToCover(image, canvas.width, canvas.height);\n\n        // Store the cropped and resized image\n        customBackgroundImage = croppedImage;\n      } catch (error) {\n        console.error(\n          'Error processing background image, falling back to black background:',\n          error,\n        );\n      }\n    }\n\n    gl.activeTexture(gl.TEXTURE0);\n    gl.bindTexture(gl.TEXTURE_2D, bgTexture);\n    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, customBackgroundImage);\n  }\n\n  function setBlurRadius(radius: number | null) {\n    blurRadius = radius ? Math.max(1, Math.floor(radius / downsampleFactor)) : null; // we are downsampling the blur texture, so decrease the radius here for better performance with a similar visual result\n    setBackgroundImage(null);\n  }\n\n  function updateMask(mask: WebGLTexture) {\n    // Use the existing applyBlur function to apply the first blur pass\n    // The second blur pass will be written to finalMaskTextures[writeMaskIndex]\n\n    // Create temporary arrays for the single blur operation\n    const tempFramebuffers = [tempMaskFrameBuffer, finalMaskFrameBuffers[writeMaskIndex]];\n\n    const tempTextures = [tempMaskTexture, finalMaskTextures[writeMaskIndex]];\n\n    // Apply the blur using the existing function\n    applyBlur(\n      gl,\n      mask,\n      canvas.width,\n      canvas.height,\n      maskBlurRadius || 1.0,\n      boxBlurProgram,\n      boxBlurUniforms,\n      vertexBuffer!,\n      tempFramebuffers,\n      tempTextures,\n    );\n\n    // Swap indices for the next frame\n    readMaskIndex = writeMaskIndex;\n    writeMaskIndex = 1 - writeMaskIndex;\n  }\n\n  function cleanup() {\n    gl.deleteProgram(compositeProgram);\n    gl.deleteProgram(blurProgram);\n    gl.deleteProgram(boxBlurProgram);\n    gl.deleteTexture(bgTexture);\n    gl.deleteTexture(frameTexture);\n    gl.deleteTexture(tempMaskTexture);\n    gl.deleteFramebuffer(tempMaskFrameBuffer);\n\n    for (const texture of bgBlurTextures) {\n      gl.deleteTexture(texture);\n    }\n    for (const framebuffer of bgBlurFrameBuffers) {\n      gl.deleteFramebuffer(framebuffer);\n    }\n    for (const texture of finalMaskTextures) {\n      gl.deleteTexture(texture);\n    }\n    for (const framebuffer of finalMaskFrameBuffers) {\n      gl.deleteFramebuffer(framebuffer);\n    }\n    gl.deleteBuffer(vertexBuffer);\n\n    if (blurredMaskTexture) {\n      gl.deleteTexture(blurredMaskTexture);\n    }\n\n    if (downSampler) {\n      gl.deleteTexture(downSampler.texture);\n      gl.deleteFramebuffer(downSampler.framebuffer);\n      gl.deleteProgram(downSampler.program);\n    }\n\n    // Release any ImageBitmap resources\n    if (customBackgroundImage) {\n      if (customBackgroundImage instanceof ImageBitmap) {\n        customBackgroundImage.close();\n      }\n      customBackgroundImage = getEmptyImageData();\n    }\n    bgBlurTextures = [];\n    bgBlurFrameBuffers = [];\n    finalMaskTextures = [];\n  }\n\n  return { renderFrame, updateMask, setBackgroundImage, setBlurRadius, cleanup };\n};\n","import { createCanvas } from '../utils';\nimport { setupWebGL } from '../webgl/index';\nimport { VideoTrackTransformer, VideoTransformerInitOptions } from './types';\n\nexport default abstract class VideoTransformer<Options extends Record<string, unknown>>\n  implements VideoTrackTransformer<Options>\n{\n  transformer?: TransformStream;\n\n  canvas?: OffscreenCanvas | HTMLCanvasElement;\n\n  // ctx?: OffscreenCanvasRenderingContext2D;\n\n  inputVideo?: HTMLVideoElement;\n\n  gl?: ReturnType<typeof setupWebGL>;\n\n  protected isDisabled?: Boolean = false;\n\n  async init({\n    outputCanvas,\n    inputElement: inputVideo,\n  }: VideoTransformerInitOptions): Promise<void> {\n    if (!(inputVideo instanceof HTMLVideoElement)) {\n      throw TypeError('Video transformer needs a HTMLVideoElement as input');\n    }\n\n    this.transformer = new TransformStream({\n      transform: (frame, controller) => this.transform(frame, controller),\n    });\n    this.canvas = outputCanvas || null;\n    if (outputCanvas) {\n      // this.ctx = this.canvas?.getContext('2d') || undefined;\n      this.gl = setupWebGL(\n        this.canvas || createCanvas(inputVideo.videoWidth, inputVideo.videoHeight),\n      );\n    }\n    this.inputVideo = inputVideo;\n    this.isDisabled = false;\n  }\n\n  async restart({ outputCanvas, inputElement: inputVideo }: VideoTransformerInitOptions) {\n    this.canvas = outputCanvas || null;\n    this.gl?.cleanup();\n    this.gl = setupWebGL(\n      this.canvas || createCanvas(inputVideo.videoWidth, inputVideo.videoHeight),\n    );\n\n    this.inputVideo = inputVideo;\n    this.isDisabled = false;\n  }\n\n  async destroy() {\n    this.isDisabled = true;\n    this.canvas = undefined;\n    this.gl?.cleanup();\n    this.gl = undefined;\n  }\n\n  abstract transform(\n    frame: VideoFrame,\n    controller: TransformStreamDefaultController<VideoFrame>,\n  ): void;\n\n  abstract update(options: Options): void;\n}\n","import ProcessorWrapper, { ProcessorWrapperOptions } from './ProcessorWrapper';\nimport BackgroundTransformer, {\n  BackgroundOptions,\n  FrameProcessingStats,\n  SegmenterOptions,\n} from './transformers/BackgroundTransformer';\n\nexport * from './transformers/types';\nexport { default as VideoTransformer } from './transformers/VideoTransformer';\nexport {\n  ProcessorWrapper,\n  type BackgroundOptions,\n  type SegmenterOptions,\n  BackgroundTransformer,\n  type ProcessorWrapperOptions,\n};\n\n/**\n * Determines if the current browser supports background processors\n */\nexport const supportsBackgroundProcessors = () =>\n  BackgroundTransformer.isSupported && ProcessorWrapper.isSupported;\n\n/**\n * Determines if the current browser supports modern background processors, which yield better performance\n */\nexport const supportsModernBackgroundProcessors = () =>\n  BackgroundTransformer.isSupported && ProcessorWrapper.hasModernApiSupport;\n\nexport interface BackgroundProcessorOptions extends ProcessorWrapperOptions {\n  blurRadius?: number;\n  imagePath?: string;\n  segmenterOptions?: SegmenterOptions;\n  assetPaths?: { tasksVisionFileSet?: string; modelAssetPath?: string };\n  onFrameProcessed?: (stats: FrameProcessingStats) => void;\n}\n\nexport const BackgroundBlur = (\n  blurRadius: number = 10,\n  segmenterOptions?: SegmenterOptions,\n  onFrameProcessed?: (stats: FrameProcessingStats) => void,\n  processorOptions?: ProcessorWrapperOptions,\n) => {\n  return BackgroundProcessor(\n    {\n      blurRadius,\n      segmenterOptions,\n      onFrameProcessed,\n      ...processorOptions,\n    },\n    'background-blur',\n  );\n};\n\nexport const VirtualBackground = (\n  imagePath: string,\n  segmenterOptions?: SegmenterOptions,\n  onFrameProcessed?: (stats: FrameProcessingStats) => void,\n  processorOptions?: ProcessorWrapperOptions,\n) => {\n  return BackgroundProcessor(\n    {\n      imagePath,\n      segmenterOptions,\n      onFrameProcessed,\n      ...processorOptions,\n    },\n    'virtual-background',\n  );\n};\n\nexport const BackgroundProcessor = (\n  options: BackgroundProcessorOptions,\n  name = 'background-processor',\n) => {\n  const isTransformerSupported = BackgroundTransformer.isSupported;\n  const isProcessorSupported = ProcessorWrapper.isSupported;\n\n  if (!isTransformerSupported) {\n    throw new Error('Background transformer is not supported in this browser');\n  }\n\n  if (!isProcessorSupported) {\n    throw new Error(\n      'Neither MediaStreamTrackProcessor nor canvas.captureStream() fallback is supported in this browser',\n    );\n  }\n\n  // Extract transformer-specific options and processor options\n  const {\n    blurRadius,\n    imagePath,\n    segmenterOptions,\n    assetPaths,\n    onFrameProcessed,\n    ...processorOpts\n  } = options;\n\n  const transformer = new BackgroundTransformer({\n    blurRadius,\n    imagePath,\n    segmenterOptions,\n    assetPaths,\n    onFrameProcessed,\n  });\n\n  const processor = new ProcessorWrapper(transformer, name, processorOpts);\n\n  return processor;\n};\n"],"mappings":"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","names":["_a","BackgroundProcessor"]}

package/dist/src/ProcessorWrapper.d.ts

@@ -20,7 +20,7 @@ export default class ProcessorWrapper<TransformerOptions extends Record<string,
     source?: MediaStreamVideoTrack;
     processor?: MediaStreamTrackProcessor<VideoFrame>;
     trackGenerator?: MediaStreamTrackGenerator<VideoFrame>;
-    canvas?: OffscreenCanvas;
+    canvas?: OffscreenCanvas | HTMLCanvasElement;
     displayCanvas?: HTMLCanvasElement;
     sourceDummy?: HTMLMediaElement;
     processedTrack?: MediaStreamTrack;

package/dist/src/transformers/VideoTransformer.d.ts

@@ -2,7 +2,7 @@ import { setupWebGL } from '../webgl/index';
 import { VideoTrackTransformer, VideoTransformerInitOptions } from './types';
 export default abstract class VideoTransformer<Options extends Record<string, unknown>> implements VideoTrackTransformer<Options> {
     transformer?: TransformStream;
-    canvas?: OffscreenCanvas;
+    canvas?: OffscreenCanvas | HTMLCanvasElement;
     inputVideo?: HTMLVideoElement;
     gl?: ReturnType<typeof setupWebGL>;
     protected isDisabled?: Boolean;

package/dist/src/transformers/types.d.ts

@@ -2,7 +2,7 @@ export type TrackTransformerInitOptions = {
     inputElement: HTMLMediaElement;
 };
 export interface VideoTransformerInitOptions extends TrackTransformerInitOptions {
-    outputCanvas: OffscreenCanvas;
+    outputCanvas: OffscreenCanvas | HTMLCanvasElement;
     inputElement: HTMLVideoElement;
 }
 export interface AudioTransformerInitOptions extends TrackTransformerInitOptions {

package/dist/src/utils.d.ts

@@ -1,5 +1,4 @@
-export declare const supportsProcessor: boolean;
-export declare const supportsOffscreenCanvas: boolean;
+export declare const supportsOffscreenCanvas: () => boolean;
 export declare function waitForTrackResolution(track: MediaStreamTrack): Promise<{
     width: number;
     height: number;
@@ -7,3 +6,4 @@ export declare function waitForTrackResolution(track: MediaStreamTrack): Promise
     width: undefined;
     height: undefined;
 }>;
+export declare function createCanvas(width: number, height: number): OffscreenCanvas | HTMLCanvasElement;

package/dist/src/webgl/index.d.ts

@@ -1,4 +1,4 @@
-export declare const setupWebGL: (canvas: OffscreenCanvas) => {
+export declare const setupWebGL: (canvas: OffscreenCanvas | HTMLCanvasElement) => {
     renderFrame: (frame: VideoFrame) => void;
     updateMask: (mask: WebGLTexture) => void;
     setBackgroundImage: (image: ImageBitmap | null) => Promise<void>;

package/dist/src/webgl/utils.d.ts

@@ -20,6 +20,6 @@ export declare function createVertexBuffer(gl: WebGL2RenderingContext): WebGLBuf
  * @returns A cropped and resized ImageBitmap
  */
 export declare function resizeImageToCover(image: ImageBitmap, targetWidth: number, targetHeight: number): Promise<ImageBitmap>;
-declare const emptyImageData: ImageData;
+declare function getEmptyImageData(): ImageData;
 declare const glsl: (source: any) => any;
-export { emptyImageData, glsl };
+export { getEmptyImageData, glsl };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livekit/track-processors",
-  "version": "0.5.5",
+  "version": "0.5.6",
   "description": "LiveKit track processors",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/ProcessorWrapper.ts

@@ -1,6 +1,6 @@
 import type { ProcessorOptions, Track, TrackProcessor } from 'livekit-client';
 import { TrackTransformer } from './transformers';
-import { waitForTrackResolution } from './utils';
+import { createCanvas, waitForTrackResolution } from './utils';
 
 export interface ProcessorWrapperOptions {
   /**
@@ -50,7 +50,7 @@ export default class ProcessorWrapper<TransformerOptions extends Record<string,
 
   trackGenerator?: MediaStreamTrackGenerator<VideoFrame>;
 
-  canvas?: OffscreenCanvas;
+  canvas?: OffscreenCanvas | HTMLCanvasElement;
 
   displayCanvas?: HTMLCanvasElement;
 
@@ -125,7 +125,7 @@ export default class ProcessorWrapper<TransformerOptions extends Record<string,
 
       this.renderContext = this.displayCanvas.getContext('2d')!;
       this.capturedStream = this.displayCanvas.captureStream();
-      this.canvas = new OffscreenCanvas(width ?? 300, height ?? 300);
+      this.canvas = createCanvas(width ?? 300, height ?? 300);
     } else {
       // Use MediaStreamTrackProcessor API
       this.processor = new MediaStreamTrackProcessor({ track: this.source });
@@ -133,7 +133,7 @@ export default class ProcessorWrapper<TransformerOptions extends Record<string,
         kind: 'video',
         signalTarget: this.source,
       });
-      this.canvas = new OffscreenCanvas(width ?? 300, height ?? 300);
+      this.canvas = createCanvas(width ?? 300, height ?? 300);
     }
   }
 

package/src/transformers/VideoTransformer.ts

@@ -1,3 +1,4 @@
+import { createCanvas } from '../utils';
 import { setupWebGL } from '../webgl/index';
 import { VideoTrackTransformer, VideoTransformerInitOptions } from './types';
 
@@ -6,7 +7,7 @@ export default abstract class VideoTransformer<Options extends Record<string, un
 {
   transformer?: TransformStream;
 
-  canvas?: OffscreenCanvas;
+  canvas?: OffscreenCanvas | HTMLCanvasElement;
 
   // ctx?: OffscreenCanvasRenderingContext2D;
 
@@ -31,7 +32,7 @@ export default abstract class VideoTransformer<Options extends Record<string, un
     if (outputCanvas) {
       // this.ctx = this.canvas?.getContext('2d') || undefined;
       this.gl = setupWebGL(
-        this.canvas || new OffscreenCanvas(inputVideo.videoWidth, inputVideo.videoHeight),
+        this.canvas || createCanvas(inputVideo.videoWidth, inputVideo.videoHeight),
       );
     }
     this.inputVideo = inputVideo;
@@ -42,7 +43,7 @@ export default abstract class VideoTransformer<Options extends Record<string, un
     this.canvas = outputCanvas || null;
     this.gl?.cleanup();
     this.gl = setupWebGL(
-      this.canvas || new OffscreenCanvas(inputVideo.videoWidth, inputVideo.videoHeight),
+      this.canvas || createCanvas(inputVideo.videoWidth, inputVideo.videoHeight),
     );
 
     this.inputVideo = inputVideo;

package/src/transformers/types.ts

@@ -3,7 +3,7 @@ export type TrackTransformerInitOptions = {
 };
 
 export interface VideoTransformerInitOptions extends TrackTransformerInitOptions {
-  outputCanvas: OffscreenCanvas;
+  outputCanvas: OffscreenCanvas | HTMLCanvasElement;
   inputElement: HTMLVideoElement;
 }
 

package/src/utils.ts

@@ -1,6 +1,5 @@
 /* eslint-disable @typescript-eslint/naming-convention */
-export const supportsProcessor = typeof MediaStreamTrackGenerator !== 'undefined';
-export const supportsOffscreenCanvas = typeof OffscreenCanvas !== 'undefined';
+export const supportsOffscreenCanvas = () => typeof OffscreenCanvas !== 'undefined';
 
 async function sleep(time: number) {
   return new Promise((resolve) => setTimeout(resolve, time));
@@ -23,3 +22,13 @@ export async function waitForTrackResolution(track: MediaStreamTrack) {
   }
   return { width: undefined, height: undefined };
 }
+
+export function createCanvas(width: number, height: number) {
+  if (supportsOffscreenCanvas()) {
+    return new OffscreenCanvas(width, height);
+  }
+  const canvas = document.createElement('canvas');
+  canvas.width = width;
+  canvas.height = height;
+  return canvas;
+}

package/src/webgl/index.ts

@@ -11,12 +11,12 @@ import { applyDownsampling, createDownSampler } from './shader-programs/downSamp
 import {
   createFramebuffer,
   createVertexBuffer,
-  emptyImageData,
+  getEmptyImageData,
   initTexture,
   resizeImageToCover,
 } from './utils';
 
-export const setupWebGL = (canvas: OffscreenCanvas) => {
+export const setupWebGL = (canvas: OffscreenCanvas | HTMLCanvasElement) => {
   const gl = canvas.getContext('webgl2', {
     antialias: true,
     premultipliedAlpha: true,
@@ -110,7 +110,7 @@ export const setupWebGL = (canvas: OffscreenCanvas) => {
   gl.uniform1i(maskTextureLocation, 2);
 
   // Store custom background image
-  let customBackgroundImage: ImageBitmap | ImageData = emptyImageData;
+  let customBackgroundImage: ImageBitmap | ImageData = getEmptyImageData();
 
   function renderFrame(frame: VideoFrame) {
     if (frame.codedWidth === 0 || finalMaskTextures.length === 0) {
@@ -189,7 +189,7 @@ export const setupWebGL = (canvas: OffscreenCanvas) => {
    */
   async function setBackgroundImage(image: ImageBitmap | null) {
     // Clear existing background
-    customBackgroundImage = emptyImageData;
+    customBackgroundImage = getEmptyImageData();
 
     if (image) {
       try {
@@ -282,7 +282,7 @@ export const setupWebGL = (canvas: OffscreenCanvas) => {
       if (customBackgroundImage instanceof ImageBitmap) {
         customBackgroundImage.close();
       }
-      customBackgroundImage = emptyImageData;
+      customBackgroundImage = getEmptyImageData();
     }
     bgBlurTextures = [];
     bgBlurFrameBuffers = [];

package/src/webgl/utils.ts

@@ -131,12 +131,20 @@ export async function resizeImageToCover(
   });
 }
 
-const emptyImageData = new ImageData(2, 2);
-emptyImageData.data[0] = 0;
-emptyImageData.data[1] = 0;
-emptyImageData.data[2] = 0;
-emptyImageData.data[3] = 0;
+let emptyImageData: ImageData | undefined;
+
+function getEmptyImageData() {
+  if (!emptyImageData) {
+    emptyImageData = new ImageData(2, 2);
+    emptyImageData.data[0] = 0;
+    emptyImageData.data[1] = 0;
+    emptyImageData.data[2] = 0;
+    emptyImageData.data[3] = 0;
+  }
+
+  return emptyImageData;
+}
 
 const glsl = (source: any) => source;
 
-export { emptyImageData, glsl };
+export { getEmptyImageData, glsl };