@remotion/media 4.0.460 → 4.0.462

package/dist/esm/index.mjs

@@ -5435,6 +5435,11 @@ var VideoInner = ({
     type: "video",
     data: basicInfo
   }), [basicInfo]);
+  const memoizedEffects = Internals20.useMemoizedEffects({
+    effects: _experimentalEffects ?? [],
+    overrideId: controls?.overrideId ?? null
+  });
+  const memoizedEffectDefinitions = Internals20.useMemoizedEffectDefinitions(_experimentalEffects ?? []);
   if (sequenceDurationInFrames === 0) {
     return null;
   }
@@ -5447,6 +5452,7 @@ var VideoInner = ({
     name: name ?? "<Video>",
     _experimentalControls: controls,
     _remotionInternalLoopDisplay: loopDisplay,
+    _experimentalEffects: memoizedEffectDefinitions,
     showInTimeline: showInTimeline ?? true,
     children: /* @__PURE__ */ jsx6(InnerVideo, {
       audioStreamIndex: audioStreamIndex ?? 0,
@@ -5476,7 +5482,7 @@ var VideoInner = ({
       _experimentalControls: controls,
       objectFit: objectFit ?? "contain",
       _experimentalInitiallyDrawCachedFrame: _experimentalInitiallyDrawCachedFrame ?? false,
-      _experimentalEffects: _experimentalEffects ?? [],
+      _experimentalEffects: memoizedEffects,
       setMediaDurationInSeconds
     })
   });

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, EffectsProp, LogLevel, LoopVolumeCurveBehavior, OnVideoFrame, SequenceProps, VolumeProp } from 'remotion';
 import type { MediaOnError } from '../on-error';
 export type MediaErrorEvent = {
     error: Error;
@@ -53,6 +52,8 @@ type OptionalVideoProps = {
     _experimentalInitiallyDrawCachedFrame: boolean;
     _experimentalEffects: EffectsProp;
 };
-export type InnerVideoProps = MandatoryVideoProps & OuterVideoProps & OptionalVideoProps;
+export type InnerVideoProps = MandatoryVideoProps & OuterVideoProps & Omit<OptionalVideoProps, '_experimentalEffects'> & {
+    _experimentalEffects: EffectDefinitionAndStack<unknown>[];
+};
 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-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.460",
+	"version": "4.0.462",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
 	"module": "dist/esm/index.mjs",
@@ -22,8 +22,8 @@
 		"make": "tsgo && bun --env-file=../.env.bundle bundle.ts"
 	},
 	"dependencies": {
-		"mediabunny": "1.42.0",
-		"remotion": "4.0.460",
+		"mediabunny": "1.45.0",
+		"remotion": "4.0.462",
 		"zod": "4.3.6"
 	},
 	"peerDependencies": {
@@ -31,7 +31,7 @@
 		"react-dom": ">=16.8.0"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.460",
+		"@remotion/eslint-config-internal": "4.0.462",
 		"@vitest/browser-webdriverio": "4.0.9",
 		"eslint": "9.19.0",
 		"react": "19.2.3",

package/dist/input-store.d.ts

@@ -1,37 +0,0 @@
-import type { InputAudioTrack, InputVideoTrack } from 'mediabunny';
-import { AudioBufferSink, CanvasSink, Input } from 'mediabunny';
-type VideoSinkBundle = {
-    videoTrack: InputVideoTrack;
-    canvasSink: CanvasSink;
-};
-type AudioSinkBundle = {
-    audioTrack: InputAudioTrack;
-    audioSink: AudioBufferSink;
-};
-export declare const acquireInput: ({ src, credentials, }: {
-    src: string;
-    credentials: RequestCredentials | undefined;
-}) => Input<import("mediabunny").Source>;
-export declare const releaseInput: ({ src, credentials, }: {
-    src: string;
-    credentials: RequestCredentials | undefined;
-}) => void;
-export declare const acquireVideoSink: ({ src, credentials, }: {
-    src: string;
-    credentials: RequestCredentials | undefined;
-}) => Promise<VideoSinkBundle | null>;
-export declare const releaseVideoSink: ({ src, credentials, }: {
-    src: string;
-    credentials: RequestCredentials | undefined;
-}) => void;
-export declare const acquireAudioSink: ({ src, credentials, audioStreamIndex, }: {
-    src: string;
-    credentials: RequestCredentials | undefined;
-    audioStreamIndex: number | null;
-}) => Promise<AudioSinkBundle | null>;
-export declare const releaseAudioSink: ({ src, credentials, audioStreamIndex, }: {
-    src: string;
-    credentials: RequestCredentials | undefined;
-    audioStreamIndex: number | null;
-}) => void;
-export {};