@remotion/media 4.0.460 → 4.0.461

package/dist/esm/index.mjs

@@ -5435,6 +5435,7 @@ var VideoInner = ({
     type: "video",
     data: basicInfo
   }), [basicInfo]);
+  const memoizedEffects = Internals20.useMemoizedEffects(Internals20.flattenEffects(_experimentalEffects ?? []));
   if (sequenceDurationInFrames === 0) {
     return null;
   }
@@ -5447,6 +5448,7 @@ var VideoInner = ({
     name: name ?? "<Video>",
     _experimentalControls: controls,
     _remotionInternalLoopDisplay: loopDisplay,
+    _experimentalEffects: memoizedEffects,
     showInTimeline: showInTimeline ?? true,
     children: /* @__PURE__ */ jsx6(InnerVideo, {
       audioStreamIndex: audioStreamIndex ?? 0,
@@ -5476,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/use-media-in-timeline.d.ts

@@ -0,0 +1,21 @@
+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;
+    mediaVolume: number;
+    src: string | undefined;
+    mediaType: "audio" | "video";
+    playbackRate: number;
+    displayName: string | null;
+    stack: string | null;
+    showInTimeline: boolean;
+    premountDisplay: number | null;
+    postmountDisplay: number | null;
+    loopDisplay: LoopDisplay | undefined;
+    trimBefore: number | undefined;
+    trimAfter: number | undefined;
+    controls: SequenceControls | undefined;
+    _experimentalEffects: EffectDefinitionAndStack<unknown>[];
+}) => {
+    id: string;
+};

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.460",
+	"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.460",
+		"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.460",
+		"@remotion/eslint-config-internal": "4.0.461",
 		"@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 {};