@remotion/media 4.0.457 → 4.0.459

package/dist/esm/index.mjs

@@ -844,65 +844,90 @@ import { CanvasSink } from "mediabunny";
 import { Internals as Internals4 } from "remotion";
 
 // src/canvas-ahead-of-time.ts
+var BUFFER_SIZE = 3;
 var canvasesAheadOfTime = (videoSink, startTimestamp) => {
   const iterator = videoSink.canvases(startTimestamp);
-  let inFlight = iterator.next();
-  let resolved = null;
-  const trackResolution = () => {
-    const captured = inFlight;
-    captured.then((result) => {
-      if (captured === inFlight) {
-        resolved = result;
+  const buffer = [];
+  let chaining = false;
+  let reachedEnd = false;
+  let closed = false;
+  let inFlight = null;
+  const closeFrame = (frame) => {
+    frame.close?.();
+  };
+  const fillNext = () => {
+    if (chaining || reachedEnd || closed)
+      return;
+    if (buffer.length >= BUFFER_SIZE)
+      return;
+    chaining = true;
+    const slot = { promise: iterator.next(), resolved: null };
+    buffer.push(slot);
+    inFlight = slot.promise.then((result) => {
+      slot.resolved = result;
+      chaining = false;
+      inFlight = null;
+      if (result.done) {
+        reachedEnd = true;
+        return;
+      }
+      if (closed) {
+        closeFrame(result.value);
+        return;
       }
+      fillNext();
     }, () => {
-      return;
+      chaining = false;
+      inFlight = null;
     });
   };
-  trackResolution();
-  const advance = () => {
-    inFlight = iterator.next();
-    resolved = null;
-    trackResolution();
-  };
+  fillNext();
   const next = () => {
-    if (resolved) {
-      if (resolved.done) {
+    const slot = buffer.shift();
+    fillNext();
+    if (!slot) {
+      if (reachedEnd || closed) {
         return { type: "ready", frame: null };
       }
-      const frame = resolved.value;
-      advance();
-      return { type: "ready", frame };
+      const chain = inFlight;
+      return {
+        type: "pending",
+        wait: async () => {
+          await chain;
+          const next2 = buffer.shift();
+          fillNext();
+          if (!next2)
+            return null;
+          if (next2.resolved) {
+            return next2.resolved.done ? null : next2.resolved.value;
+          }
+          const result = await next2.promise;
+          return result.done ? null : result.value;
+        }
+      };
+    }
+    if (slot.resolved) {
+      if (slot.resolved.done) {
+        return { type: "ready", frame: null };
+      }
+      return { type: "ready", frame: slot.resolved.value };
     }
-    const captured = inFlight;
     return {
       type: "pending",
       wait: async () => {
-        const result = await captured;
-        if (captured === inFlight && !result.done) {
-          advance();
-        }
+        const result = await slot.promise;
         return result.done ? null : result.value;
       }
     };
   };
-  const closeFrame = (frame) => {
-    frame.close?.();
-  };
   const closeIterator = async () => {
-    if (resolved) {
-      if (!resolved.done) {
-        closeFrame(resolved.value);
+    closed = true;
+    for (const slot of buffer) {
+      if (slot.resolved && !slot.resolved.done) {
+        closeFrame(slot.resolved.value);
       }
-    } else {
-      const captured = inFlight;
-      captured.then((result) => {
-        if (!result.done) {
-          closeFrame(result.value);
-        }
-      }, () => {
-        return;
-      });
     }
+    buffer.length = 0;
     await iterator.return();
   };
   return { next, closeIterator };
@@ -1946,8 +1971,7 @@ var AudioForPreviewAssertedShowing = ({
   const [mediaPlayerReady, setMediaPlayerReady] = useState(false);
   const [shouldFallbackToNativeAudio, setShouldFallbackToNativeAudio] = useState(false);
   const [playing] = Timeline.usePlayingState();
-  const timelineContext = Internals7.useTimelineContext();
-  const globalPlaybackRate = timelineContext.playbackRate;
+  const { playbackRate: globalPlaybackRate } = Internals7.usePlaybackRate();
   const sharedAudioContext = useContext2(SharedAudioContext);
   const buffer = useBufferState();
   const [mediaMuted] = useMediaMutedState();
@@ -4553,8 +4577,7 @@ var VideoForPreviewAssertedShowing = ({
   const [mediaPlayerReady, setMediaPlayerReady] = useState4(false);
   const [shouldFallbackToNativeVideo, setShouldFallbackToNativeVideo] = useState4(false);
   const [playing] = Timeline2.usePlayingState();
-  const timelineContext = Internals18.useTimelineContext();
-  const globalPlaybackRate = timelineContext.playbackRate;
+  const { playbackRate: globalPlaybackRate } = Internals18.usePlaybackRate();
   const sharedAudioContext = useContext4(SharedAudioContext2);
   const buffer = useBufferState2();
   const [mediaMuted] = useMediaMutedState2();
@@ -5219,34 +5242,7 @@ var videoSchema = {
     description: "Playback Rate"
   },
   loop: { type: "boolean", default: false, description: "Loop" },
-  "style.translate": {
-    type: "translate",
-    step: 1,
-    default: "0px 0px",
-    description: "Position"
-  },
-  "style.scale": {
-    type: "number",
-    min: 0.05,
-    max: 100,
-    step: 0.01,
-    default: 1,
-    description: "Scale"
-  },
-  "style.rotate": {
-    type: "rotation",
-    step: 1,
-    default: "0deg",
-    description: "Rotation"
-  },
-  "style.opacity": {
-    type: "number",
-    min: 0,
-    max: 1,
-    step: 0.01,
-    default: 1,
-    description: "Opacity"
-  }
+  ...Internals20.sequenceStyleSchema
 };
 var InnerVideo = ({
   src,

package/dist/use-media-in-timeline.d.ts

@@ -1,4 +1,4 @@
-import { type EffectDefinitionAndStack, type LoopDisplay, type SequenceControls } from 'remotion';
+import type { EffectDefinitionAndStack, LoopDisplay, SequenceControls } from 'remotion';
 import { type VolumeProp } from 'remotion';
 export declare const useMediaInTimeline: ({ volume, mediaVolume, src, mediaType, playbackRate, displayName, stack, showInTimeline, premountDisplay, postmountDisplay, loopDisplay, trimBefore, trimAfter, controls, _experimentalEffects, }: {
     volume: VolumeProp | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/media",
-	"version": "4.0.457",
+	"version": "4.0.459",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
 	"module": "dist/esm/index.mjs",
@@ -23,7 +23,7 @@
 	},
 	"dependencies": {
 		"mediabunny": "1.42.0",
-		"remotion": "4.0.457",
+		"remotion": "4.0.459",
 		"zod": "4.3.6"
 	},
 	"peerDependencies": {
@@ -31,7 +31,7 @@
 		"react-dom": ">=16.8.0"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.457",
+		"@remotion/eslint-config-internal": "4.0.459",
 		"@vitest/browser-webdriverio": "4.0.9",
 		"eslint": "9.19.0",
 		"react": "19.2.3",

package/dist/audio/decode-pool.d.ts

@@ -1,7 +0,0 @@
-export type PriorityRef = {
-    current: () => number;
-};
-export declare const scheduleDecode: <T>({ getPriority, run, }: {
-    getPriority: () => number;
-    run: () => Promise<T>;
-}) => Promise<T>;

package/dist/audio-decode-scheduler.d.ts

@@ -1,14 +0,0 @@
-export declare class AudioDecodeScheduler {
-    private activeTurns;
-    private nextId;
-    private queue;
-    private pendingBatch;
-    private batchTimer;
-    requestTurn(priority: number): Promise<number>;
-    releaseTurn(id: number): void;
-    private processBatch;
-    private grant;
-    private getMinActivePriority;
-    private grantEligibleWaiters;
-}
-export declare const getAudioDecodeScheduler: (audioContext: AudioContext) => AudioDecodeScheduler;

package/dist/draw-with-object-fit.d.ts

@@ -1,14 +0,0 @@
-export type ObjectFitValue = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
-/**
- * Draws a source image onto a canvas context with the specified object-fit behavior.
- * This implements object-fit at the canvas drawing level, which is more reliable
- * than CSS object-fit on canvas elements.
- */
-export declare const drawWithObjectFit: (ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, source: CanvasImageSource, options: {
-    sourceWidth: number;
-    sourceHeight: number;
-    destWidth: number;
-    destHeight: number;
-    fit: ObjectFitValue;
-}) => void;
-export declare const parseObjectFit: (value: string | undefined) => ObjectFitValue | null;

package/dist/set-global-time-anchor.d.ts

@@ -1,11 +0,0 @@
-export declare const ALLOWED_GLOBAL_TIME_ANCHOR_SHIFT = 0.1;
-export declare const setGlobalTimeAnchor: ({ audioContext, audioSyncAnchor, absoluteTimeInSeconds, globalPlaybackRate, debugAudioScheduling, logLevel, }: {
-    audioContext: AudioContext;
-    audioSyncAnchor: {
-        value: number;
-    };
-    absoluteTimeInSeconds: number;
-    globalPlaybackRate: number;
-    debugAudioScheduling: boolean;
-    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
-}) => void;