@remotion/media 4.0.508 → 4.0.510

package/dist/audio-iterator-manager.d.ts

@@ -16,7 +16,7 @@ export declare const anchorToContinuousTime: ({ anchor, unloopedTimeInSeconds, p
     unloopedTimeInSeconds: number;
     playbackRate: number;
 }) => number;
-export declare const audioIteratorManager: ({ audioTrack, delayPlaybackHandleIfNotPremounting, sharedAudioContext, getSequenceEndTimestamp, getSequenceDurationInSeconds, getMediaEndTimestamp, getStartTime, initialMuted, drawDebugOverlay, initialPlaybackRate, initialTrimBefore, initialTrimAfter, initialSequenceOffset, initialSequenceDurationInFrames, initialLoop, initialFps, }: {
+export declare const audioIteratorManager: ({ audioTrack, delayPlaybackHandleIfNotPremounting, sharedAudioContext, getSequenceEndTimestamp, getSequenceDurationInSeconds, getMediaEndTimestamp, getStartTime, initialMuted, drawDebugOverlay, }: {
     audioTrack: InputAudioTrack;
     delayPlaybackHandleIfNotPremounting: () => DelayPlaybackIfNotPremounting;
     sharedAudioContext: SharedAudioContextForMediaPlayer;
@@ -26,13 +26,6 @@ export declare const audioIteratorManager: ({ audioTrack, delayPlaybackHandleIfN
     getStartTime: () => number;
     initialMuted: boolean;
     drawDebugOverlay: () => void;
-    initialPlaybackRate: number;
-    initialTrimBefore: number | undefined;
-    initialTrimAfter: number | undefined;
-    initialSequenceOffset: number;
-    initialSequenceDurationInFrames: number;
-    initialLoop: boolean;
-    initialFps: number;
 }) => {
     startAudioIterator: ({ nonce, playbackRate, startFromSecond, unloopedStartFromSecond, scheduleAudioNode, getTargetTime, logLevel, loop, unscheduleAudioNode, getAudioContextCurrentTimeMockedInTest, }: {
         startFromSecond: number;

package/dist/caches.d.ts

@@ -90,8 +90,8 @@ export declare const makeMediaCache: () => {
         totalSize: number;
     };
     isDisposed: () => boolean;
-    queueFrameExtraction: <T>(extract: () => Promise<T>) => Promise<T>;
-    queueAudioExtraction: <T>(extract: () => Promise<T>) => Promise<T>;
+    queueFrameExtraction: <T>(fn: () => T | Promise<T>) => Promise<T>;
+    queueAudioExtraction: <T>(fn: () => T | Promise<T>) => Promise<T>;
     dispose: (logLevel: "error" | "info" | "trace" | "verbose" | "warn") => void;
 };
 export type MediaCache = ReturnType<typeof makeMediaCache>;
@@ -185,8 +185,8 @@ export declare const globalMediaCache: {
         totalSize: number;
     };
     isDisposed: () => boolean;
-    queueFrameExtraction: <T>(extract: () => Promise<T>) => Promise<T>;
-    queueAudioExtraction: <T>(extract: () => Promise<T>) => Promise<T>;
+    queueFrameExtraction: <T>(fn: () => T | Promise<T>) => Promise<T>;
+    queueAudioExtraction: <T>(fn: () => T | Promise<T>) => Promise<T>;
     dispose: (logLevel: "error" | "info" | "trace" | "verbose" | "warn") => void;
 };
 export declare const keyframeManager: {
@@ -352,8 +352,8 @@ export declare const useRenderMediaCache: (logLevel: "error" | "info" | "trace"
         totalSize: number;
     };
     isDisposed: () => boolean;
-    queueFrameExtraction: <T>(extract: () => Promise<T>) => Promise<T>;
-    queueAudioExtraction: <T>(extract: () => Promise<T>) => Promise<T>;
+    queueFrameExtraction: <T>(fn: () => T | Promise<T>) => Promise<T>;
+    queueAudioExtraction: <T>(fn: () => T | Promise<T>) => Promise<T>;
     dispose: (logLevel: "error" | "info" | "trace" | "verbose" | "warn") => void;
 };
 export { getMaxVideoCacheSize };

package/dist/esm/index.mjs

@@ -435,27 +435,11 @@ var audioIteratorManager = ({
   getMediaEndTimestamp,
   getStartTime,
   initialMuted,
-  drawDebugOverlay,
-  initialPlaybackRate,
-  initialTrimBefore,
-  initialTrimAfter,
-  initialSequenceOffset,
-  initialSequenceDurationInFrames,
-  initialLoop,
-  initialFps
+  drawDebugOverlay
 }) => {
   let muted = initialMuted;
   let currentVolume = 1;
-  let currentSeek = {
-    time: -1,
-    playbackRate: initialPlaybackRate,
-    trimBefore: initialTrimBefore,
-    trimAfter: initialTrimAfter,
-    sequenceOffset: initialSequenceOffset,
-    sequenceDurationInFrames: initialSequenceDurationInFrames,
-    loop: initialLoop,
-    fps: initialFps
-  };
+  let currentSeek = null;
   const gainNode = sharedAudioContext.audioContext.createGain();
   gainNode.connect(sharedAudioContext.gainNode);
   const audioSink = new AudioBufferSink(audioTrack);
@@ -735,7 +719,7 @@ var audioIteratorManager = ({
     if (nonce.isStale()) {
       return;
     }
-    if (currentSeek.time === newTime && currentSeek.playbackRate === playbackRate && currentSeek.trimBefore === trimBefore && currentSeek.trimAfter === trimAfter && currentSeek.sequenceOffset === sequenceOffset && currentSeek.sequenceDurationInFrames === sequenceDurationInFrames && currentSeek.loop === loop && currentSeek.fps === fps) {
+    if (currentSeek !== null && currentSeek.time === newTime && currentSeek.playbackRate === playbackRate && currentSeek.trimBefore === trimBefore && currentSeek.trimAfter === trimAfter && currentSeek.sequenceOffset === sequenceOffset && currentSeek.sequenceDurationInFrames === sequenceDurationInFrames && currentSeek.loop === loop && currentSeek.fps === fps) {
       return;
     }
     currentSeek = {
@@ -794,6 +778,7 @@ var audioIteratorManager = ({
       audioBufferIterator?.destroy();
       audioBufferIterator = null;
       currentAnchor = null;
+      currentSeek = null;
       unblockCurrentDelayHandle();
     },
     seek,
@@ -1845,8 +1830,7 @@ class MediaPlayer {
     this.getEffectChainState = getEffectChainState;
     if (canvas) {
       const context = canvas.getContext("2d", {
-        alpha: true,
-        desynchronized: true
+        alpha: true
       });
       if (!context) {
         throw new Error("Could not get 2D context from canvas");
@@ -1987,14 +1971,7 @@ class MediaPlayer {
             getStartTime: () => this.getStartTime(),
             initialMuted,
             drawDebugOverlay: this.drawDebugOverlay,
-            initialPlaybackRate: this.playbackRate * this.globalPlaybackRate,
-            getSequenceDurationInSeconds: () => this.getSequenceDurationInSeconds(),
-            initialTrimBefore: this.trimBefore,
-            initialTrimAfter: this.trimAfter,
-            initialSequenceOffset: this.sequenceOffset,
-            initialSequenceDurationInFrames: this.sequenceDurationInFrames,
-            initialLoop: this.loop,
-            initialFps: this.fps
+            getSequenceDurationInSeconds: () => this.getSequenceDurationInSeconds()
           });
         }
         const nonce = this.nonceManager.createAsyncOperation();
@@ -2844,6 +2821,20 @@ import { Internals as Internals15 } from "remotion";
 // src/audio-extraction/audio-manager.ts
 import { Internals as Internals10 } from "remotion";
 
+// src/serialized-queue.ts
+var makeSerializedQueue = () => {
+  let tail = Promise.resolve(undefined);
+  return (fn) => {
+    const result = tail.then(() => fn());
+    tail = result.then(() => {
+      return;
+    }, () => {
+      return;
+    });
+    return result;
+  };
+};
+
 // src/audio-extraction/audio-iterator.ts
 import { Internals as Internals9 } from "remotion";
 
@@ -3192,7 +3183,7 @@ var makeAudioManager = ({
     disposed = true;
     clearAll();
   };
-  let queue = Promise.resolve(undefined);
+  const enqueue = makeSerializedQueue();
   return {
     getIterator: ({
       src,
@@ -3203,7 +3194,7 @@ var makeAudioManager = ({
       logLevel,
       maxCacheSize
     }) => {
-      queue = queue.then(() => getIterator({
+      return enqueue(() => getIterator({
         src,
         timeInSeconds,
         audioSampleSink,
@@ -3212,7 +3203,6 @@ var makeAudioManager = ({
         logLevel,
         maxCacheSize
       }));
-      return queue;
     },
     getCacheStats,
     getIteratorMostInThePast,
@@ -3634,7 +3624,7 @@ var makeKeyframeBank = async ({
   const getLastUsed = () => {
     return lastUsed;
   };
-  let queue = Promise.resolve(undefined);
+  const enqueue = makeSerializedQueue();
   const firstFrame = await sampleIterator.next();
   if (!firstFrame.value) {
     throw new Error("No first frame found");
@@ -3699,18 +3689,16 @@ var makeKeyframeBank = async ({
   const keyframeBank = {
     getFrameFromTimestamp: (timestamp, fps) => {
       pendingOperations++;
-      queue = queue.then(() => getFrameFromTimestamp(timestamp, fps)).finally(() => {
+      return enqueue(() => getFrameFromTimestamp(timestamp, fps)).finally(() => {
         pendingOperations--;
       });
-      return queue;
     },
     prepareForDeletion,
     hasTimestampInSecond: (timestamp, fps) => {
       pendingOperations++;
-      queue = queue.then(() => hasTimestampInSecond(timestamp, fps)).finally(() => {
+      return enqueue(() => hasTimestampInSecond(timestamp, fps)).finally(() => {
         pendingOperations--;
       });
-      return queue;
     },
     addFrame,
     deleteFramesBeforeTimestamp,
@@ -3958,7 +3946,7 @@ var makeKeyframeManager = ({
     disposed = true;
     clearAll(logLevel);
   };
-  let queue = Promise.resolve(undefined);
+  const enqueue = makeSerializedQueue();
   return {
     requestKeyframeBank: ({
       timestamp,
@@ -3968,7 +3956,7 @@ var makeKeyframeManager = ({
       maxCacheSize,
       fps
     }) => {
-      queue = queue.then(() => requestKeyframeBank({
+      return enqueue(() => requestKeyframeBank({
         timestamp,
         videoSampleSink,
         src,
@@ -3976,7 +3964,6 @@ var makeKeyframeManager = ({
         maxCacheSize,
         fps
       }));
-      return queue;
     },
     getCacheStats,
     clearAll,
@@ -4012,8 +3999,8 @@ var makeMediaCache = () => {
   });
   managerInstances.keyframe = keyframeManagerInstance;
   managerInstances.audio = audioManagerInstance;
-  let frameExtractionQueue = Promise.resolve(undefined);
-  let audioExtractionQueue = Promise.resolve(undefined);
+  const queueFrameExtraction = makeSerializedQueue();
+  const queueAudioExtraction = makeSerializedQueue();
   let disposed = false;
   return {
     sinkManager,
@@ -4021,20 +4008,8 @@ var makeMediaCache = () => {
     audioManager: audioManagerInstance,
     getTotalCacheStats: getCacheStats,
     isDisposed: () => disposed,
-    queueFrameExtraction: (extract) => {
-      const extraction = frameExtractionQueue.then(extract);
-      frameExtractionQueue = extraction.catch(() => {
-        return;
-      });
-      return extraction;
-    },
-    queueAudioExtraction: (extract) => {
-      const extraction = audioExtractionQueue.then(extract);
-      audioExtractionQueue = extraction.catch(() => {
-        return;
-      });
-      return extraction;
-    },
+    queueFrameExtraction,
+    queueAudioExtraction,
     dispose: (logLevel) => {
       if (disposed) {
         return;
@@ -5566,8 +5541,7 @@ var VideoForPreviewAssertedShowing = ({
     canvas.width = cached.width;
     canvas.height = cached.height;
     const ctx = canvas.getContext("2d", {
-      alpha: true,
-      desynchronized: true
+      alpha: true
     });
     if (!ctx) {
       return;

package/dist/extract-frame-and-audio.d.ts

@@ -106,8 +106,8 @@ export declare const extractFrameAndAudio: ({ src, timeInSeconds, logLevel, dura
             totalSize: number;
         };
         isDisposed: () => boolean;
-        queueFrameExtraction: <T>(extract: () => Promise<T>) => Promise<T>;
-        queueAudioExtraction: <T>(extract: () => Promise<T>) => Promise<T>;
+        queueFrameExtraction: <T>(fn: () => T | Promise<T>) => Promise<T>;
+        queueAudioExtraction: <T>(fn: () => T | Promise<T>) => Promise<T>;
         dispose: (logLevel: "error" | "info" | "trace" | "verbose" | "warn") => void;
     };
 }) => Promise<ExtractFrameViaBroadcastChannelResult>;

package/dist/serialized-queue.d.ts

@@ -0,0 +1 @@
+export declare const makeSerializedQueue: () => <T>(fn: () => T | Promise<T>) => Promise<T>;

package/dist/video-extraction/extract-frame-via-broadcast-channel.d.ts

@@ -126,8 +126,8 @@ export declare const extractFrameViaBroadcastChannel: ({ src, timeInSeconds, log
             totalSize: number;
         };
         isDisposed: () => boolean;
-        queueFrameExtraction: <T>(extract: () => Promise<T>) => Promise<T>;
-        queueAudioExtraction: <T>(extract: () => Promise<T>) => Promise<T>;
+        queueFrameExtraction: <T>(fn: () => T | Promise<T>) => Promise<T>;
+        queueAudioExtraction: <T>(fn: () => T | Promise<T>) => Promise<T>;
         dispose: (logLevel: "error" | "info" | "trace" | "verbose" | "warn") => void;
     };
 }) => Promise<ExtractFrameViaBroadcastChannelResult>;

package/package.json

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