@remotion/media 4.0.499 → 4.0.501

package/dist/audio/audio-for-preview.d.ts

@@ -22,7 +22,7 @@ type InnerAudioProps = {
     readonly showInTimeline?: boolean;
     readonly trimAfter?: number | undefined;
     readonly trimBefore?: number | undefined;
-    readonly stack: string | null;
+    readonly _remotionInternalStack: string | null;
     readonly disallowFallbackToHtml5Audio?: boolean;
     readonly toneFrequency?: number;
     readonly audioStreamIndex?: number;

package/dist/audio/audio.d.ts

@@ -10,7 +10,6 @@ export declare const Audio: React.ComponentType<{
     playbackRate?: number | undefined;
     muted?: boolean | undefined;
     style?: React.CSSProperties | undefined;
-    stack?: string | undefined;
     logLevel?: "error" | "info" | "trace" | "verbose" | "warn" | undefined;
     loop?: boolean | undefined;
     audioStreamIndex?: number | undefined;

package/dist/audio/props.d.ts

@@ -18,10 +18,6 @@ export type AudioProps = {
     playbackRate?: number;
     muted?: boolean;
     style?: React.CSSProperties;
-    /**
-     * @deprecated For internal use only
-     */
-    stack?: string;
     logLevel?: LogLevel;
     loop?: boolean;
     audioStreamIndex?: number;

package/dist/esm/index.mjs

@@ -2445,7 +2445,7 @@ var AudioForPreviewAssertedShowing = ({
   trimBefore,
   name,
   showInTimeline,
-  stack,
+  _remotionInternalStack,
   disallowFallbackToHtml5Audio,
   toneFrequency,
   audioStreamIndex,
@@ -2685,7 +2685,7 @@ var AudioForPreviewAssertedShowing = ({
       loop,
       showInTimeline,
       style: style ?? undefined,
-      stack: stack ?? undefined,
+      _remotionInternalStack: _remotionInternalStack ?? undefined,
       toneFrequency,
       audioStreamIndex,
       pauseWhenBuffering: fallbackHtml5AudioProps?.pauseWhenBuffering,
@@ -2707,7 +2707,7 @@ var AudioForPreview = ({
   trimAfter,
   trimBefore,
   showInTimeline,
-  stack,
+  _remotionInternalStack,
   disallowFallbackToHtml5Audio,
   toneFrequency,
   audioStreamIndex,
@@ -2763,7 +2763,7 @@ var AudioForPreview = ({
     trimBefore,
     name,
     showInTimeline: showInTimeline ?? true,
-    stack,
+    _remotionInternalStack,
     disallowFallbackToHtml5Audio: disallowFallbackToHtml5Audio ?? false,
     toneFrequency,
     onError,
@@ -4985,7 +4985,6 @@ var audioSchema = {
 var AudioInner = (props) => {
   const {
     name,
-    stack,
     showInTimeline,
     controls,
     from,
@@ -4998,6 +4997,7 @@ var AudioInner = (props) => {
     ...otherProps
   } = props;
   const environment = useRemotionEnvironment2();
+  const sourceStack = controls ? Internals17.getStackForControls(controls) : null;
   const [mediaVolume] = Internals17.useMediaVolumeState();
   const mediaStartsAt = Internals17.useMediaStartsAt();
   const videoConfig = useVideoConfig2();
@@ -5070,7 +5070,6 @@ var AudioInner = (props) => {
       from: from ?? 0,
       durationInFrames: basicInfo.duration,
       freeze,
-      _remotionInternalStack: stack,
       _remotionInternalIsMedia: isMedia,
       _remotionInternalPremountDisplay: effectivePremountFor || null,
       _remotionInternalPostmountDisplay: effectivePostmountFor || null,
@@ -5089,7 +5088,7 @@ var AudioInner = (props) => {
         name,
         ...otherProps,
         style: premountingStyle,
-        stack: stack ?? null,
+        _remotionInternalStack: sourceStack,
         setMediaDurationInSeconds
       })
     })
@@ -5238,7 +5237,7 @@ var VideoForPreviewAssertedShowing = ({
   loop,
   trimAfter,
   trimBefore,
-  stack,
+  _remotionInternalStack,
   disallowFallbackToOffthreadVideo,
   fallbackOffthreadVideoProps,
   audioStreamIndex,
@@ -5559,7 +5558,7 @@ var VideoForPreviewAssertedShowing = ({
       name: "<Html5Video> (fallback)",
       loop,
       showInTimeline,
-      stack: stack ?? undefined,
+      _remotionInternalStack: _remotionInternalStack ?? undefined,
       ...fallbackOffthreadVideoProps
     });
   }
@@ -5640,7 +5639,7 @@ var VideoForRendering = ({
   fallbackOffthreadVideoProps,
   audioStreamIndex,
   disallowFallbackToOffthreadVideo,
-  stack,
+  _remotionInternalStack,
   toneFrequency,
   trimAfterValue,
   trimBeforeValue,
@@ -5921,7 +5920,7 @@ var VideoForRendering = ({
       preservePitch: fallbackOffthreadVideoProps?.preservePitch ?? true,
       startFrom: undefined,
       endAt: undefined,
-      stack,
+      _remotionInternalStack,
       _remotionInternalNativeLoopPassed: false
     });
     if (loop) {
@@ -5956,7 +5955,12 @@ var VideoForRendering = ({
 
 // src/video/video.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
-var { validateMediaTrimProps, resolveTrimProps, validateMediaProps: validateMediaProps2 } = Internals22;
+var {
+  validateMediaTrimProps,
+  resolveTrimProps,
+  validateMediaProps: validateMediaProps2,
+  useCropStyle
+} = Internals22;
 var videoSchema = {
   src: {
     type: "asset",
@@ -5988,7 +5992,9 @@ var videoSchema = {
   loop: { type: "boolean", default: false, description: "Loop" },
   ...Internals22.transformSchema,
   ...Interactive2.backgroundSchema,
-  ...Interactive2.borderSchema
+  ...Interactive2.borderSchema,
+  ...Interactive2.borderRadiusSchema,
+  ...Interactive2.cropSchema
 };
 var InnerVideo = ({
   src,
@@ -6008,7 +6014,7 @@ var InnerVideo = ({
   trimAfter,
   trimBefore,
   volume,
-  stack,
+  _remotionInternalStack,
   toneFrequency,
   showInTimeline,
   debugOverlay,
@@ -6057,7 +6063,7 @@ var InnerVideo = ({
       onVideoFrame,
       playbackRate,
       src,
-      stack,
+      _remotionInternalStack,
       style,
       volume,
       toneFrequency,
@@ -6088,7 +6094,7 @@ var InnerVideo = ({
     showInTimeline,
     trimAfter: trimAfterValue,
     trimBefore: trimBeforeValue,
-    stack: stack ?? null,
+    _remotionInternalStack: _remotionInternalStack ?? null,
     disallowFallbackToOffthreadVideo,
     fallbackOffthreadVideoProps,
     debugOverlay: debugOverlay ?? false,
@@ -6123,7 +6129,6 @@ var VideoInner = ({
   trimAfter,
   trimBefore,
   volume,
-  stack,
   toneFrequency,
   debugOverlay,
   headless,
@@ -6142,8 +6147,13 @@ var VideoInner = ({
   postmountFor,
   styleWhilePremounted,
   styleWhilePostmounted,
+  cropLeft,
+  cropRight,
+  cropTop,
+  cropBottom,
   ...props
 }) => {
+  const sourceStack = controls ? Internals22.getStackForControls(controls) ?? undefined : undefined;
   const fallbackLogLevel = Internals22.useLogLevel();
   const [mediaVolume] = Internals22.useMediaVolumeState();
   const mediaStartsAt = Internals22.useMediaStartsAt();
@@ -6215,6 +6225,14 @@ var VideoInner = ({
     styleWhilePostmounted: styleWhilePostmounted ?? null,
     hideWhilePremounted: "display-none"
   });
+  const croppedStyle = useCropStyle({
+    cropLeft,
+    cropRight,
+    cropTop,
+    cropBottom,
+    style: premountingStyle,
+    componentName: "<Video />"
+  });
   if (sequenceDurationInFrames === 0) {
     return null;
   }
@@ -6226,7 +6244,6 @@ var VideoInner = ({
       from: from ?? 0,
       durationInFrames: videoSequenceDuration,
       freeze,
-      _remotionInternalStack: stack,
       _remotionInternalIsMedia: isMedia,
       _remotionInternalPremountDisplay: effectivePremountFor || null,
       _remotionInternalPostmountDisplay: effectivePostmountFor || null,
@@ -6256,12 +6273,12 @@ var VideoInner = ({
         playbackRate: playbackRate ?? 1,
         showInTimeline: showInTimeline ?? true,
         src,
-        style: premountingStyle ?? {},
+        style: croppedStyle ?? {},
         trimAfter,
         trimBefore,
         volume: volume ?? 1,
         toneFrequency: toneFrequency ?? 1,
-        stack,
+        _remotionInternalStack: sourceStack,
         debugOverlay: debugOverlay ?? false,
         headless: headless ?? false,
         onError,

package/dist/index.d.ts

@@ -12,7 +12,6 @@ export declare const experimental_Audio: import("react").ComponentType<{
     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;
@@ -44,7 +43,6 @@ export declare const experimental_Video: import("react").ComponentType<{
     delayRenderRetries: number | null;
     delayRenderTimeoutInMilliseconds: number | null;
     style: import("react").CSSProperties;
-    stack: string | undefined;
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";
     loop: boolean;
     audioStreamIndex: number;
@@ -62,7 +60,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> & import("remotion").InteractiveBaseProps & import("remotion").InteractivePremountProps>;
+}> & 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" | "style" | "toneFrequency" | "trimAfter" | "trimBefore" | "volume"> & Record<`data-${string}`, string | undefined> & import("remotion").InteractiveBaseProps & import("remotion").InteractiveCropProps & import("remotion").InteractivePremountProps>;
 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, InteractiveBaseProps, InteractivePremountProps, LogLevel, LoopVolumeCurveBehavior, OnVideoFrame, VolumeProp } from 'remotion';
+import type { EffectDefinitionAndStack, EffectsProp, InteractiveBaseProps, InteractiveCropProps, InteractivePremountProps, LogLevel, LoopVolumeCurveBehavior, OnVideoFrame, VolumeProp } from 'remotion';
 import type { MediaOnError } from '../on-error';
 import type { MediaRequestInit } from '../request-init';
 export type MediaErrorEvent = {
@@ -34,10 +34,6 @@ type OptionalVideoProps = {
     delayRenderRetries: number | null;
     delayRenderTimeoutInMilliseconds: number | null;
     style: React.CSSProperties;
-    /**
-     * @deprecated For internal use only
-     */
-    stack: string | undefined;
     logLevel: LogLevel;
     loop: boolean;
     audioStreamIndex: number;
@@ -63,6 +59,7 @@ type OptionalVideoProps = {
 export type NativeVideoProps = Omit<React.HTMLAttributes<HTMLElement>, keyof MandatoryVideoProps | keyof OuterVideoProps | keyof OptionalVideoProps | 'onError'> & Record<`data-${string}`, string | undefined>;
 export type InnerVideoProps = MandatoryVideoProps & OuterVideoProps & Omit<OptionalVideoProps, 'effects'> & NativeVideoProps & {
     effects: EffectDefinitionAndStack<unknown>[];
+    _remotionInternalStack: string | undefined;
 };
-export type VideoProps = MandatoryVideoProps & Partial<OuterVideoProps> & Partial<OptionalVideoProps> & NativeVideoProps & InteractiveBaseProps & InteractivePremountProps;
+export type VideoProps = MandatoryVideoProps & Partial<OuterVideoProps> & Partial<OptionalVideoProps> & NativeVideoProps & InteractiveBaseProps & InteractiveCropProps & InteractivePremountProps;
 export {};

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

@@ -17,7 +17,7 @@ type VideoForPreviewProps = NativeVideoProps & {
     readonly loop: boolean;
     readonly trimAfter: number | undefined;
     readonly trimBefore: number | undefined;
-    readonly stack: string | null;
+    readonly _remotionInternalStack: string | null;
     readonly disallowFallbackToOffthreadVideo: boolean;
     readonly fallbackOffthreadVideoProps: FallbackOffthreadVideoProps;
     readonly audioStreamIndex: number;

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

@@ -19,7 +19,7 @@ type InnerVideoProps = NativeVideoProps & {
     readonly fallbackOffthreadVideoProps: FallbackOffthreadVideoProps;
     readonly audioStreamIndex: number;
     readonly disallowFallbackToOffthreadVideo: boolean;
-    readonly stack: string | undefined;
+    readonly _remotionInternalStack: string | undefined;
     readonly toneFrequency: number;
     readonly trimBeforeValue: number | undefined;
     readonly trimAfterValue: number | undefined;

package/dist/video/video.d.ts

@@ -16,7 +16,6 @@ export declare const Video: React.ComponentType<{
     delayRenderRetries: number | null;
     delayRenderTimeoutInMilliseconds: number | null;
     style: React.CSSProperties;
-    stack: string | undefined;
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";
     loop: boolean;
     audioStreamIndex: number;
@@ -34,4 +33,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> & import("remotion").InteractiveBaseProps & import("remotion").InteractivePremountProps>;
+}> & 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" | "style" | "toneFrequency" | "trimAfter" | "trimBefore" | "volume"> & Record<`data-${string}`, string | undefined> & import("remotion").InteractiveBaseProps & import("remotion").InteractiveCropProps & import("remotion").InteractivePremountProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/media",
-	"version": "4.0.499",
+	"version": "4.0.501",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
 	"module": "dist/esm/index.mjs",
@@ -23,7 +23,7 @@
 	},
 	"dependencies": {
 		"mediabunny": "1.50.8",
-		"remotion": "4.0.499",
+		"remotion": "4.0.501",
 		"zod": "4.4.3"
 	},
 	"peerDependencies": {
@@ -31,8 +31,8 @@
 		"react-dom": ">=16.8.0"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.499",
-		"@remotion/player": "4.0.499",
+		"@remotion/eslint-config-internal": "4.0.501",
+		"@remotion/player": "4.0.501",
 		"@vitest/browser-webdriverio": "4.0.9",
 		"eslint": "9.19.0",
 		"react": "19.2.3",