@remotion/media 4.0.508 → 4.0.509

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

@@ -1845,8 +1845,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");
@@ -2844,6 +2843,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 +3205,7 @@ var makeAudioManager = ({
     disposed = true;
     clearAll();
   };
-  let queue = Promise.resolve(undefined);
+  const enqueue = makeSerializedQueue();
   return {
     getIterator: ({
       src,
@@ -3203,7 +3216,7 @@ var makeAudioManager = ({
       logLevel,
       maxCacheSize
     }) => {
-      queue = queue.then(() => getIterator({
+      return enqueue(() => getIterator({
         src,
         timeInSeconds,
         audioSampleSink,
@@ -3212,7 +3225,6 @@ var makeAudioManager = ({
         logLevel,
         maxCacheSize
       }));
-      return queue;
     },
     getCacheStats,
     getIteratorMostInThePast,
@@ -3634,7 +3646,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 +3711,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 +3968,7 @@ var makeKeyframeManager = ({
     disposed = true;
     clearAll(logLevel);
   };
-  let queue = Promise.resolve(undefined);
+  const enqueue = makeSerializedQueue();
   return {
     requestKeyframeBank: ({
       timestamp,
@@ -3968,7 +3978,7 @@ var makeKeyframeManager = ({
       maxCacheSize,
       fps
     }) => {
-      queue = queue.then(() => requestKeyframeBank({
+      return enqueue(() => requestKeyframeBank({
         timestamp,
         videoSampleSink,
         src,
@@ -3976,7 +3986,6 @@ var makeKeyframeManager = ({
         maxCacheSize,
         fps
       }));
-      return queue;
     },
     getCacheStats,
     clearAll,
@@ -4012,8 +4021,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 +4030,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 +5563,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.509",
 	"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.509",
 		"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.509",
+		"@remotion/player": "4.0.509",
 		"@vitest/browser-webdriverio": "4.0.9",
 		"eslint": "9.19.0",
 		"react": "19.2.3",