@remotion/media 4.0.461 → 4.0.463

package/dist/audio/audio.d.ts

@@ -20,4 +20,4 @@ export declare const Audio: React.ComponentType<{
     delayRenderTimeoutInMilliseconds?: number | undefined;
     onError?: import("../on-error").MediaOnError | undefined;
     credentials?: RequestCredentials | undefined;
-} & Pick<import("remotion").SequenceProps, "durationInFrames" | "from" | "name" | "showInTimeline">>;
+} & Pick<import("remotion").SequenceProps, "durationInFrames" | "from" | "hidden" | "name" | "showInTimeline">>;

package/dist/audio/props.d.ts

@@ -6,6 +6,7 @@ export type FallbackHtml5AudioProps = {
     useWebAudioApi?: boolean;
     acceptableTimeShiftInSeconds?: number;
     pauseWhenBuffering?: boolean;
+    preservePitch?: boolean;
 };
 export type AudioProps = {
     src: string;
@@ -31,4 +32,4 @@ export type AudioProps = {
     delayRenderTimeoutInMilliseconds?: number;
     onError?: MediaOnError;
     credentials?: RequestCredentials;
-} & Pick<SequenceProps, 'from' | 'durationInFrames' | 'name' | 'showInTimeline'>;
+} & Pick<SequenceProps, 'from' | 'durationInFrames' | 'name' | 'showInTimeline' | 'hidden'>;

package/dist/esm/index.mjs

@@ -1120,8 +1120,7 @@ var videoIteratorManager = async ({
   getStartTime,
   getIsLooping,
   getEffects,
-  getEffectChainState,
-  getCurrentFrame
+  getEffectChainState
 }) => {
   let videoIteratorsCreated = 0;
   let videoFrameIterator = null;
@@ -1151,7 +1150,6 @@ var videoIteratorManager = async ({
           source: frame.canvas,
           effects,
           output: canvas,
-          frame: getCurrentFrame(),
           width: canvas.width,
           height: canvas.height
         });
@@ -1265,7 +1263,6 @@ class MediaPlayer {
   onVideoFrameCallback = null;
   getEffects;
   getEffectChainState;
-  getCurrentFrame;
   initializationPromise = null;
   bufferState;
   isPremounting;
@@ -1294,8 +1291,7 @@ class MediaPlayer {
     credentials,
     tagType,
     getEffects,
-    getEffectChainState,
-    getCurrentFrame
+    getEffectChainState
   }) {
     this.canvas = canvas ?? null;
     this.src = src;
@@ -1326,7 +1322,6 @@ class MediaPlayer {
     this.tagType = tagType;
     this.getEffects = getEffects;
     this.getEffectChainState = getEffectChainState;
-    this.getCurrentFrame = getCurrentFrame;
     if (canvas) {
       const context = canvas.getContext("2d", {
         alpha: true,
@@ -1436,8 +1431,7 @@ class MediaPlayer {
             getStartTime: () => this.getStartTime(),
             getIsLooping: () => this.loop,
             getEffects: this.getEffects,
-            getEffectChainState: this.getEffectChainState,
-            getCurrentFrame: this.getCurrentFrame
+            getEffectChainState: this.getEffectChainState
           });
         }
         const startTime = this.getTrimmedTime(startTimeUnresolved);
@@ -2093,8 +2087,7 @@ var AudioForPreviewAssertedShowing = ({
         credentials,
         tagType: "audio",
         getEffects: () => [],
-        getEffectChainState: () => null,
-        getCurrentFrame: () => 0
+        getEffectChainState: () => null
       });
       mediaPlayerRef.current = player;
       player.initialize(currentTimeRef.current, initialMuted.current).then((result) => {
@@ -4363,6 +4356,7 @@ var AudioForRendering = ({
       onError: fallbackHtml5AudioProps?.onError,
       toneFrequency,
       acceptableTimeShiftInSeconds: fallbackHtml5AudioProps?.acceptableTimeShiftInSeconds,
+      preservePitch: fallbackHtml5AudioProps?.preservePitch ?? true,
       name,
       showInTimeline
     });
@@ -4389,7 +4383,8 @@ var audioSchema = {
     default: 1,
     description: "Playback Rate"
   },
-  loop: { type: "boolean", default: false, description: "Loop" }
+  loop: { type: "boolean", default: false, description: "Loop" },
+  hidden: Internals16.hiddenField
 };
 var AudioInner = (props) => {
   const {
@@ -4399,6 +4394,7 @@ var AudioInner = (props) => {
     _experimentalControls: controls,
     from,
     durationInFrames,
+    hidden,
     ...otherProps
   } = props;
   const environment = useRemotionEnvironment2();
@@ -4458,6 +4454,7 @@ var AudioInner = (props) => {
     _experimentalControls: controls,
     _remotionInternalLoopDisplay: loopDisplay,
     showInTimeline: showInTimeline ?? true,
+    hidden,
     children: environment.isRendering ? /* @__PURE__ */ jsx3(AudioForRendering, {
       ...otherProps
     }) : /* @__PURE__ */ jsx3(AudioForPreview, {
@@ -4611,8 +4608,6 @@ var VideoForPreviewAssertedShowing = ({
   experimentalEffectsRef.current = _experimentalEffects;
   const effectChainStateRef = useRef2(effectChainState);
   effectChainStateRef.current = effectChainState;
-  const frameRef = useRef2(frame);
-  frameRef.current = frame;
   const parentSequence = useContext4(SequenceContext2);
   const isPremounting = Boolean(parentSequence?.premounting);
   const isPostmounting = Boolean(parentSequence?.postmounting);
@@ -4718,8 +4713,7 @@ var VideoForPreviewAssertedShowing = ({
         credentials,
         tagType: "video",
         getEffects: () => experimentalEffectsRef.current,
-        getEffectChainState: (width, height) => effectChainStateRef.current?.get(width, height),
-        getCurrentFrame: () => frameRef.current
+        getEffectChainState: (width, height) => effectChainStateRef.current?.get(width, height)
       });
       mediaPlayerRef.current = player;
       player.initialize(currentTimeRef.current, initialMuted.current).then((result) => {
@@ -5202,6 +5196,7 @@ var VideoForRendering = ({
       trimAfter: trimAfterValue,
       trimBefore: trimBeforeValue,
       useWebAudioApi: fallbackOffthreadVideoProps?.useWebAudioApi ?? false,
+      preservePitch: fallbackOffthreadVideoProps?.preservePitch ?? true,
       startFrom: undefined,
       endAt: undefined,
       stack,
@@ -5255,6 +5250,11 @@ var videoSchema = {
     default: 1,
     description: "Playback Rate"
   },
+  hidden: {
+    type: "boolean",
+    default: false,
+    description: "Hidden"
+  },
   loop: { type: "boolean", default: false, description: "Loop" },
   ...Internals20.sequenceStyleSchema
 };
@@ -5393,7 +5393,8 @@ var VideoInner = ({
   _experimentalInitiallyDrawCachedFrame,
   _experimentalEffects,
   durationInFrames,
-  from
+  from,
+  hidden
 }) => {
   const fallbackLogLevel = Internals20.useLogLevel();
   const [mediaVolume] = Internals20.useMediaVolumeState();
@@ -5435,7 +5436,11 @@ var VideoInner = ({
     type: "video",
     data: basicInfo
   }), [basicInfo]);
-  const memoizedEffects = Internals20.useMemoizedEffects(Internals20.flattenEffects(_experimentalEffects ?? []));
+  const memoizedEffects = Internals20.useMemoizedEffects({
+    effects: _experimentalEffects ?? [],
+    overrideId: controls?.overrideId ?? null
+  });
+  const memoizedEffectDefinitions = Internals20.useMemoizedEffectDefinitions(_experimentalEffects ?? []);
   if (sequenceDurationInFrames === 0) {
     return null;
   }
@@ -5448,8 +5453,9 @@ var VideoInner = ({
     name: name ?? "<Video>",
     _experimentalControls: controls,
     _remotionInternalLoopDisplay: loopDisplay,
-    _experimentalEffects: memoizedEffects,
+    _experimentalEffects: memoizedEffectDefinitions,
     showInTimeline: showInTimeline ?? true,
+    hidden,
     children: /* @__PURE__ */ jsx6(InnerVideo, {
       audioStreamIndex: audioStreamIndex ?? 0,
       className,

package/dist/index.d.ts

@@ -24,7 +24,7 @@ export declare const experimental_Audio: import("react").ComponentType<{
     delayRenderTimeoutInMilliseconds?: number | undefined;
     onError?: import("./on-error").MediaOnError | undefined;
     credentials?: RequestCredentials | undefined;
-} & Pick<import("remotion").SequenceProps, "durationInFrames" | "from" | "name" | "showInTimeline">>;
+} & Pick<import("remotion").SequenceProps, "durationInFrames" | "from" | "hidden" | "name" | "showInTimeline">>;
 /**
  * @deprecated Now just `Video`
  */
@@ -59,8 +59,8 @@ export declare const experimental_Video: import("react").ComponentType<{
     credentials: RequestCredentials | undefined;
     objectFit: import(".").VideoObjectFit;
     _experimentalInitiallyDrawCachedFrame: boolean;
-    _experimentalEffects: import("remotion").EffectDescriptor<unknown>[];
-}> & Pick<import("remotion").SequenceProps, "durationInFrames" | "from" | "name">>;
+    _experimentalEffects: import("remotion").EffectsProp;
+}> & Pick<import("remotion").SequenceProps, "durationInFrames" | "from" | "hidden" | "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

@@ -42,13 +42,12 @@ export declare class MediaPlayer {
     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, getEffects, getEffectChainState, getCurrentFrame }: {
+    constructor({ canvas, src, logLevel, sharedAudioContext, loop, trimBefore, trimAfter, playbackRate, globalPlaybackRate, audioStreamIndex, fps, debugOverlay, bufferState, isPremounting, isPostmounting, durationInFrames, onVideoFrameCallback, playing, sequenceOffset, credentials, tagType, getEffects, getEffectChainState }: {
         canvas: HTMLCanvasElement | OffscreenCanvas | null;
         src: string;
         logLevel: LogLevel;
@@ -72,7 +71,6 @@ export declare class MediaPlayer {
         tagType: 'audio' | 'video';
         getEffects: () => EffectDefinitionAndStack<unknown>[];
         getEffectChainState: (width: number, height: number) => EffectChainState | null;
-        getCurrentFrame: () => number;
     });
     private input;
     private isDisposalError;

package/dist/video/props.d.ts

@@ -1,4 +1,4 @@
-import type { EffectDefinitionAndStack, EffectDescriptor, LogLevel, LoopVolumeCurveBehavior, OnVideoFrame, SequenceProps, VolumeProp } from 'remotion';
+import type { EffectDefinitionAndStack, EffectsProp, LogLevel, LoopVolumeCurveBehavior, OnVideoFrame, SequenceProps, VolumeProp } from 'remotion';
 import type { MediaOnError } from '../on-error';
 export type MediaErrorEvent = {
     error: Error;
@@ -13,6 +13,7 @@ export type FallbackOffthreadVideoProps = {
     useWebAudioApi?: boolean;
     pauseWhenBuffering?: boolean;
     onAutoPlayError?: null | (() => void);
+    preservePitch?: boolean;
 };
 type MandatoryVideoProps = {
     src: string;
@@ -50,10 +51,10 @@ type OptionalVideoProps = {
     credentials: RequestCredentials | undefined;
     objectFit: VideoObjectFit;
     _experimentalInitiallyDrawCachedFrame: boolean;
-    _experimentalEffects: EffectDescriptor<unknown>[];
+    _experimentalEffects: EffectsProp;
 };
 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 type VideoProps = MandatoryVideoProps & Partial<OuterVideoProps> & Partial<OptionalVideoProps> & Pick<SequenceProps, 'durationInFrames' | 'from' | 'name' | 'hidden'>;
 export {};

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").EffectDescriptor<unknown>[];
-}> & Pick<import("remotion").SequenceProps, "durationInFrames" | "from" | "name">>;
+    _experimentalEffects: import("remotion").EffectsProp;
+}> & Pick<import("remotion").SequenceProps, "durationInFrames" | "from" | "hidden" | "name">>;

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

@@ -2,7 +2,7 @@ import type { InputVideoTrack, WrappedCanvas } from 'mediabunny';
 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, }: {
+export declare const videoIteratorManager: ({ delayPlaybackHandleIfNotPremounting, canvas, context, drawDebugOverlay, logLevel, getOnVideoFrameCallback, videoTrack, getLoopSegmentMediaEndTimestamp, getStartTime, getIsLooping, getEffects, getEffectChainState, }: {
     videoTrack: InputVideoTrack;
     delayPlaybackHandleIfNotPremounting: () => DelayPlaybackIfNotPremounting;
     context: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D | null;
@@ -15,7 +15,6 @@ export declare const videoIteratorManager: ({ delayPlaybackHandleIfNotPremountin
     getIsLooping: () => boolean;
     getEffects: () => EffectDefinitionAndStack<unknown>[];
     getEffectChainState: (width: number, height: number) => EffectChainState | null;
-    getCurrentFrame: () => number;
 }) => Promise<{
     startVideoIterator: (timeToSeek: number, nonce: Nonce) => Promise<void>;
     getVideoIteratorsCreated: () => number;

package/package.json

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

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

@@ -1,21 +0,0 @@
-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;
-};