@remotion/media 4.0.478 → 4.0.481

package/dist/audio/audio.d.ts

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

package/dist/audio/props.d.ts

@@ -1,4 +1,4 @@
-import type { LogLevel, LoopVolumeCurveBehavior, SequenceProps, VolumeProp } from 'remotion';
+import type { InteractiveBaseProps, LogLevel, LoopVolumeCurveBehavior, VolumeProp } from 'remotion';
 import type { MediaOnError } from '../on-error';
 import type { MediaRequestInit } from '../request-init';
 export type FallbackHtml5AudioProps = {
@@ -38,4 +38,4 @@ export type AudioProps = {
      */
     credentials?: RequestCredentials;
     requestInit?: MediaRequestInit;
-} & Pick<SequenceProps, 'from' | 'durationInFrames' | 'freeze' | 'name' | 'showInTimeline' | 'hidden'>;
+} & InteractiveBaseProps;

package/dist/esm/index.mjs

@@ -40,6 +40,7 @@ var __callDispose = (stack, error, hasError) => {
 import { useMemo as useMemo3, useState as useState3 } from "react";
 import {
   Internals as Internals16,
+  Interactive,
   Sequence,
   useRemotionEnvironment as useRemotionEnvironment2,
   useVideoConfig as useVideoConfig2
@@ -139,7 +140,10 @@ import { ALL_FORMATS, Input, UrlSource } from "mediabunny";
 import { Internals as Internals5 } from "remotion";
 
 // src/audio-iterator-manager.ts
-import { AudioBufferSink, InputDisposedError } from "mediabunny";
+import {
+  AudioBufferSink,
+  InputDisposedError
+} from "mediabunny";
 import { Internals as Internals3 } from "remotion";
 
 // src/make-iterator-with-priming.ts
@@ -573,6 +577,7 @@ var audioIteratorManager = ({
         }
         if (!result.value) {
           next();
+          onDone();
           return;
         }
         onScheduled(result.value.timestamp);
@@ -4603,9 +4608,7 @@ var AudioForRendering = ({
 import { jsx as jsx3 } from "react/jsx-runtime";
 var { validateMediaProps } = Internals16;
 var audioSchema = {
-  durationInFrames: Internals16.durationInFramesField,
-  from: Internals16.fromField,
-  freeze: Internals16.freezeField,
+  ...Internals16.baseSchema,
   volume: {
     type: "number",
     min: 0,
@@ -4624,15 +4627,14 @@ var audioSchema = {
     hiddenFromList: false,
     keyframable: false
   },
-  loop: { type: "boolean", default: false, description: "Loop" },
-  hidden: Internals16.hiddenField
+  loop: { type: "boolean", default: false, description: "Loop" }
 };
 var AudioInner = (props) => {
   const {
     name,
     stack,
     showInTimeline,
-    _experimentalControls: controls,
+    controls,
     from,
     durationInFrames,
     freeze,
@@ -4695,7 +4697,7 @@ var AudioInner = (props) => {
     _remotionInternalIsMedia: isMedia,
     name: name ?? "<Audio>",
     _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/media/audio" : undefined,
-    _experimentalControls: controls,
+    controls,
     _remotionInternalLoopDisplay: loopDisplay,
     showInTimeline: showInTimeline ?? true,
     hidden,
@@ -4709,8 +4711,9 @@ var AudioInner = (props) => {
     })
   });
 };
-var Audio = Internals16.wrapInSchema({
+var Audio = Interactive.withSchema({
   Component: AudioInner,
+  componentName: "<Audio>",
   componentIdentity: "dev.remotion.media.Audio",
   schema: audioSchema,
   supportsEffects: false
@@ -4721,6 +4724,7 @@ Internals16.addSequenceStackTraces(Audio);
 import React6, { useMemo as useMemo6, useState as useState6 } from "react";
 import {
   Internals as Internals20,
+  Interactive as Interactive2,
   Sequence as Sequence2,
   useRemotionEnvironment as useRemotionEnvironment4,
   useVideoConfig as useVideoConfig5
@@ -5535,9 +5539,7 @@ var VideoForRendering = ({
 import { jsx as jsx6 } from "react/jsx-runtime";
 var { validateMediaTrimProps, resolveTrimProps, validateMediaProps: validateMediaProps2 } = Internals20;
 var videoSchema = {
-  durationInFrames: Internals20.durationInFramesField,
-  from: Internals20.fromField,
-  freeze: Internals20.freezeField,
+  ...Internals20.baseSchema,
   volume: {
     type: "number",
     min: 0,
@@ -5556,13 +5558,8 @@ var videoSchema = {
     hiddenFromList: false,
     keyframable: false
   },
-  hidden: {
-    type: "boolean",
-    default: false,
-    description: "Hidden"
-  },
   loop: { type: "boolean", default: false, description: "Loop" },
-  ...Internals20.sequenceVisualStyleSchema
+  ...Internals20.transformSchema
 };
 var InnerVideo = ({
   src,
@@ -5590,7 +5587,7 @@ var InnerVideo = ({
   onError,
   credentials,
   requestInit,
-  _experimentalControls: controls,
+  controls,
   objectFit,
   _experimentalInitiallyDrawCachedFrame,
   effects,
@@ -5704,7 +5701,7 @@ var VideoInner = ({
   onError,
   credentials,
   requestInit,
-  _experimentalControls: controls,
+  controls,
   objectFit,
   _experimentalInitiallyDrawCachedFrame,
   effects,
@@ -5772,10 +5769,10 @@ var VideoInner = ({
     _remotionInternalIsMedia: isMedia,
     name: name ?? "<Video>",
     _remotionInternalDocumentationLink: name === undefined ? "https://www.remotion.dev/docs/media/video" : undefined,
-    _experimentalControls: controls,
+    controls,
     _remotionInternalLoopDisplay: loopDisplay,
     _remotionInternalEffects: memoizedEffectDefinitions,
-    _remotionInternalRefForOutline: refForOutline,
+    outlineRef: refForOutline,
     showInTimeline: showInTimeline ?? true,
     hidden,
     children: /* @__PURE__ */ jsx6(InnerVideo, {
@@ -5805,7 +5802,7 @@ var VideoInner = ({
       onError,
       credentials,
       requestInit,
-      _experimentalControls: controls,
+      controls,
       objectFit: objectFit ?? "contain",
       _experimentalInitiallyDrawCachedFrame: _experimentalInitiallyDrawCachedFrame ?? false,
       effects: memoizedEffects,
@@ -5814,8 +5811,9 @@ var VideoInner = ({
     })
   });
 };
-var Video = Internals20.wrapInSchema({
+var Video = Interactive2.withSchema({
   Component: VideoInner,
+  componentName: "<Video>",
   componentIdentity: "dev.remotion.media.Video",
   schema: videoSchema,
   supportsEffects: true

package/dist/index.d.ts

@@ -25,7 +25,7 @@ export declare const experimental_Audio: import("react").ComponentType<{
     onError?: import("./on-error").MediaOnError | undefined;
     credentials?: RequestCredentials | undefined;
     requestInit?: import("./request-init").MediaRequestInit | undefined;
-} & Pick<import("remotion").SequenceProps, "durationInFrames" | "freeze" | "from" | "hidden" | "name" | "showInTimeline">>;
+} & import("remotion").InteractiveBaseProps>;
 /**
  * @deprecated Now just `Video`
  */
@@ -62,7 +62,7 @@ export declare const experimental_Video: import("react").ComponentType<{
     objectFit: import(".").VideoObjectFit;
     _experimentalInitiallyDrawCachedFrame: boolean;
     effects: import("remotion").EffectsProp;
-}> & Omit<import("react").HTMLAttributes<HTMLElement>, "_experimentalInitiallyDrawCachedFrame" | "audioStreamIndex" | "className" | "credentials" | "debugOverlay" | "delayRenderRetries" | "delayRenderTimeoutInMilliseconds" | "disallowFallbackToOffthreadVideo" | "effects" | "fallbackOffthreadVideoProps" | "headless" | "logLevel" | "loop" | "loopVolumeCurveBehavior" | "muted" | "objectFit" | "onError" | "onVideoFrame" | "playbackRate" | "requestInit" | "showInTimeline" | "src" | "stack" | "style" | "toneFrequency" | "trimAfter" | "trimBefore" | "volume"> & Record<`data-${string}`, string | undefined> & Pick<import("remotion").SequenceProps, "durationInFrames" | "freeze" | "from" | "hidden" | "name" | "showInTimeline">>;
+}> & Omit<import("react").HTMLAttributes<HTMLElement>, "_experimentalInitiallyDrawCachedFrame" | "audioStreamIndex" | "className" | "credentials" | "debugOverlay" | "delayRenderRetries" | "delayRenderTimeoutInMilliseconds" | "disallowFallbackToOffthreadVideo" | "effects" | "fallbackOffthreadVideoProps" | "headless" | "logLevel" | "loop" | "loopVolumeCurveBehavior" | "muted" | "objectFit" | "onError" | "onVideoFrame" | "playbackRate" | "requestInit" | "showInTimeline" | "src" | "stack" | "style" | "toneFrequency" | "trimAfter" | "trimBefore" | "volume"> & Record<`data-${string}`, string | undefined> & import("remotion").InteractiveBaseProps>;
 export { AudioForPreview } from './audio/audio-for-preview';
 export { AudioProps, FallbackHtml5AudioProps } from './audio/props';
 export { MediaErrorAction } from './on-error';

package/dist/video/props.d.ts

@@ -1,5 +1,5 @@
 import type React from 'react';
-import type { EffectDefinitionAndStack, EffectsProp, LogLevel, LoopVolumeCurveBehavior, OnVideoFrame, SequenceProps, VolumeProp } from 'remotion';
+import type { EffectDefinitionAndStack, EffectsProp, InteractiveBaseProps, LogLevel, LoopVolumeCurveBehavior, OnVideoFrame, VolumeProp } from 'remotion';
 import type { MediaOnError } from '../on-error';
 import type { MediaRequestInit } from '../request-init';
 export type MediaErrorEvent = {
@@ -64,5 +64,5 @@ export type NativeVideoProps = Omit<React.HTMLAttributes<HTMLElement>, keyof Man
 export type InnerVideoProps = MandatoryVideoProps & OuterVideoProps & Omit<OptionalVideoProps, 'effects'> & NativeVideoProps & {
     effects: EffectDefinitionAndStack<unknown>[];
 };
-export type VideoProps = MandatoryVideoProps & Partial<OuterVideoProps> & Partial<OptionalVideoProps> & NativeVideoProps & Pick<SequenceProps, 'durationInFrames' | 'from' | 'freeze' | 'name' | 'showInTimeline' | 'hidden'>;
+export type VideoProps = MandatoryVideoProps & Partial<OuterVideoProps> & Partial<OptionalVideoProps> & NativeVideoProps & InteractiveBaseProps;
 export {};

package/dist/video/video.d.ts

@@ -32,4 +32,4 @@ export declare const Video: React.ComponentType<{
     objectFit: import("./props").VideoObjectFit;
     _experimentalInitiallyDrawCachedFrame: boolean;
     effects: import("remotion").EffectsProp;
-}> & Omit<React.HTMLAttributes<HTMLElement>, "_experimentalInitiallyDrawCachedFrame" | "audioStreamIndex" | "className" | "credentials" | "debugOverlay" | "delayRenderRetries" | "delayRenderTimeoutInMilliseconds" | "disallowFallbackToOffthreadVideo" | "effects" | "fallbackOffthreadVideoProps" | "headless" | "logLevel" | "loop" | "loopVolumeCurveBehavior" | "muted" | "objectFit" | "onError" | "onVideoFrame" | "playbackRate" | "requestInit" | "showInTimeline" | "src" | "stack" | "style" | "toneFrequency" | "trimAfter" | "trimBefore" | "volume"> & Record<`data-${string}`, string | undefined> & Pick<import("remotion").SequenceProps, "durationInFrames" | "freeze" | "from" | "hidden" | "name" | "showInTimeline">>;
+}> & Omit<React.HTMLAttributes<HTMLElement>, "_experimentalInitiallyDrawCachedFrame" | "audioStreamIndex" | "className" | "credentials" | "debugOverlay" | "delayRenderRetries" | "delayRenderTimeoutInMilliseconds" | "disallowFallbackToOffthreadVideo" | "effects" | "fallbackOffthreadVideoProps" | "headless" | "logLevel" | "loop" | "loopVolumeCurveBehavior" | "muted" | "objectFit" | "onError" | "onVideoFrame" | "playbackRate" | "requestInit" | "showInTimeline" | "src" | "stack" | "style" | "toneFrequency" | "trimAfter" | "trimBefore" | "volume"> & Record<`data-${string}`, string | undefined> & import("remotion").InteractiveBaseProps>;

package/package.json

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