@livepeer-frameworks/streamcrafter-core 0.0.2 → 0.1.0

package/dist/esm/index.js

@@ -1,5 +1,5 @@
-import { T as TypedEventEmitter } from './IngestControllerV2-BWfseZYs.js';
-export { A as AudioMixer, b as DEFAULT_AUDIO_SETTINGS, _ as DEFAULT_COMPOSITOR_CONFIG, $ as DEFAULT_LAYER_TRANSFORM, d as DEFAULT_RECONNECTION_CONFIG, a as DEFAULT_VIDEO_SETTINGS, D as DeviceManager, E as EncoderManager, I as IngestController, I as IngestControllerV2, P as LAYOUT_PRESETS, R as ReconnectionManager, w as SceneManager, S as ScreenCapture, x as TransitionEngine, W as WhipClient, Q as applyFullscreenLayout, J as applyLayout, U as applyPipLayout, V as applySideBySideLayout, t as buildMediaConstraints, z as createCutTransition, K as createDefaultLayoutConfig, y as createDefaultTransitionConfig, c as createEncoderConfig, B as createFadeTransition, X as createPipLayoutConfig, Y as createSideBySideLayoutConfig, C as createSlideTransition, e as detectCapabilities, q as getAudioConstraints, G as getAvailableEasingTypes, Z as getAvailableLayoutModes, M as getAvailablePresets, s as getAvailableProfiles, F as getAvailableTransitionTypes, v as getEncoderSettings, L as getLayoutPresets, N as getMinSourcesForLayout, l as getRecommendedPath, p as getSupportedAudioCodecs, o as getSupportedVideoCodecs, r as getVideoConstraints, n as isAudioCodecSupported, O as isLayoutAvailable, g as isMediaDevicesSupported, j as isRTCRtpScriptTransformSupported, h as isScreenCaptureSupported, m as isVideoCodecSupported, k as isWebCodecsEncodingPathSupported, i as isWebCodecsSupported, f as isWebRTCSupported, u as mergeWithCustomConstraints, H as validateTransitionConfig } from './IngestControllerV2-BWfseZYs.js';
+import { T as TypedEventEmitter } from './IngestControllerV2-fiwB1xzE.js';
+export { A as AudioMixer, b as DEFAULT_AUDIO_SETTINGS, _ as DEFAULT_COMPOSITOR_CONFIG, $ as DEFAULT_LAYER_TRANSFORM, d as DEFAULT_RECONNECTION_CONFIG, a as DEFAULT_VIDEO_SETTINGS, D as DeviceManager, E as EncoderManager, I as IngestController, I as IngestControllerV2, P as LAYOUT_PRESETS, R as ReconnectionManager, w as SceneManager, S as ScreenCapture, x as TransitionEngine, W as WhipClient, Q as applyFullscreenLayout, J as applyLayout, U as applyPipLayout, V as applySideBySideLayout, t as buildMediaConstraints, z as createCutTransition, K as createDefaultLayoutConfig, y as createDefaultTransitionConfig, c as createEncoderConfig, B as createFadeTransition, X as createPipLayoutConfig, Y as createSideBySideLayoutConfig, C as createSlideTransition, e as detectCapabilities, q as getAudioConstraints, G as getAvailableEasingTypes, Z as getAvailableLayoutModes, M as getAvailablePresets, s as getAvailableProfiles, F as getAvailableTransitionTypes, v as getEncoderSettings, L as getLayoutPresets, N as getMinSourcesForLayout, l as getRecommendedPath, p as getSupportedAudioCodecs, o as getSupportedVideoCodecs, r as getVideoConstraints, n as isAudioCodecSupported, O as isLayoutAvailable, g as isMediaDevicesSupported, j as isRTCRtpScriptTransformSupported, h as isScreenCaptureSupported, m as isVideoCodecSupported, k as isWebCodecsEncodingPathSupported, i as isWebCodecsSupported, f as isWebRTCSupported, u as mergeWithCustomConstraints, H as validateTransitionConfig } from './IngestControllerV2-fiwB1xzE.js';
 
 /**
  * IngestClient - Resolves ingest endpoints via Gateway
@@ -328,6 +328,20 @@ class Canvas2DRenderer {
         this.lastRenderTime = performance.now() - startTime;
         this.updateStats();
     }
+    resize(config) {
+        this.config = config;
+        const ctx = this.canvas.getContext('2d', {
+            desynchronized: true,
+            alpha: false,
+            willReadFrequently: false,
+        });
+        if (!ctx) {
+            throw new Error('Failed to get 2D context from OffscreenCanvas');
+        }
+        this.ctx = ctx;
+        this.ctx.imageSmoothingEnabled = true;
+        this.ctx.imageSmoothingQuality = 'high';
+    }
     renderLayer(layer, frame) {
         const { x, y, width, height, opacity, rotation, borderRadius, crop } = layer.transform;
         const scalingMode = layer.scalingMode || 'letterbox';
@@ -894,6 +908,12 @@ class WebGLRenderer {
         this.lastRenderTime = performance.now() - startTime;
         this.updateStats();
     }
+    resize(config) {
+        this.config = config;
+        if (this.gl) {
+            this.gl.viewport(0, 0, config.width, config.height);
+        }
+    }
     updateTextures(frames) {
         const gl = this.gl;
         for (const [sourceId, frame] of frames) {
@@ -1339,9 +1359,11 @@ class WebGPURenderer {
         // Textures and bind groups per source
         this.textures = new Map();
         this.bindGroups = new Map();
+        this.bindGroupTextures = new Map();
         this.uniformBuffers = new Map();
         // Sampler
         this.sampler = null;
+        this.presentationFormat = null;
         // Stats tracking
         this.frameCount = 0;
         this.lastFrameTime = 0;
@@ -1368,6 +1390,7 @@ class WebGPURenderer {
             throw new Error('Failed to get WebGPU context');
         }
         const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
+        this.presentationFormat = presentationFormat;
         this.context.configure({
             device: this.device,
             format: presentationFormat,
@@ -1526,6 +1549,16 @@ class WebGPURenderer {
         this.lastRenderTime = performance.now() - startTime;
         this.updateStats();
     }
+    resize(config) {
+        this.config = config;
+        if (this.context && this.device && this.presentationFormat) {
+            this.context.configure({
+                device: this.device,
+                format: this.presentationFormat,
+                alphaMode: 'premultiplied',
+            });
+        }
+    }
     updateTextures(frames) {
         if (!this.device)
             return;
@@ -1536,7 +1569,26 @@ class WebGPURenderer {
             // Create or recreate texture if size changed
             if (!texture || texture.width !== width || texture.height !== height) {
                 if (texture) {
-                    texture.destroy();
+                    const oldTexture = texture;
+                    // Defer destruction until GPU work is done to avoid validation errors.
+                    this.device.queue
+                        .onSubmittedWorkDone()
+                        .then(() => {
+                        try {
+                            oldTexture.destroy();
+                        }
+                        catch {
+                            // Ignore destroy errors
+                        }
+                    })
+                        .catch(() => {
+                        try {
+                            oldTexture.destroy();
+                        }
+                        catch {
+                            // Ignore destroy errors
+                        }
+                    });
                 }
                 texture = this.device.createTexture({
                     size: { width, height },
@@ -1546,8 +1598,8 @@ class WebGPURenderer {
                         GPUTextureUsage.RENDER_ATTACHMENT,
                 });
                 this.textures.set(sourceId, texture);
-                // Invalidate bind group since texture changed
-                this.bindGroups.delete(sourceId);
+                // Bind groups are keyed by layer id; rebind when a layer requests this source.
+                // We keep cached bind groups and replace them on demand in getOrCreateBindGroup.
             }
             // Copy frame to texture
             if (frame instanceof ImageBitmap) {
@@ -1565,8 +1617,9 @@ class WebGPURenderer {
         const texture = this.textures.get(layer.sourceId);
         if (!texture)
             return null;
+        const cachedTexture = this.bindGroupTextures.get(layer.id);
         let bindGroup = this.bindGroups.get(layer.id);
-        if (!bindGroup) {
+        if (!bindGroup || cachedTexture !== texture) {
             // Create uniform buffer for this layer
             let uniformBuffer = this.uniformBuffers.get(layer.id);
             if (!uniformBuffer) {
@@ -1585,6 +1638,7 @@ class WebGPURenderer {
                 ],
             });
             this.bindGroups.set(layer.id, bindGroup);
+            this.bindGroupTextures.set(layer.id, texture);
         }
         return bindGroup;
     }
@@ -1815,6 +1869,7 @@ class WebGPURenderer {
         this.indexBuffer?.destroy();
         // Clear bind groups (they reference destroyed resources)
         this.bindGroups.clear();
+        this.bindGroupTextures.clear();
         // Device will be garbage collected
         this.device = null;
         this.context = null;