@remotion/media 4.0.454 → 4.0.456

package/dist/helpers/resolve-audio-track.d.ts

@@ -0,0 +1,6 @@
+import type { InputAudioTrack, InputVideoTrack } from 'mediabunny';
+export declare const resolveAudioTrack: ({ videoTrack, audioTracks, audioStreamIndex, }: {
+    videoTrack: InputVideoTrack | null;
+    audioTracks: InputAudioTrack[];
+    audioStreamIndex: number | null;
+}) => Promise<InputAudioTrack | null>;

package/dist/index.d.ts

@@ -3,7 +3,28 @@ import { Video } from './video/video';
 /**
  * @deprecated Now just `Audio`
  */
-export declare const experimental_Audio: import("react").ComponentType<import(".").AudioProps>;
+export declare const experimental_Audio: import("react").ComponentType<{
+    src: string;
+    trimBefore?: number | undefined;
+    trimAfter?: number | undefined;
+    volume?: import("remotion").VolumeProp | undefined;
+    loopVolumeCurveBehavior?: import("remotion").LoopVolumeCurveBehavior | undefined;
+    playbackRate?: number | undefined;
+    muted?: boolean | undefined;
+    style?: import("react").CSSProperties | undefined;
+    stack?: string | undefined;
+    logLevel?: "error" | "info" | "trace" | "verbose" | "warn" | undefined;
+    loop?: boolean | undefined;
+    audioStreamIndex?: number | undefined;
+    _remotionInternalNativeLoopPassed?: boolean | undefined;
+    fallbackHtml5AudioProps?: import(".").FallbackHtml5AudioProps | undefined;
+    disallowFallbackToHtml5Audio?: boolean | undefined;
+    toneFrequency?: number | undefined;
+    delayRenderRetries?: number | undefined;
+    delayRenderTimeoutInMilliseconds?: number | undefined;
+    onError?: import("./on-error").MediaOnError | undefined;
+    credentials?: RequestCredentials | undefined;
+} & Pick<import("remotion").SequenceProps, "durationInFrames" | "from" | "name" | "showInTimeline">>;
 /**
  * @deprecated Now just `Video`
  */
@@ -16,7 +37,6 @@ export declare const experimental_Video: import("react").ComponentType<{
     className: string | undefined;
     volume: import("remotion").VolumeProp;
     loopVolumeCurveBehavior: import("remotion").LoopVolumeCurveBehavior;
-    name: string | undefined;
     onVideoFrame: import("remotion").OnVideoFrame | undefined;
     playbackRate: number;
     muted: boolean;
@@ -39,10 +59,8 @@ export declare const experimental_Video: import("react").ComponentType<{
     credentials: RequestCredentials | undefined;
     objectFit: import(".").VideoObjectFit;
     _experimentalInitiallyDrawCachedFrame: boolean;
-}> & {
-    from?: number | undefined;
-    durationInFrames?: number | undefined;
-}>;
+    _experimentalEffects: import("remotion").EffectsProp;
+}> & Pick<import("remotion").SequenceProps, "durationInFrames" | "from" | "name">>;
 export { AudioForPreview } from './audio/audio-for-preview';
 export { AudioProps, FallbackHtml5AudioProps } from './audio/props';
 export { MediaErrorAction } from './on-error';

package/dist/media-player.d.ts

@@ -1,4 +1,6 @@
 import type { 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';
@@ -39,12 +41,15 @@ export declare class MediaPlayer {
     private debugOverlay;
     private nonceManager;
     private onVideoFrameCallback;
+    private getEffects;
+    private getEffectChainState;
+    private getCurrentFrame;
     private initializationPromise;
     private bufferState;
     private isPremounting;
     private isPostmounting;
     private seekPromiseChain;
-    constructor({ canvas, src, logLevel, sharedAudioContext, loop, trimBefore, trimAfter, playbackRate, globalPlaybackRate, audioStreamIndex, fps, debugOverlay, bufferState, isPremounting, isPostmounting, durationInFrames, onVideoFrameCallback, playing, sequenceOffset, credentials, tagType }: {
+    constructor({ canvas, src, logLevel, sharedAudioContext, loop, trimBefore, trimAfter, playbackRate, globalPlaybackRate, audioStreamIndex, fps, debugOverlay, bufferState, isPremounting, isPostmounting, durationInFrames, onVideoFrameCallback, playing, sequenceOffset, credentials, tagType, getEffects, getEffectChainState, getCurrentFrame }: {
         canvas: HTMLCanvasElement | OffscreenCanvas | null;
         src: string;
         logLevel: LogLevel;
@@ -66,6 +71,9 @@ export declare class MediaPlayer {
         sequenceOffset: number;
         credentials: RequestCredentials | undefined;
         tagType: 'audio' | 'video';
+        getEffects: () => EffectsProp;
+        getEffectChainState: (width: number, height: number) => EffectChainState | null;
+        getCurrentFrame: () => number;
     });
     private input;
     private isDisposalError;

package/dist/show-in-timeline.d.ts

@@ -1,8 +1,10 @@
 import type { LoopDisplay } from 'remotion';
-export declare const useLoopDisplay: ({ loop, mediaDurationInSeconds, playbackRate, trimAfter, trimBefore, }: {
+export declare const getLoopDisplay: ({ loop, mediaDurationInSeconds, playbackRate, trimAfter, trimBefore, sequenceDurationInFrames, compFps, }: {
     loop: boolean;
     mediaDurationInSeconds: number | null;
     trimAfter: number | undefined;
     trimBefore: number | undefined;
+    sequenceDurationInFrames: number;
     playbackRate: number;
+    compFps: number;
 }) => LoopDisplay | undefined;

package/dist/use-media-in-timeline.d.ts

@@ -1,6 +1,6 @@
-import type { LoopDisplay, SequenceControls } from 'remotion';
+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, }: {
+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;
@@ -15,6 +15,7 @@ export declare const useMediaInTimeline: ({ volume, mediaVolume, src, mediaType,
     trimBefore: number | undefined;
     trimAfter: number | undefined;
     controls: SequenceControls | undefined;
+    _experimentalEffects: EffectDefinitionAndStack<unknown>[];
 }) => {
     id: string;
 };

package/dist/video/props.d.ts

@@ -1,4 +1,5 @@
-import type { LogLevel, LoopVolumeCurveBehavior, OnVideoFrame, VolumeProp } from 'remotion';
+import type { LogLevel, LoopVolumeCurveBehavior, OnVideoFrame, SequenceProps, VolumeProp } from 'remotion';
+import type { EffectsProp } from 'remotion';
 import type { MediaOnError } from '../on-error';
 export type MediaErrorEvent = {
     error: Error;
@@ -25,7 +26,6 @@ type OptionalVideoProps = {
     className: string | undefined;
     volume: VolumeProp;
     loopVolumeCurveBehavior: LoopVolumeCurveBehavior;
-    name: string | undefined;
     onVideoFrame: OnVideoFrame | undefined;
     playbackRate: number;
     muted: boolean;
@@ -51,16 +51,8 @@ type OptionalVideoProps = {
     credentials: RequestCredentials | undefined;
     objectFit: VideoObjectFit;
     _experimentalInitiallyDrawCachedFrame: boolean;
+    _experimentalEffects: EffectsProp;
 };
 export type InnerVideoProps = MandatoryVideoProps & OuterVideoProps & OptionalVideoProps;
-export type VideoProps = MandatoryVideoProps & Partial<OuterVideoProps> & Partial<OptionalVideoProps> & {
-    /**
-     * When set, `<Video>` applies timing via an inner `<Sequence layout="none">` that is hidden from the timeline (`showInTimeline={false}`) so the clip still appears once as media.
-     */
-    from?: number;
-    /**
-     * Bounds the clip in frames together with `from`. Defaults to `Infinity` like `<Sequence>`.
-     */
-    durationInFrames?: number;
-};
+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 { LogLevel, LoopVolumeCurveBehavior, SequenceControls, VolumeProp } from 'remotion';
+import type { EffectsProp, LogLevel, LoopVolumeCurveBehavior, SequenceControls, VolumeProp } from 'remotion';
 import { type MediaOnError } from '../on-error';
 import type { FallbackOffthreadVideoProps, VideoObjectFit } from './props';
 type VideoForPreviewProps = {
@@ -14,7 +14,6 @@ type VideoForPreviewProps = {
     readonly onVideoFrame: undefined | ((frame: CanvasImageSource) => void);
     readonly showInTimeline: boolean;
     readonly loop: boolean;
-    readonly name: string | undefined;
     readonly trimAfter: number | undefined;
     readonly trimBefore: number | undefined;
     readonly stack: string | null;
@@ -26,7 +25,9 @@ type VideoForPreviewProps = {
     readonly onError: MediaOnError | undefined;
     readonly credentials: RequestCredentials | undefined;
     readonly objectFit: VideoObjectFit;
+    readonly setMediaDurationInSeconds: (durationInSeconds: number) => void;
     readonly _experimentalInitiallyDrawCachedFrame: boolean;
+    readonly _experimentalEffects: EffectsProp;
 };
 export declare const VideoForPreview: React.FC<VideoForPreviewProps & {
     readonly controls: SequenceControls | undefined;

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

@@ -8,7 +8,6 @@ type InnerVideoProps = {
     readonly src: string;
     readonly logLevel: LogLevel;
     readonly muted: boolean;
-    readonly name: string | undefined;
     readonly volume: VolumeProp;
     readonly loopVolumeCurveBehavior: LoopVolumeCurveBehavior;
     readonly onVideoFrame: OnVideoFrame | undefined;

package/dist/video/video.d.ts

@@ -8,7 +8,6 @@ export declare const Video: React.ComponentType<{
     className: string | undefined;
     volume: import("remotion").VolumeProp;
     loopVolumeCurveBehavior: import("remotion").LoopVolumeCurveBehavior;
-    name: string | undefined;
     onVideoFrame: import("remotion").OnVideoFrame | undefined;
     playbackRate: number;
     muted: boolean;
@@ -31,7 +30,5 @@ export declare const Video: React.ComponentType<{
     credentials: RequestCredentials | undefined;
     objectFit: import("./props").VideoObjectFit;
     _experimentalInitiallyDrawCachedFrame: boolean;
-}> & {
-    from?: number | undefined;
-    durationInFrames?: number | undefined;
-}>;
+    _experimentalEffects: import("remotion").EffectsProp;
+}> & Pick<import("remotion").SequenceProps, "durationInFrames" | "from" | "name">>;

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

@@ -1,7 +1,8 @@
 import type { InputVideoTrack, WrappedCanvas } from 'mediabunny';
+import type { EffectChainState, EffectsProp } 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, }: {
+export declare const videoIteratorManager: ({ delayPlaybackHandleIfNotPremounting, canvas, context, drawDebugOverlay, logLevel, getOnVideoFrameCallback, videoTrack, getLoopSegmentMediaEndTimestamp, getStartTime, getIsLooping, getEffects, getEffectChainState, getCurrentFrame, }: {
     videoTrack: InputVideoTrack;
     delayPlaybackHandleIfNotPremounting: () => DelayPlaybackIfNotPremounting;
     context: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D | null;
@@ -12,6 +13,9 @@ export declare const videoIteratorManager: ({ delayPlaybackHandleIfNotPremountin
     getLoopSegmentMediaEndTimestamp: () => number;
     getStartTime: () => number;
     getIsLooping: () => boolean;
+    getEffects: () => EffectsProp;
+    getEffectChainState: (width: number, height: number) => EffectChainState | null;
+    getCurrentFrame: () => number;
 }) => Promise<{
     startVideoIterator: (timeToSeek: number, nonce: Nonce) => Promise<void>;
     getVideoIteratorsCreated: () => number;
@@ -32,7 +36,7 @@ export declare const videoIteratorManager: ({ delayPlaybackHandleIfNotPremountin
             frame: WrappedCanvas;
         };
     } | null;
-    drawFrame: (frame: WrappedCanvas) => void;
+    drawFrame: (frame: WrappedCanvas) => Promise<void>;
     getFramesRendered: () => number;
 }>;
 export type VideoIteratorManager = Awaited<ReturnType<typeof videoIteratorManager>>;

package/package.json

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