@aicut/core 0.5.0 → 0.6.0

package/dist/playback/webcodecs/index.d.cts

@@ -1,5 +1,5 @@
-import { M as Ms, P as Project } from '../../types-CHplD9V5.cjs';
-import { P as PlaybackEngine, a as PlaybackEngineOptions, b as PlaybackEngineFactory } from '../../types-DvKlxylu.cjs';
+import { M as Ms, P as Project } from '../../types-CmS-UIEr.cjs';
+import { P as PlaybackEngine, a as PlaybackEngineOptions, b as PlaybackEngineFactory } from '../../types-CjvRUPtZ.cjs';
 
 interface WebCodecsEngineOptions extends PlaybackEngineOptions {
     /**
@@ -40,6 +40,10 @@ declare class WebCodecsEngine implements PlaybackEngine {
     private lastFrameTs;
     private decodedFramesTotal;
     private destroyed;
+    /** Output frame rect (fixed bounds, no transform) in CSS pixels. */
+    private lastOutputRect;
+    /** Post-transform content rect in CSS pixels. */
+    private lastFrameRect;
     onTimeUpdate?: (ms: Ms) => void;
     onEnded?: () => void;
     onError?: (err: Error) => void;
@@ -53,6 +57,18 @@ declare class WebCodecsEngine implements PlaybackEngine {
     getTime(): Ms;
     seek(timeMs: Ms): void;
     destroy(): void;
+    getOutputFrameRect(): {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    } | null;
+    getFrameRect(): {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    } | null;
     private syncSources;
     private teardownSource;
     private onTrackReady;

package/dist/playback/webcodecs/index.d.ts

@@ -1,5 +1,5 @@
-import { M as Ms, P as Project } from '../../types-CHplD9V5.js';
-import { P as PlaybackEngine, a as PlaybackEngineOptions, b as PlaybackEngineFactory } from '../../types-rwZx6FxE.js';
+import { M as Ms, P as Project } from '../../types-CmS-UIEr.js';
+import { P as PlaybackEngine, a as PlaybackEngineOptions, b as PlaybackEngineFactory } from '../../types-BbZjOQLz.js';
 
 interface WebCodecsEngineOptions extends PlaybackEngineOptions {
     /**
@@ -40,6 +40,10 @@ declare class WebCodecsEngine implements PlaybackEngine {
     private lastFrameTs;
     private decodedFramesTotal;
     private destroyed;
+    /** Output frame rect (fixed bounds, no transform) in CSS pixels. */
+    private lastOutputRect;
+    /** Post-transform content rect in CSS pixels. */
+    private lastFrameRect;
     onTimeUpdate?: (ms: Ms) => void;
     onEnded?: () => void;
     onError?: (err: Error) => void;
@@ -53,6 +57,18 @@ declare class WebCodecsEngine implements PlaybackEngine {
     getTime(): Ms;
     seek(timeMs: Ms): void;
     destroy(): void;
+    getOutputFrameRect(): {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    } | null;
+    getFrameRect(): {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    } | null;
     private syncSources;
     private teardownSource;
     private onTrackReady;

package/dist/playback/webcodecs/index.js

@@ -1,3 +1,5 @@
+import { getEffectiveTransform } from '../../chunk-WTCK3XQ6.js';
+
 // ../../node_modules/.pnpm/mp4box@2.4.1/node_modules/mp4box/dist/rolldown-runtime-w6R9maHv.mjs
 var __defProp = Object.defineProperty;
 var __exportAll = (all, no_symbols) => {
@@ -10118,6 +10120,10 @@ var WebCodecsEngine = class {
   lastFrameTs = 0;
   decodedFramesTotal = 0;
   destroyed = false;
+  /** Output frame rect (fixed bounds, no transform) in CSS pixels. */
+  lastOutputRect = null;
+  /** Post-transform content rect in CSS pixels. */
+  lastFrameRect = null;
   onTimeUpdate;
   onEnded;
   onError;
@@ -10236,6 +10242,12 @@ var WebCodecsEngine = class {
     this.sources.clear();
     this.mount.remove();
   }
+  getOutputFrameRect() {
+    return this.lastOutputRect;
+  }
+  getFrameRect() {
+    return this.lastFrameRect;
+  }
   // --- internals -------------------------------------------------------
   syncSources() {
     const wantedVideoIds = new Set(
@@ -10537,12 +10549,40 @@ var WebCodecsEngine = class {
       if (chosenFrame) {
         const vw = chosenFrame.displayWidth || chosenFrame.codedWidth;
         const vh = chosenFrame.displayHeight || chosenFrame.codedHeight;
-        const scale = Math.min(cw / vw, ch / vh);
-        const dw = vw * scale;
-        const dh = vh * scale;
-        const dx = (cw - dw) / 2;
-        const dy = (ch - dh) / 2;
-        this.ctx.drawImage(chosenFrame, dx, dy, dw, dh);
+        const baseScale = Math.min(cw / vw, ch / vh);
+        const dw = vw * baseScale;
+        const dh = vh * baseScale;
+        const dpr = window.devicePixelRatio || 1;
+        const t = getEffectiveTransform(clip, localMs);
+        const outX = (cw - dw) / 2;
+        const outY = (ch - dh) / 2;
+        this.ctx.save();
+        this.ctx.beginPath();
+        this.ctx.rect(outX, outY, dw, dh);
+        this.ctx.clip();
+        this.ctx.translate(cw / 2 + t.panX * dpr, ch / 2 + t.panY * dpr);
+        this.ctx.scale(t.scale, t.scale);
+        this.ctx.drawImage(chosenFrame, -dw / 2, -dh / 2, dw, dh);
+        this.ctx.restore();
+        this.lastOutputRect = {
+          x: outX / dpr,
+          y: outY / dpr,
+          w: dw / dpr,
+          h: dh / dpr
+        };
+        const cssCx = cw / (2 * dpr) + t.panX;
+        const cssCy = ch / (2 * dpr) + t.panY;
+        const cssW = dw * t.scale / dpr;
+        const cssH = dh * t.scale / dpr;
+        this.lastFrameRect = {
+          x: cssCx - cssW / 2,
+          y: cssCy - cssH / 2,
+          w: cssW,
+          h: cssH
+        };
+      } else {
+        this.lastFrameRect = null;
+        this.lastOutputRect = null;
       }
       this.feedDecoder(src);
     }