@webex/ladon-ts 4.5.1 → 5.0.2

package/build/module/lib/renderer/blur-renderer.js

@@ -1,23 +1,11 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { bilinearUpsample, compileShader, linkProgram } from '../util';
-import { WebGLRenderer } from './webgl-renderer';
-export class BlurRenderer extends WebGLRenderer {
-    constructor(output_canvas, config) {
-        super(output_canvas, config);
-        this.output_canvas = output_canvas;
-        this.config = config;
-        this.fragment_shader_common = `#version 300 es
+import { compileShader as o, linkProgram as h } from "../util.js";
+import { WebGLRenderer as a } from "./webgl-renderer.js";
+class _ extends a {
+  constructor(r, i) {
+    if (super(r, i), this.output_canvas = r, this.config = i, this.fragment_shader_common = `#version 300 es
 precision highp float;
 
-#define KERNEL_SIZE     ${this.config.render.kernel_size}
+#define KERNEL_SIZE     ${this.config.render.kernelSize}
 #define HORIZONTAL      vec2(1.0, 0.0)
 #define VERTICAL        vec2(0.0, 1.0)
 
@@ -56,16 +44,12 @@ vec3 blur(sampler2D src, vec2 uv, vec2 direction) {
     weightSum = max(weightSum, 0.001); // Avoid division by zero
     return accum.rgb / weightSum;
 }
-`;
-        this.fragment_shader_pass_1_src = this.fragment_shader_common +
-            `
+`, this.fragment_shader_pass_1_src = this.fragment_shader_common + `
 void main() {
     vec2 st = gl_FragCoord.xy / u_resolution;
     outColor = vec4(blur(u_image, st, HORIZONTAL), 1.0);
 }
-`;
-        this.fragment_shader_pass_2_src = this.fragment_shader_common +
-            `
+`, this.fragment_shader_pass_2_src = this.fragment_shader_common + `
 uniform sampler2D   u_blur;
 
 void main() {
@@ -79,105 +63,97 @@ void main() {
     vec3 color = mix(original, blurred, mask); // Ensure mask properly determines blur influence on background
     outColor = vec4(color, 1.0);
 }
-`;
-        if (this.config.render.kernel_size % 2 === 0) {
-            throw new Error('[ladon-ts] - kernel_size must be odd');
-        }
-        // program pass 1 setup
-        {
-            const vertex_shader = compileShader(this.gl, this.gl.VERTEX_SHADER, this.vertex_shader_src);
-            const fragment_shader = compileShader(this.gl, this.gl.FRAGMENT_SHADER, this.fragment_shader_pass_1_src);
-            this.program_1 = linkProgram(this.gl, vertex_shader, fragment_shader);
-            this.gl.useProgram(this.program_1);
-            const framebuffer = this.gl.createFramebuffer();
-            if (!framebuffer) {
-                throw new Error('[ladon-ts] - error creating framebuffer');
-            }
-            this.framebuffer = framebuffer;
-            const transfer_texture = this.gl.createTexture();
-            if (!transfer_texture) {
-                throw new Error('[ladon-ts] - error creating output texture');
-            }
-            this.transfer_texture = transfer_texture;
-            this.gl.bindFramebuffer(this.gl.FRAMEBUFFER, this.framebuffer);
-            this.gl.bindTexture(this.gl.TEXTURE_2D, this.transfer_texture);
-            this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_MIN_FILTER, this.gl.LINEAR);
-            this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_WRAP_S, this.gl.CLAMP_TO_EDGE);
-            this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_WRAP_T, this.gl.CLAMP_TO_EDGE);
-            this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, this.config.input.width, this.config.input.height, 0, this.gl.RGBA, this.gl.UNSIGNED_BYTE, null);
-            this.gl.framebufferTexture2D(this.gl.FRAMEBUFFER, this.gl.COLOR_ATTACHMENT0, this.gl.TEXTURE_2D, this.transfer_texture, 0);
-            this.gl.bindFramebuffer(this.gl.FRAMEBUFFER, null);
-            this.setSharedUniforms(this.program_1);
-            const u_kernel = this.gl.getUniformLocation(this.program_1, 'u_kernel');
-            if (!u_kernel) {
-                throw new Error('[ladon-ts] - error finding "u_kernel" uniform');
-            }
-            this.gl.uniform1fv(u_kernel, this.getBlurKernel());
-        }
-        // program pass 2 setup
-        {
-            const vertex_shader = compileShader(this.gl, this.gl.VERTEX_SHADER, this.vertex_shader_src);
-            const fragment_shader = compileShader(this.gl, this.gl.FRAGMENT_SHADER, this.fragment_shader_pass_2_src);
-            this.program_2 = linkProgram(this.gl, vertex_shader, fragment_shader);
-            this.gl.useProgram(this.program_2);
-            const u_blur = this.gl.getUniformLocation(this.program_2, 'u_blur');
-            if (!u_blur) {
-                throw new Error('[ladon-ts] - error finding "u_blur" uniform');
-            }
-            this.u_blur = u_blur;
-            this.gl.activeTexture(this.gl.TEXTURE2);
-            this.gl.bindTexture(this.gl.TEXTURE_2D, this.transfer_texture);
-            this.gl.uniform1i(this.u_blur, 2);
-            this.setSharedUniforms(this.program_2);
-            const u_kernel = this.gl.getUniformLocation(this.program_2, 'u_kernel');
-            if (!u_kernel) {
-                throw new Error('[ladon-ts] - error finding "u_kernel" uniform');
-            }
-            this.gl.uniform1fv(u_kernel, this.getBlurKernel());
-        }
-    }
-    render(input, mask) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.uploadVideoStream(input);
-            // The mask may not be included if it has not been generated (e.g., frame skipped).
-            if (mask === null || mask === void 0 ? void 0 : mask.warm) {
-                const maskData = bilinearUpsample(mask.data, this.config.mask.output_size.width, this.config.mask.output_size.height, this.config.mask.upscaled_size.width, this.config.mask.upscaled_size.height);
-                this.gl.activeTexture(this.gl.TEXTURE1);
-                this.gl.bindTexture(this.gl.TEXTURE_2D, this.mask_texture);
-                this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.R8, this.config.mask.upscaled_size.width, this.config.mask.upscaled_size.height, 0, this.gl.RED, this.gl.UNSIGNED_BYTE, maskData);
-            }
-            // program pass 1 - blur in one direction & output to framebuffer
-            this.gl.useProgram(this.program_1);
-            this.gl.bindFramebuffer(this.gl.FRAMEBUFFER, this.framebuffer);
-            this.gl.drawArrays(this.gl.TRIANGLES, 0, this.verts.length / 3);
-            this.gl.bindFramebuffer(this.gl.FRAMEBUFFER, null);
-            // program pass 2 - blur in other direction & draw to screen
-            this.gl.useProgram(this.program_2);
-            this.gl.drawArrays(this.gl.TRIANGLES, 0, this.verts.length / 3);
-            this.postDraw();
-        });
-    }
-    load() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // empty
-        });
-    }
-    destroy() {
-        // empty
-    }
-    getBlurKernel() {
-        const kernel = [];
-        let sum = 0;
-        for (let i = 0; i < this.config.render.kernel_size; i++) {
-            let w = i - (this.config.render.kernel_size - 1) / 2;
-            w = Math.exp(-(Math.pow(w, 2)) / Math.pow(this.config.render.sigma, 2));
-            kernel.push(w);
-            sum += w;
-        }
-        for (let i = 0; i < this.config.render.kernel_size; i++) {
-            kernel[i] = kernel[i] / sum;
-        }
-        return new Float32Array(kernel);
-    }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmx1ci1yZW5kZXJlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvcmVuZGVyZXIvYmx1ci1yZW5kZXJlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFFQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUd2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFakQsTUFBTSxPQUFPLFlBQWEsU0FBUSxhQUFhO0lBZ0YzQyxZQUFtQixhQUFnQyxFQUFrQixNQUFzQjtRQUN2RixLQUFLLENBQUMsYUFBYSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBRGQsa0JBQWEsR0FBYixhQUFhLENBQW1CO1FBQWtCLFdBQU0sR0FBTixNQUFNLENBQWdCO1FBdkVuRiwyQkFBc0IsR0FBRzs7OzBCQUdWLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBcUIsQ0FBQyxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0F1Q3ZFLENBQUM7UUFFVSwrQkFBMEIsR0FDOUIsSUFBSSxDQUFDLHNCQUFzQjtZQUMzQjs7Ozs7Q0FLUCxDQUFDO1FBRVMsK0JBQTBCLEdBQzdCLElBQUksQ0FBQyxzQkFBc0I7WUFDM0I7Ozs7TUFJRixJQUFJLENBQUMsZ0JBQWdCLEVBQUU7Ozs7Ozs7Ozs7Q0FVNUIsQ0FBQztRQUtNLElBQUssSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFxQixDQUFDLFdBQVcsR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQzFELE1BQU0sSUFBSSxLQUFLLENBQUMsc0NBQXNDLENBQUMsQ0FBQztTQUMzRDtRQUVELHVCQUF1QjtRQUN2QjtZQUNJLE1BQU0sYUFBYSxHQUFHLGFBQWEsQ0FDL0IsSUFBSSxDQUFDLEVBQUUsRUFDUCxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsRUFDckIsSUFBSSxDQUFDLGlC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
+`, this.config.render.kernelSize % 2 === 0)
+      throw new Error("[ladon-ts] - kernel_size must be odd");
+    {
+      const e = o(
+        this.gl,
+        this.gl.VERTEX_SHADER,
+        this.vertex_shader_src
+      ), t = o(
+        this.gl,
+        this.gl.FRAGMENT_SHADER,
+        this.fragment_shader_pass_1_src
+      );
+      this.program_1 = h(this.gl, e, t), this.gl.useProgram(this.program_1);
+      const s = this.gl.createFramebuffer();
+      if (!s)
+        throw new Error("[ladon-ts] - error creating framebuffer");
+      this.framebuffer = s;
+      const n = this.gl.createTexture();
+      if (!n)
+        throw new Error("[ladon-ts] - error creating output texture");
+      this.transfer_texture = n, this.gl.bindFramebuffer(this.gl.FRAMEBUFFER, this.framebuffer), this.gl.bindTexture(this.gl.TEXTURE_2D, this.transfer_texture), this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_MIN_FILTER, this.gl.LINEAR), this.gl.texParameteri(
+        this.gl.TEXTURE_2D,
+        this.gl.TEXTURE_WRAP_S,
+        this.gl.CLAMP_TO_EDGE
+      ), this.gl.texParameteri(
+        this.gl.TEXTURE_2D,
+        this.gl.TEXTURE_WRAP_T,
+        this.gl.CLAMP_TO_EDGE
+      ), this.gl.texImage2D(
+        this.gl.TEXTURE_2D,
+        0,
+        this.gl.RGBA,
+        this.config.input.width,
+        this.config.input.height,
+        0,
+        this.gl.RGBA,
+        this.gl.UNSIGNED_BYTE,
+        null
+      ), this.gl.framebufferTexture2D(
+        this.gl.FRAMEBUFFER,
+        this.gl.COLOR_ATTACHMENT0,
+        this.gl.TEXTURE_2D,
+        this.transfer_texture,
+        0
+      ), this.gl.bindFramebuffer(this.gl.FRAMEBUFFER, null), this.setSharedUniforms(this.program_1);
+      const l = this.gl.getUniformLocation(this.program_1, "u_kernel");
+      if (!l)
+        throw new Error('[ladon-ts] - error finding "u_kernel" uniform');
+      this.gl.uniform1fv(l, this.getBlurKernel());
+    }
+    {
+      const e = o(
+        this.gl,
+        this.gl.VERTEX_SHADER,
+        this.vertex_shader_src
+      ), t = o(
+        this.gl,
+        this.gl.FRAGMENT_SHADER,
+        this.fragment_shader_pass_2_src
+      );
+      this.program_2 = h(this.gl, e, t), this.gl.useProgram(this.program_2);
+      const s = this.gl.getUniformLocation(this.program_2, "u_blur");
+      if (!s)
+        throw new Error('[ladon-ts] - error finding "u_blur" uniform');
+      this.u_blur = s, this.gl.activeTexture(this.gl.TEXTURE2), this.gl.bindTexture(this.gl.TEXTURE_2D, this.transfer_texture), this.gl.uniform1i(this.u_blur, 2), this.setSharedUniforms(this.program_2);
+      const n = this.gl.getUniformLocation(this.program_2, "u_kernel");
+      if (!n)
+        throw new Error('[ladon-ts] - error finding "u_kernel" uniform');
+      this.gl.uniform1fv(n, this.getBlurKernel());
+    }
+  }
+  async render(r, i) {
+    this.uploadVideoStream(r), this.uploadMask(i), this.gl.useProgram(this.program_1), this.gl.bindFramebuffer(this.gl.FRAMEBUFFER, this.framebuffer), this.gl.drawArrays(this.gl.TRIANGLES, 0, this.verts.length / 3), this.gl.bindFramebuffer(this.gl.FRAMEBUFFER, null), this.gl.useProgram(this.program_2), this.gl.drawArrays(this.gl.TRIANGLES, 0, this.verts.length / 3), this.postDraw();
+  }
+  async load() {
+  }
+  destroy() {
+  }
+  getBlurKernel() {
+    const r = [];
+    let i = 0;
+    for (let e = 0; e < this.config.render.kernelSize; e++) {
+      let t = e - (this.config.render.kernelSize - 1) / 2;
+      t = Math.exp(-(t ** 2) / this.config.render.sigma ** 2), r.push(t), i += t;
+    }
+    for (let e = 0; e < this.config.render.kernelSize; e++)
+      r[e] = r[e] / i;
+    return new Float32Array(r);
+  }
+}
+export {
+  _ as BlurRenderer
+};
+//# sourceMappingURL=blur-renderer.js.map

package/build/module/lib/renderer/blur-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blur-renderer.js","sources":["../../../../src/lib/renderer/blur-renderer.ts"],"sourcesContent":["import { BlurConfig, PipelineConfig } from '../config-types';\nimport { FrameData, LadonOutput } from '../generator';\nimport { compileShader, linkProgram } from '../util';\n\nimport { LadonRenderer } from './ladon-renderer';\nimport { WebGLRenderer } from './webgl-renderer';\n\nexport class BlurRenderer extends WebGLRenderer implements LadonRenderer {\n    private program_1: WebGLProgram;\n    private program_2: WebGLProgram;\n\n    private framebuffer: WebGLFramebuffer;\n    private transfer_texture: WebGLTexture;\n\n    private u_blur: WebGLUniformLocation;\n\n    private fragment_shader_common = `#version 300 es\nprecision highp float;\n\n#define KERNEL_SIZE     ${(this.config.render as BlurConfig).kernelSize}\n#define HORIZONTAL      vec2(1.0, 0.0)\n#define VERTICAL        vec2(0.0, 1.0)\n\nout vec4 outColor;\n\nuniform sampler2D       u_image;\nuniform sampler2D       u_mask;\nuniform vec2            u_resolution;\nuniform float           u_kernel[KERNEL_SIZE];\n\n// Function to retrieve the mask value\nfloat get_mask(vec2 st) {\n    return texture(u_mask, st).r;\n}\n\n// Get the inverse of the masked area\nfloat get_inv_mask(vec2 st) {\n    return 1.0 - get_mask(st);\n}\n\n// Blurring function\nvec3 blur(sampler2D src, vec2 uv, vec2 direction) {\n    vec4 accum = vec4(0.0);\n    vec2 step = direction / u_resolution;\n    int offset = (KERNEL_SIZE - 1) / 2;\n\n    float weightSum = 0.0;\n    for (int i = 0; i < KERNEL_SIZE; i++) {\n        vec2 sampleUV = uv + step * float(i - offset);\n        vec4 sampleTex = texture(src, sampleUV);\n        float weight = u_kernel[i];\n        accum += sampleTex * weight;\n        weightSum += weight;\n    }\n\n    weightSum = max(weightSum, 0.001); // Avoid division by zero\n    return accum.rgb / weightSum;\n}\n`;\n\n    private fragment_shader_pass_1_src =\n        this.fragment_shader_common +\n        `\nvoid main() {\n    vec2 st = gl_FragCoord.xy / u_resolution;\n    outColor = vec4(blur(u_image, st, HORIZONTAL), 1.0);\n}\n`;\n\n    public fragment_shader_pass_2_src =\n        this.fragment_shader_common +\n        `\nuniform sampler2D   u_blur;\n\nvoid main() {\n    ${this.getUVCalculation()};\n\n    vec3 blurred = blur(u_blur, st, VERTICAL);\n    vec3 original = texture(u_image, st).rgb;\n    float mask = get_inv_mask(st); // Use inverse mask to blur background, not user\n\n    // Correct blending based on the mask\n    vec3 color = mix(original, blurred, mask); // Ensure mask properly determines blur influence on background\n    outColor = vec4(color, 1.0);\n}\n`;\n\n    constructor(public output_canvas: HTMLCanvasElement, public readonly config: PipelineConfig) {\n        super(output_canvas, config);\n\n        if ((this.config.render as BlurConfig).kernelSize % 2 === 0) {\n            throw new Error('[ladon-ts] - kernel_size must be odd');\n        }\n\n        // program pass 1 setup\n        {\n            const vertex_shader = compileShader(\n                this.gl,\n                this.gl.VERTEX_SHADER,\n                this.vertex_shader_src\n            );\n            const fragment_shader = compileShader(\n                this.gl,\n                this.gl.FRAGMENT_SHADER,\n                this.fragment_shader_pass_1_src\n            );\n\n            this.program_1 = linkProgram(this.gl, vertex_shader, fragment_shader);\n            this.gl.useProgram(this.program_1);\n\n            const framebuffer = this.gl.createFramebuffer();\n            if (!framebuffer) {\n                throw new Error('[ladon-ts] - error creating framebuffer');\n            }\n            this.framebuffer = framebuffer;\n\n            const transfer_texture = this.gl.createTexture();\n            if (!transfer_texture) {\n                throw new Error('[ladon-ts] - error creating output texture');\n            }\n            this.transfer_texture = transfer_texture;\n\n            this.gl.bindFramebuffer(this.gl.FRAMEBUFFER, this.framebuffer);\n            this.gl.bindTexture(this.gl.TEXTURE_2D, this.transfer_texture);\n            this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_MIN_FILTER, this.gl.LINEAR);\n            this.gl.texParameteri(\n                this.gl.TEXTURE_2D,\n                this.gl.TEXTURE_WRAP_S,\n                this.gl.CLAMP_TO_EDGE\n            );\n            this.gl.texParameteri(\n                this.gl.TEXTURE_2D,\n                this.gl.TEXTURE_WRAP_T,\n                this.gl.CLAMP_TO_EDGE\n            );\n            this.gl.texImage2D(\n                this.gl.TEXTURE_2D,\n                0,\n                this.gl.RGBA,\n                this.config.input.width,\n                this.config.input.height,\n                0,\n                this.gl.RGBA,\n                this.gl.UNSIGNED_BYTE,\n                null\n            );\n            this.gl.framebufferTexture2D(\n                this.gl.FRAMEBUFFER,\n                this.gl.COLOR_ATTACHMENT0,\n                this.gl.TEXTURE_2D,\n                this.transfer_texture,\n                0\n            );\n            this.gl.bindFramebuffer(this.gl.FRAMEBUFFER, null);\n\n            this.setSharedUniforms(this.program_1);\n\n            const u_kernel = this.gl.getUniformLocation(this.program_1, 'u_kernel');\n            if (!u_kernel) {\n                throw new Error('[ladon-ts] - error finding \"u_kernel\" uniform');\n            }\n            this.gl.uniform1fv(u_kernel, this.getBlurKernel());\n        }\n\n        // program pass 2 setup\n        {\n            const vertex_shader = compileShader(\n                this.gl,\n                this.gl.VERTEX_SHADER,\n                this.vertex_shader_src\n            );\n            const fragment_shader = compileShader(\n                this.gl,\n                this.gl.FRAGMENT_SHADER,\n                this.fragment_shader_pass_2_src\n            );\n\n            this.program_2 = linkProgram(this.gl, vertex_shader, fragment_shader);\n            this.gl.useProgram(this.program_2);\n\n            const u_blur = this.gl.getUniformLocation(this.program_2, 'u_blur');\n            if (!u_blur) {\n                throw new Error('[ladon-ts] - error finding \"u_blur\" uniform');\n            }\n            this.u_blur = u_blur;\n            this.gl.activeTexture(this.gl.TEXTURE2);\n            this.gl.bindTexture(this.gl.TEXTURE_2D, this.transfer_texture);\n            this.gl.uniform1i(this.u_blur, 2);\n\n            this.setSharedUniforms(this.program_2);\n\n            const u_kernel = this.gl.getUniformLocation(this.program_2, 'u_kernel');\n            if (!u_kernel) {\n                throw new Error('[ladon-ts] - error finding \"u_kernel\" uniform');\n            }\n            this.gl.uniform1fv(u_kernel, this.getBlurKernel());\n        }\n    }\n\n    public async render(input: FrameData, mask?: LadonOutput): Promise<void> {\n        this.uploadVideoStream(input);\n        this.uploadMask(mask);\n\n        // program pass 1 - blur in one direction & output to framebuffer\n        this.gl.useProgram(this.program_1);\n\n        this.gl.bindFramebuffer(this.gl.FRAMEBUFFER, this.framebuffer);\n        this.gl.drawArrays(this.gl.TRIANGLES, 0, this.verts.length / 3);\n        this.gl.bindFramebuffer(this.gl.FRAMEBUFFER, null);\n\n        // program pass 2 - blur in other direction & draw to screen\n        this.gl.useProgram(this.program_2);\n        this.gl.drawArrays(this.gl.TRIANGLES, 0, this.verts.length / 3);\n\n        this.postDraw();\n    }\n\n    public async load(): Promise<void> {\n        // empty\n    }\n\n    public destroy(): void {\n        // empty\n    }\n\n    private getBlurKernel(): Float32Array {\n        const kernel = [];\n        let sum = 0;\n        for (let i = 0; i < (this.config.render as BlurConfig).kernelSize; i++) {\n            let w = i - ((this.config.render as BlurConfig).kernelSize - 1) / 2;\n            w = Math.exp(-(w ** 2) / (this.config.render as BlurConfig).sigma ** 2);\n            kernel.push(w);\n            sum += w;\n        }\n\n        for (let i = 0; i < (this.config.render as BlurConfig).kernelSize; i++) {\n            kernel[i] = kernel[i] / sum;\n        }\n\n        return new Float32Array(kernel);\n    }\n}\n"],"names":["BlurRenderer","WebGLRenderer","output_canvas","config","vertex_shader","compileShader","fragment_shader","linkProgram","framebuffer","transfer_texture","u_kernel","u_blur","input","mask","kernel","sum","i","w"],"mappings":";;AAOO,MAAMA,UAAqBC,EAAuC;AAAA,EAgFrE,YAAmBC,GAAkDC,GAAwB;AAGzF,QAFA,MAAMD,GAAeC,CAAM,GADZ,KAAA,gBAAAD,GAAkD,KAAA,SAAAC,GAvErE,KAAQ,yBAAyB;AAAA;AAAA;AAAA,0BAGV,KAAK,OAAO,OAAsB,UAAU;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyC3D,KAAA,6BACJ,KAAK,yBACL;AAAA;AAAA;AAAA;AAAA;AAAA,GAOG,KAAA,6BACH,KAAK,yBACL;AAAA;AAAA;AAAA;AAAA,MAIF,KAAK,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAehB,KAAK,OAAO,OAAsB,aAAa,MAAM;AAChD,YAAA,IAAI,MAAM,sCAAsC;AAI1D;AACI,YAAMC,IAAgBC;AAAA,QAClB,KAAK;AAAA,QACL,KAAK,GAAG;AAAA,QACR,KAAK;AAAA,MACT,GACMC,IAAkBD;AAAA,QACpB,KAAK;AAAA,QACL,KAAK,GAAG;AAAA,QACR,KAAK;AAAA,MACT;AAEA,WAAK,YAAYE,EAAY,KAAK,IAAIH,GAAeE,CAAe,GAC/D,KAAA,GAAG,WAAW,KAAK,SAAS;AAE3B,YAAAE,IAAc,KAAK,GAAG,kBAAkB;AAC9C,UAAI,CAACA;AACK,cAAA,IAAI,MAAM,yCAAyC;AAE7D,WAAK,cAAcA;AAEb,YAAAC,IAAmB,KAAK,GAAG,cAAc;AAC/C,UAAI,CAACA;AACK,cAAA,IAAI,MAAM,4CAA4C;AAEhE,WAAK,mBAAmBA,GAExB,KAAK,GAAG,gBAAgB,KAAK,GAAG,aAAa,KAAK,WAAW,GAC7D,KAAK,GAAG,YAAY,KAAK,GAAG,YAAY,KAAK,gBAAgB,GACxD,KAAA,GAAG,cAAc,KAAK,GAAG,YAAY,KAAK,GAAG,oBAAoB,KAAK,GAAG,MAAM,GACpF,KAAK,GAAG;AAAA,QACJ,KAAK,GAAG;AAAA,QACR,KAAK,GAAG;AAAA,QACR,KAAK,GAAG;AAAA,MACZ,GACA,KAAK,GAAG;AAAA,QACJ,KAAK,GAAG;AAAA,QACR,KAAK,GAAG;AAAA,QACR,KAAK,GAAG;AAAA,MACZ,GACA,KAAK,GAAG;AAAA,QACJ,KAAK,GAAG;AAAA,QACR;AAAA,QACA,KAAK,GAAG;AAAA,QACR,KAAK,OAAO,MAAM;AAAA,QAClB,KAAK,OAAO,MAAM;AAAA,QAClB;AAAA,QACA,KAAK,GAAG;AAAA,QACR,KAAK,GAAG;AAAA,QACR;AAAA,MACJ,GACA,KAAK,GAAG;AAAA,QACJ,KAAK,GAAG;AAAA,QACR,KAAK,GAAG;AAAA,QACR,KAAK,GAAG;AAAA,QACR,KAAK;AAAA,QACL;AAAA,MACJ,GACA,KAAK,GAAG,gBAAgB,KAAK,GAAG,aAAa,IAAI,GAE5C,KAAA,kBAAkB,KAAK,SAAS;AAErC,YAAMC,IAAW,KAAK,GAAG,mBAAmB,KAAK,WAAW,UAAU;AACtE,UAAI,CAACA;AACK,cAAA,IAAI,MAAM,+CAA+C;AAEnE,WAAK,GAAG,WAAWA,GAAU,KAAK,eAAe;AAAA,IAAA;AAIrD;AACI,YAAMN,IAAgBC;AAAA,QAClB,KAAK;AAAA,QACL,KAAK,GAAG;AAAA,QACR,KAAK;AAAA,MACT,GACMC,IAAkBD;AAAA,QACpB,KAAK;AAAA,QACL,KAAK,GAAG;AAAA,QACR,KAAK;AAAA,MACT;AAEA,WAAK,YAAYE,EAAY,KAAK,IAAIH,GAAeE,CAAe,GAC/D,KAAA,GAAG,WAAW,KAAK,SAAS;AAEjC,YAAMK,IAAS,KAAK,GAAG,mBAAmB,KAAK,WAAW,QAAQ;AAClE,UAAI,CAACA;AACK,cAAA,IAAI,MAAM,6CAA6C;AAEjE,WAAK,SAASA,GACd,KAAK,GAAG,cAAc,KAAK,GAAG,QAAQ,GACtC,KAAK,GAAG,YAAY,KAAK,GAAG,YAAY,KAAK,gBAAgB,GAC7D,KAAK,GAAG,UAAU,KAAK,QAAQ,CAAC,GAE3B,KAAA,kBAAkB,KAAK,SAAS;AAErC,YAAMD,IAAW,KAAK,GAAG,mBAAmB,KAAK,WAAW,UAAU;AACtE,UAAI,CAACA;AACK,cAAA,IAAI,MAAM,+CAA+C;AAEnE,WAAK,GAAG,WAAWA,GAAU,KAAK,eAAe;AAAA,IAAA;AAAA,EACrD;AAAA,EAGJ,MAAa,OAAOE,GAAkBC,GAAmC;AACrE,SAAK,kBAAkBD,CAAK,GAC5B,KAAK,WAAWC,CAAI,GAGf,KAAA,GAAG,WAAW,KAAK,SAAS,GAEjC,KAAK,GAAG,gBAAgB,KAAK,GAAG,aAAa,KAAK,WAAW,GACxD,KAAA,GAAG,WAAW,KAAK,GAAG,WAAW,GAAG,KAAK,MAAM,SAAS,CAAC,GAC9D,KAAK,GAAG,gBAAgB,KAAK,GAAG,aAAa,IAAI,GAG5C,KAAA,GAAG,WAAW,KAAK,SAAS,GAC5B,KAAA,GAAG,WAAW,KAAK,GAAG,WAAW,GAAG,KAAK,MAAM,SAAS,CAAC,GAE9D,KAAK,SAAS;AAAA,EAAA;AAAA,EAGlB,MAAa,OAAsB;AAAA,EAAA;AAAA,EAI5B,UAAgB;AAAA,EAAA;AAAA,EAIf,gBAA8B;AAClC,UAAMC,IAAS,CAAC;AAChB,QAAIC,IAAM;AACV,aAASC,IAAI,GAAGA,IAAK,KAAK,OAAO,OAAsB,YAAYA,KAAK;AACpE,UAAIC,IAAID,KAAM,KAAK,OAAO,OAAsB,aAAa,KAAK;AAC9D,MAAAC,IAAA,KAAK,IAAI,EAAEA,KAAK,KAAM,KAAK,OAAO,OAAsB,SAAS,CAAC,GACtEH,EAAO,KAAKG,CAAC,GACNF,KAAAE;AAAA,IAAA;AAGX,aAASD,IAAI,GAAGA,IAAK,KAAK,OAAO,OAAsB,YAAYA;AAC/D,MAAAF,EAAOE,CAAC,IAAIF,EAAOE,CAAC,IAAID;AAGrB,WAAA,IAAI,aAAaD,CAAM;AAAA,EAAA;AAEtC;"}

package/build/module/lib/renderer/ladon-renderer.d.ts

@@ -1,4 +1,5 @@
-import { FrameData, LadonOutput } from '../generator';
+import { FrameData, LadonOutput } from '../generator';
+
 export interface LadonRenderer {
     render(input: FrameData, mask?: LadonOutput): Promise<void>;
     load(): Promise<void>;

package/build/module/lib/renderer/passthrough-renderer.d.ts

@@ -1,7 +1,8 @@
-import { PipelineConfig } from '../config';
-import { FrameData, LadonOutput } from '../generator';
-import { LadonRenderer } from './ladon-renderer';
-import { WebGLRenderer } from './webgl-renderer';
+import { PipelineConfig } from '../config-types';
+import { FrameData, LadonOutput } from '../generator';
+import { LadonRenderer } from './ladon-renderer';
+import { WebGLRenderer } from './webgl-renderer';
+
 export declare class PassthroughRenderer extends WebGLRenderer implements LadonRenderer {
     output_canvas: HTMLCanvasElement;
     readonly config: PipelineConfig;

package/build/module/lib/renderer/passthrough-renderer.js

@@ -1,20 +1,8 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { compileShader, linkProgram } from '../util';
-import { WebGLRenderer } from './webgl-renderer';
-export class PassthroughRenderer extends WebGLRenderer {
-    constructor(output_canvas, config) {
-        super(output_canvas, config);
-        this.output_canvas = output_canvas;
-        this.config = config;
-        this.fragment_shader = `#version 300 es
+import { compileShader as t, linkProgram as o } from "../util.js";
+import { WebGLRenderer as h } from "./webgl-renderer.js";
+class l extends h {
+  constructor(r, s) {
+    super(r, s), this.output_canvas = r, this.config = s, this.fragment_shader = `#version 300 es
 precision highp float;
 
 out vec4 outColor;
@@ -28,30 +16,23 @@ void main() {
 
     outColor = vec4(texture(u_image, st).rgb, 1.0);
 }
-`;
-        const vertex_shader = compileShader(this.gl, this.gl.VERTEX_SHADER, this.vertex_shader_src);
-        const fragment_shader = compileShader(this.gl, this.gl.FRAGMENT_SHADER, this.fragment_shader);
-        this.program = linkProgram(this.gl, vertex_shader, fragment_shader);
-        this.gl.useProgram(this.program);
-        this.setSharedUniforms(this.program);
-    }
-    render(input, 
-    /* eslint-disable-next-line @typescript-eslint/no-unused-vars */
-    _) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.uploadVideoStream(input);
-            this.gl.useProgram(this.program);
-            this.gl.drawArrays(this.gl.TRIANGLES, 0, this.verts.length / 3);
-            this.postDraw();
-        });
-    }
-    load() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // empty
-        });
-    }
-    destroy() {
-        // empty
-    }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3Rocm91Z2gtcmVuZGVyZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL3JlbmRlcmVyL3Bhc3N0aHJvdWdoLXJlbmRlcmVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUVBLE9BQU8sRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBR3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVqRCxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsYUFBYTtJQW1CbEQsWUFBbUIsYUFBZ0MsRUFBa0IsTUFBc0I7UUFDdkYsS0FBSyxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsQ0FBQztRQURkLGtCQUFhLEdBQWIsYUFBYSxDQUFtQjtRQUFrQixXQUFNLEdBQU4sTUFBTSxDQUFnQjtRQWhCbkYsb0JBQWUsR0FBRzs7Ozs7Ozs7OztNQVV4QixJQUFJLENBQUMsZ0JBQWdCLEVBQUU7Ozs7Q0FJNUIsQ0FBQztRQUtNLE1BQU0sYUFBYSxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQzVGLE1BQU0sZUFBZSxHQUFHLGFBQWEsQ0FDakMsSUFBSSxDQUFDLEVBQUUsRUFDUCxJQUFJLENBQUMsRUFBRSxDQUFDLGVBQWUsRUFDdkIsSUFBSSxDQUFDLGVBQWUsQ0FDdkIsQ0FBQztRQUVGLElBQUksQ0FBQyxPQUFPLEdBQUcsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsYUFBYSxFQUFFLGVBQWUsQ0FBQyxDQUFDO1FBQ3BFLElBQUksQ0FBQyxFQUFFLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUVqQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFWSxNQUFNLENBQ2YsS0FBZ0I7SUFDaEIsZ0VBQWdFO0lBQ2hFLENBQWM7O1lBRWQsSUFBSSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDO1lBRTlCLElBQUksQ0FBQyxFQUFFLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUVqQyxJQUFJLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLFNBQVMsRUFBRSxDQUFDLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUM7WUFFaEUsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ3BCLENBQUM7S0FBQTtJQUVZLElBQUk7O1lBQ2IsUUFBUTtRQUNaLENBQUM7S0FBQTtJQUVNLE9BQU87UUFDVixRQUFRO0lBQ1osQ0FBQztDQUNKIn0=
+`;
+    const e = t(this.gl, this.gl.VERTEX_SHADER, this.vertex_shader_src), i = t(
+      this.gl,
+      this.gl.FRAGMENT_SHADER,
+      this.fragment_shader
+    );
+    this.program = o(this.gl, e, i), this.gl.useProgram(this.program), this.setSharedUniforms(this.program);
+  }
+  async render(r, s) {
+    this.uploadVideoStream(r), this.gl.useProgram(this.program), this.gl.drawArrays(this.gl.TRIANGLES, 0, this.verts.length / 3), this.postDraw();
+  }
+  async load() {
+  }
+  destroy() {
+  }
+}
+export {
+  l as PassthroughRenderer
+};
+//# sourceMappingURL=passthrough-renderer.js.map

package/build/module/lib/renderer/passthrough-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"passthrough-renderer.js","sources":["../../../../src/lib/renderer/passthrough-renderer.ts"],"sourcesContent":["import { PipelineConfig } from '../config-types';\nimport { FrameData, LadonOutput } from '../generator';\nimport { compileShader, linkProgram } from '../util';\n\nimport { LadonRenderer } from './ladon-renderer';\nimport { WebGLRenderer } from './webgl-renderer';\n\nexport class PassthroughRenderer extends WebGLRenderer implements LadonRenderer {\n    private program: WebGLProgram;\n\n    private fragment_shader = `#version 300 es\nprecision highp float;\n\nout vec4 outColor;\n\nuniform sampler2D       u_image;\nuniform vec2            u_resolution;\n\n\nvoid main() {\n    ${this.getUVCalculation()}\n\n    outColor = vec4(texture(u_image, st).rgb, 1.0);\n}\n`;\n\n    constructor(public output_canvas: HTMLCanvasElement, public readonly config: PipelineConfig) {\n        super(output_canvas, config);\n\n        const vertex_shader = compileShader(this.gl, this.gl.VERTEX_SHADER, this.vertex_shader_src);\n        const fragment_shader = compileShader(\n            this.gl,\n            this.gl.FRAGMENT_SHADER,\n            this.fragment_shader\n        );\n\n        this.program = linkProgram(this.gl, vertex_shader, fragment_shader);\n        this.gl.useProgram(this.program);\n\n        this.setSharedUniforms(this.program);\n    }\n\n    public async render(\n        input: FrameData,\n        /* eslint-disable-next-line @typescript-eslint/no-unused-vars */\n        _: LadonOutput\n    ): Promise<void> {\n        this.uploadVideoStream(input);\n\n        this.gl.useProgram(this.program);\n\n        this.gl.drawArrays(this.gl.TRIANGLES, 0, this.verts.length / 3);\n\n        this.postDraw();\n    }\n\n    public async load(): Promise<void> {\n        // empty\n    }\n\n    public destroy(): void {\n        // empty\n    }\n}\n"],"names":["PassthroughRenderer","WebGLRenderer","output_canvas","config","vertex_shader","compileShader","fragment_shader","linkProgram","input","_"],"mappings":";;AAOO,MAAMA,UAA4BC,EAAuC;AAAA,EAmB5E,YAAmBC,GAAkDC,GAAwB;AACzF,UAAMD,GAAeC,CAAM,GADZ,KAAA,gBAAAD,GAAkD,KAAA,SAAAC,GAhBrE,KAAQ,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUxB,KAAK,iBAAkB,CAAA;AAAA;AAAA;AAAA;AAAA;AASf,UAAAC,IAAgBC,EAAc,KAAK,IAAI,KAAK,GAAG,eAAe,KAAK,iBAAiB,GACpFC,IAAkBD;AAAA,MACpB,KAAK;AAAA,MACL,KAAK,GAAG;AAAA,MACR,KAAK;AAAA,IACT;AAEA,SAAK,UAAUE,EAAY,KAAK,IAAIH,GAAeE,CAAe,GAC7D,KAAA,GAAG,WAAW,KAAK,OAAO,GAE1B,KAAA,kBAAkB,KAAK,OAAO;AAAA,EAAA;AAAA,EAGvC,MAAa,OACTE,GAEAC,GACa;AACb,SAAK,kBAAkBD,CAAK,GAEvB,KAAA,GAAG,WAAW,KAAK,OAAO,GAE1B,KAAA,GAAG,WAAW,KAAK,GAAG,WAAW,GAAG,KAAK,MAAM,SAAS,CAAC,GAE9D,KAAK,SAAS;AAAA,EAAA;AAAA,EAGlB,MAAa,OAAsB;AAAA,EAAA;AAAA,EAI5B,UAAgB;AAAA,EAAA;AAG3B;"}

package/build/module/lib/renderer/replacement-renderer.d.ts

@@ -1,15 +1,18 @@
-import { PipelineConfig } from '../config';
-import { FrameData, LadonOutput } from '../generator';
-import { LadonRenderer } from './ladon-renderer';
-import { WebGLRenderer } from './webgl-renderer';
+import { PipelineConfig } from '../config-types';
+import { FrameData, LadonOutput } from '../generator';
+import { LadonRenderer } from './ladon-renderer';
+import { WebGLRenderer } from './webgl-renderer';
+
 export declare class ReplacementRenderer extends WebGLRenderer implements LadonRenderer {
     output_canvas: HTMLCanvasElement;
     readonly config: PipelineConfig;
     private program;
     private background_canvas_ctx;
     protected background_texture: WebGLTexture;
-    private fragment_shader;
+    protected fragment_shader: string;
     constructor(output_canvas: HTMLCanvasElement, config: PipelineConfig);
+    protected buildFragmentShader(): string;
+    protected setupBackgroundTexture(): void;
     render(input: FrameData, mask?: LadonOutput): Promise<void>;
     load(): Promise<void>;
     destroy(): void;