@remotion/media 4.0.459 → 4.0.461

package/dist/esm/index.mjs

@@ -444,6 +444,12 @@ var audioIteratorManager = ({
   let audioIteratorsCreated = 0;
   let totalAudioScheduledInSeconds = 0;
   let currentDelayHandle = null;
+  const unblockCurrentDelayHandle = () => {
+    if (currentDelayHandle) {
+      currentDelayHandle.unblock();
+      currentDelayHandle = null;
+    }
+  };
   const pendingScheduleWaiters = [];
   const notifyNodeScheduled = () => {
     for (let i = pendingScheduleWaiters.length - 1;i >= 0; i--) {
@@ -544,6 +550,7 @@ var audioIteratorManager = ({
     waitForTurn({
       getPriority: () => {
         if (iterator.isDestroyed()) {
+          onDestroyed();
           return null;
         }
         const guessedNextTimestamp = iterator.guessNextTimestamp();
@@ -596,9 +603,11 @@ var audioIteratorManager = ({
       },
       onError: (e) => {
         if (e instanceof InputDisposedError) {
+          onDestroyed();
           return;
         }
         if (e instanceof StaleWaiterError) {
+          onDestroyed();
           return;
         }
         throw e;
@@ -624,6 +633,7 @@ var audioIteratorManager = ({
       return;
     }
     audioBufferIterator?.destroy();
+    unblockCurrentDelayHandle();
     const delayHandle = delayPlaybackHandleIfNotPremounting();
     currentDelayHandle = delayHandle;
     const iterator = makeAudioIterator({
@@ -638,6 +648,7 @@ var audioIteratorManager = ({
     });
     audioIteratorsCreated++;
     audioBufferIterator = iterator;
+    let chunksScheduled = 0;
     proceedScheduling({
       iterator,
       nonce,
@@ -645,7 +656,10 @@ var audioIteratorManager = ({
       playbackRate,
       scheduleAudioNode,
       onScheduled: () => {
-        delayHandle.unblock();
+        chunksScheduled++;
+        if (chunksScheduled === 6) {
+          delayHandle.unblock();
+        }
       },
       onDestroyed: () => {
         delayHandle.unblock();
@@ -673,6 +687,9 @@ var audioIteratorManager = ({
     fps,
     getAudioContextCurrentTimeMockedInTest
   }) => {
+    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) {
       return;
     }
@@ -724,10 +741,7 @@ var audioIteratorManager = ({
     destroyIterator: () => {
       audioBufferIterator?.destroy();
       audioBufferIterator = null;
-      if (currentDelayHandle) {
-        currentDelayHandle.unblock();
-        currentDelayHandle = null;
-      }
+      unblockCurrentDelayHandle();
     },
     seek,
     getAudioIteratorsCreated: () => audioIteratorsCreated,
@@ -5421,6 +5435,7 @@ var VideoInner = ({
     type: "video",
     data: basicInfo
   }), [basicInfo]);
+  const memoizedEffects = Internals20.useMemoizedEffects(Internals20.flattenEffects(_experimentalEffects ?? []));
   if (sequenceDurationInFrames === 0) {
     return null;
   }
@@ -5433,6 +5448,7 @@ var VideoInner = ({
     name: name ?? "<Video>",
     _experimentalControls: controls,
     _remotionInternalLoopDisplay: loopDisplay,
+    _experimentalEffects: memoizedEffects,
     showInTimeline: showInTimeline ?? true,
     children: /* @__PURE__ */ jsx6(InnerVideo, {
       audioStreamIndex: audioStreamIndex ?? 0,
@@ -5462,7 +5478,7 @@ var VideoInner = ({
       _experimentalControls: controls,
       objectFit: objectFit ?? "contain",
       _experimentalInitiallyDrawCachedFrame: _experimentalInitiallyDrawCachedFrame ?? false,
-      _experimentalEffects: _experimentalEffects ?? [],
+      _experimentalEffects: memoizedEffects,
       setMediaDurationInSeconds
     })
   });

package/dist/index.d.ts

@@ -59,7 +59,7 @@ export declare const experimental_Video: import("react").ComponentType<{
     credentials: RequestCredentials | undefined;
     objectFit: import(".").VideoObjectFit;
     _experimentalInitiallyDrawCachedFrame: boolean;
-    _experimentalEffects: import("remotion").EffectsProp;
+    _experimentalEffects: import("remotion").EffectDescriptor<unknown>[];
 }> & Pick<import("remotion").SequenceProps, "durationInFrames" | "from" | "name">>;
 export { AudioForPreview } from './audio/audio-for-preview';
 export { AudioProps, FallbackHtml5AudioProps } from './audio/props';

package/dist/media-player.d.ts

@@ -1,6 +1,5 @@
-import type { LogLevel, useBufferState } from 'remotion';
+import type { EffectDefinitionAndStack, LogLevel, useBufferState } from 'remotion';
 import type { EffectChainState } from 'remotion';
-import type { EffectsProp } from 'remotion';
 import { type AudioIteratorManager } from './audio-iterator-manager';
 import type { SharedAudioContextForMediaPlayer } from './shared-audio-context-for-media-player';
 import type { VideoIteratorManager } from './video-iterator-manager';
@@ -71,7 +70,7 @@ export declare class MediaPlayer {
         sequenceOffset: number;
         credentials: RequestCredentials | undefined;
         tagType: 'audio' | 'video';
-        getEffects: () => EffectsProp;
+        getEffects: () => EffectDefinitionAndStack<unknown>[];
         getEffectChainState: (width: number, height: number) => EffectChainState | null;
         getCurrentFrame: () => number;
     });

package/dist/video/props.d.ts

@@ -1,5 +1,4 @@
-import type { LogLevel, LoopVolumeCurveBehavior, OnVideoFrame, SequenceProps, VolumeProp } from 'remotion';
-import type { EffectsProp } from 'remotion';
+import type { EffectDefinitionAndStack, EffectDescriptor, LogLevel, LoopVolumeCurveBehavior, OnVideoFrame, SequenceProps, VolumeProp } from 'remotion';
 import type { MediaOnError } from '../on-error';
 export type MediaErrorEvent = {
     error: Error;
@@ -51,8 +50,10 @@ type OptionalVideoProps = {
     credentials: RequestCredentials | undefined;
     objectFit: VideoObjectFit;
     _experimentalInitiallyDrawCachedFrame: boolean;
-    _experimentalEffects: EffectsProp;
+    _experimentalEffects: EffectDescriptor<unknown>[];
+};
+export type InnerVideoProps = MandatoryVideoProps & OuterVideoProps & Omit<OptionalVideoProps, '_experimentalEffects'> & {
+    _experimentalEffects: EffectDefinitionAndStack<unknown>[];
 };
-export type InnerVideoProps = MandatoryVideoProps & OuterVideoProps & OptionalVideoProps;
 export type VideoProps = MandatoryVideoProps & Partial<OuterVideoProps> & Partial<OptionalVideoProps> & Pick<SequenceProps, 'durationInFrames' | 'from' | 'name'>;
 export {};

package/dist/video/video-for-preview.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { EffectsProp, LogLevel, LoopVolumeCurveBehavior, SequenceControls, VolumeProp } from 'remotion';
+import type { EffectDefinitionAndStack, LogLevel, LoopVolumeCurveBehavior, SequenceControls, VolumeProp } from 'remotion';
 import { type MediaOnError } from '../on-error';
 import type { FallbackOffthreadVideoProps, VideoObjectFit } from './props';
 type VideoForPreviewProps = {
@@ -27,7 +27,7 @@ type VideoForPreviewProps = {
     readonly objectFit: VideoObjectFit;
     readonly setMediaDurationInSeconds: (durationInSeconds: number) => void;
     readonly _experimentalInitiallyDrawCachedFrame: boolean;
-    readonly _experimentalEffects: EffectsProp;
+    readonly _experimentalEffects: EffectDefinitionAndStack<unknown>[];
 };
 export declare const VideoForPreview: React.FC<VideoForPreviewProps & {
     readonly controls: SequenceControls | undefined;

package/dist/video/video.d.ts

@@ -30,5 +30,5 @@ export declare const Video: React.ComponentType<{
     credentials: RequestCredentials | undefined;
     objectFit: import("./props").VideoObjectFit;
     _experimentalInitiallyDrawCachedFrame: boolean;
-    _experimentalEffects: import("remotion").EffectsProp;
+    _experimentalEffects: import("remotion").EffectDescriptor<unknown>[];
 }> & Pick<import("remotion").SequenceProps, "durationInFrames" | "from" | "name">>;

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

@@ -1,5 +1,5 @@
 import type { InputVideoTrack, WrappedCanvas } from 'mediabunny';
-import type { EffectChainState, EffectsProp } from 'remotion';
+import type { EffectChainState, EffectDefinitionAndStack } from 'remotion';
 import type { DelayPlaybackIfNotPremounting } from './delay-playback-if-not-premounting';
 import type { Nonce } from './nonce-manager';
 export declare const videoIteratorManager: ({ delayPlaybackHandleIfNotPremounting, canvas, context, drawDebugOverlay, logLevel, getOnVideoFrameCallback, videoTrack, getLoopSegmentMediaEndTimestamp, getStartTime, getIsLooping, getEffects, getEffectChainState, getCurrentFrame, }: {
@@ -13,7 +13,7 @@ export declare const videoIteratorManager: ({ delayPlaybackHandleIfNotPremountin
     getLoopSegmentMediaEndTimestamp: () => number;
     getStartTime: () => number;
     getIsLooping: () => boolean;
-    getEffects: () => EffectsProp;
+    getEffects: () => EffectDefinitionAndStack<unknown>[];
     getEffectChainState: (width: number, height: number) => EffectChainState | null;
     getCurrentFrame: () => number;
 }) => Promise<{

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/media",
-	"version": "4.0.459",
+	"version": "4.0.461",
 	"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.459",
+		"remotion": "4.0.461",
 		"zod": "4.3.6"
 	},
 	"peerDependencies": {
@@ -31,7 +31,7 @@
 		"react-dom": ">=16.8.0"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.459",
+		"@remotion/eslint-config-internal": "4.0.461",
 		"@vitest/browser-webdriverio": "4.0.9",
 		"eslint": "9.19.0",
 		"react": "19.2.3",