remotion 4.0.520 → 4.0.521

package/dist/cjs/AbsoluteFill.d.ts

@@ -71,22 +71,10 @@ export declare const absoluteFillSchema: {
         readonly hiddenFromList: false;
     };
     readonly 'style.fontWeight': {
-        readonly type: "enum";
-        readonly default: "400";
+        readonly type: "font-weight";
+        readonly default: 400;
         readonly description: "Font weight";
-        readonly variants: {
-            readonly '100': {};
-            readonly '200': {};
-            readonly '300': {};
-            readonly '400': {};
-            readonly '500': {};
-            readonly '600': {};
-            readonly '700': {};
-            readonly '800': {};
-            readonly '900': {};
-            readonly normal: {};
-            readonly bold: {};
-        };
+        readonly keyframable: false;
     };
     readonly 'style.fontStyle': {
         readonly type: "enum";

package/dist/cjs/Img.d.ts

@@ -213,6 +213,7 @@ export declare const imgSchema: {
     readonly showInTimeline: import("./interactivity-schema.js").HiddenFieldSchema;
     readonly src: {
         readonly type: "asset";
+        readonly assetType: "image";
         readonly default: undefined;
         readonly description: "Source";
         readonly keyframable: false;

package/dist/cjs/Img.js

@@ -224,6 +224,7 @@ const CanvasImageWithPrivateProps = index_js_1.CanvasImage;
 exports.imgSchema = {
     src: {
         type: 'asset',
+        assetType: 'image',
         default: undefined,
         description: 'Source',
         keyframable: false,

package/dist/cjs/Interactive.d.ts

@@ -123,22 +123,10 @@ export declare const Interactive: {
             readonly hiddenFromList: false;
         };
         readonly 'style.fontWeight': {
-            readonly type: "enum";
-            readonly default: "400";
+            readonly type: "font-weight";
+            readonly default: 400;
             readonly description: "Font weight";
-            readonly variants: {
-                readonly '100': {};
-                readonly '200': {};
-                readonly '300': {};
-                readonly '400': {};
-                readonly '500': {};
-                readonly '600': {};
-                readonly '700': {};
-                readonly '800': {};
-                readonly '900': {};
-                readonly normal: {};
-                readonly bold: {};
-            };
+            readonly keyframable: false;
         };
         readonly 'style.fontStyle': {
             readonly type: "enum";

package/dist/cjs/animated-image/AnimatedImage.d.ts

@@ -201,6 +201,7 @@ export declare const animatedImageSchema: {
     readonly showInTimeline: import("../interactivity-schema.js").HiddenFieldSchema;
     readonly src: {
         readonly type: "asset";
+        readonly assetType: "image";
         readonly default: undefined;
         readonly description: "Source";
         readonly keyframable: false;

package/dist/cjs/animated-image/AnimatedImage.js

@@ -23,6 +23,7 @@ const resolve_image_source_1 = require("./resolve-image-source");
 exports.animatedImageSchema = {
     src: {
         type: 'asset',
+        assetType: 'image',
         default: undefined,
         description: 'Source',
         keyframable: false,

package/dist/cjs/audio/shared-audio-tags.d.ts

@@ -58,6 +58,7 @@ type SharedAudioContextValue = {
     audioSyncAnchorEmitter: AudioSyncAnchorEmitter;
     scheduleAudioNode: (options: ScheduleAudioNodeOptions) => ScheduleAudioNodeResult;
     resume: () => Promise<void>;
+    resumeAsAutoPlay: () => Promise<void>;
     suspend: () => Promise<void>;
     getIsResumingAudioContext: () => Promise<AudioContextResumeResult> | null;
     unscheduleAudioNode: (node: AudioBufferSourceNode) => void;

package/dist/cjs/audio/shared-audio-tags.js

@@ -111,6 +111,7 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled,
     }
     const isResuming = (0, react_1.useRef)(null);
     const nextResumeAttemptId = (0, react_1.useRef)(0);
+    const nextResumeIsAutoPlayAttempt = (0, react_1.useRef)(false);
     const audioSyncAnchor = (0, react_1.useMemo)(() => ({ value: 0 }), []);
     const audioSyncAnchorListeners = (0, react_1.useRef)([]);
     const audioSyncAnchorEmitter = (0, react_1.useMemo)(() => {
@@ -201,6 +202,8 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled,
         };
     }, [ctxAndGain, _experimentalKeepAudioContextAlive, logLevel]);
     const resume = (0, react_1.useCallback)(() => {
+        const isAutoPlayAttempt = nextResumeIsAutoPlayAttempt.current;
+        nextResumeIsAutoPlayAttempt.current = false;
         if (!ctxAndGain) {
             return Promise.resolve();
         }
@@ -226,7 +229,7 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled,
         const abortController = new AbortController();
         const resumeAttemptId = nextResumeAttemptId.current++;
         const waitPromise = new Promise((resolve) => {
-            (0, wait_until_actually_resumed_js_1.waitUntilActuallyResumed)(ctxAndGain.audioContext, logLevel, abortController.signal).then(resolve);
+            (0, wait_until_actually_resumed_js_1.waitUntilActuallyResumed)(ctxAndGain.audioContext, logLevel, abortController.signal, isAutoPlayAttempt).then(resolve);
             resumePromise.catch((err) => {
                 log_js_1.Log.warn({ logLevel, tag: 'audio' }, 'AudioContext resume rejected, muting playback and continuing without audio', err);
                 abortController.abort();
@@ -248,6 +251,10 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled,
             // since callers (e.g. use-playback.ts) do not await this.
         });
     }, [ctxAndGain, _experimentalKeepAudioContextAlive, logLevel]);
+    const resumeAsAutoPlay = (0, react_1.useCallback)(() => {
+        nextResumeIsAutoPlayAttempt.current = true;
+        return resume();
+    }, [resume]);
     const getIsResumingAudioContext = (0, react_1.useCallback)(() => {
         var _a;
         var _b;
@@ -326,6 +333,7 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled,
             audioSyncAnchorEmitter,
             scheduleAudioNode,
             resume,
+            resumeAsAutoPlay,
             suspend,
             getIsResumingAudioContext,
             unscheduleAudioNode,
@@ -337,6 +345,7 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled,
         audioSyncAnchorEmitter,
         scheduleAudioNode,
         resume,
+        resumeAsAutoPlay,
         suspend,
         getIsResumingAudioContext,
         unscheduleAudioNode,

package/dist/cjs/audio/wait-until-actually-resumed.d.ts

@@ -1,2 +1,2 @@
 export type AudioContextResumeResult = 'resumed' | 'cancelled' | 'failed';
-export declare const waitUntilActuallyResumed: (audioContext: AudioContext, logLevel: "error" | "info" | "trace" | "verbose" | "warn", signal: AbortSignal) => Promise<AudioContextResumeResult>;
+export declare const waitUntilActuallyResumed: (audioContext: AudioContext, logLevel: "error" | "info" | "trace" | "verbose" | "warn", signal: AbortSignal, isAutoPlayAttempt: boolean) => Promise<AudioContextResumeResult>;

package/dist/cjs/audio/wait-until-actually-resumed.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.waitUntilActuallyResumed = void 0;
 const log_js_1 = require("../log.js");
 const RESUME_WAIT_TIMEOUT = 1000;
-const waitUntilActuallyResumed = (audioContext, logLevel, signal) => {
+const waitUntilActuallyResumed = (audioContext, logLevel, signal, isAutoPlayAttempt) => {
     return new Promise((resolve) => {
         const startCurrentTime = audioContext.currentTime;
         const start = audioContext.getOutputTimestamp();
@@ -55,19 +55,21 @@ const waitUntilActuallyResumed = (audioContext, logLevel, signal) => {
             return;
         }
         signal.addEventListener('abort', onAbort, { once: true });
-        timeout = setTimeout(() => {
-            // The success check is scheduled with requestAnimationFrame, which can
-            // be starved while the main thread is busy. Re-check once before
-            // declaring failure so a resume that actually completed is not
-            // reported as failed - the Player would otherwise mute itself even
-            // though playback was started by a user gesture and audio is running.
-            if (hasAudiblyStarted(startOutputPerformanceTime)) {
-                finish('resumed');
-                return;
-            }
-            log_js_1.Log.warn({ logLevel, tag: 'audio' }, 'WARNING: You enabled autoPlay on an unmuted <Player /> and the browser did not allow the video to be started. Remotion muted the <Player /> so it can play. To properly handle this, either set the `muted` prop or remove the `autoPlay` prop');
-            finish('failed');
-        }, RESUME_WAIT_TIMEOUT);
+        if (isAutoPlayAttempt) {
+            timeout = setTimeout(() => {
+                // The success check is scheduled with requestAnimationFrame, which can
+                // be starved while the main thread is busy. Re-check once before
+                // declaring failure so a resume that actually completed is not
+                // reported as failed - the Player would otherwise mute itself even
+                // though playback was started by a user gesture and audio is running.
+                if (hasAudiblyStarted(startOutputPerformanceTime)) {
+                    finish('resumed');
+                    return;
+                }
+                log_js_1.Log.warn({ logLevel, tag: 'audio' }, 'WARNING: You enabled autoPlay on an unmuted <Player /> and the browser did not allow the video to be started. Remotion muted the <Player /> so it can play. To properly handle this, either set the `muted` prop or remove the `autoPlay` prop');
+                finish('failed');
+            }, RESUME_WAIT_TIMEOUT);
+        }
         animationFrame = requestAnimationFrame(check);
     });
 };

package/dist/cjs/canvas-image/CanvasImage.d.ts

@@ -201,6 +201,7 @@ export declare const canvasImageSchema: {
     readonly showInTimeline: import("../interactivity-schema.js").HiddenFieldSchema;
     readonly src: {
         readonly type: "asset";
+        readonly assetType: "image";
         readonly default: undefined;
         readonly description: "Source";
         readonly keyframable: false;

package/dist/cjs/canvas-image/CanvasImage.js

@@ -22,6 +22,7 @@ const with_interactivity_schema_js_1 = require("../with-interactivity-schema.js"
 exports.canvasImageSchema = {
     src: {
         type: 'asset',
+        assetType: 'image',
         default: undefined,
         description: 'Source',
         keyframable: false,

package/dist/cjs/interactivity-schema.d.ts

@@ -97,8 +97,15 @@ export type FontFamilyFieldSchema = {
     description?: string;
     keyframable?: false;
 };
+export type FontWeightFieldSchema = {
+    type: 'font-weight';
+    default: number | string | undefined;
+    description?: string;
+    keyframable?: false;
+};
 export type AssetFieldSchema = {
     type: 'asset';
+    assetType?: 'audio' | 'video' | 'image';
     default: string | undefined;
     description?: string;
     keyframable?: false;
@@ -138,7 +145,7 @@ export type CaptionsFieldSchema = {
     description?: string;
     keyframable: false;
 };
-export type VisibleFieldSchema = NumberFieldSchema | BooleanFieldSchema | RotationCssFieldSchema | RotationDegreesFieldSchema | TranslateFieldSchema | TransformOriginFieldSchema | ScaleFieldSchema | UvCoordinateFieldSchema | ColorFieldSchema | TextContentFieldSchema | FontFamilyFieldSchema | AssetFieldSchema | ArrayFieldSchema | CaptionsFieldSchema | EnumFieldSchema;
+export type VisibleFieldSchema = NumberFieldSchema | BooleanFieldSchema | RotationCssFieldSchema | RotationDegreesFieldSchema | TranslateFieldSchema | TransformOriginFieldSchema | ScaleFieldSchema | UvCoordinateFieldSchema | ColorFieldSchema | TextContentFieldSchema | FontFamilyFieldSchema | FontWeightFieldSchema | AssetFieldSchema | ArrayFieldSchema | CaptionsFieldSchema | EnumFieldSchema;
 export type InteractivitySchemaField = VisibleFieldSchema | HiddenFieldSchema;
 export type InteractivitySchema = {
     [key: string]: InteractivitySchemaField;
@@ -255,22 +262,10 @@ export declare const textSchema: {
         readonly hiddenFromList: false;
     };
     readonly 'style.fontWeight': {
-        readonly type: "enum";
-        readonly default: "400";
+        readonly type: "font-weight";
+        readonly default: 400;
         readonly description: "Font weight";
-        readonly variants: {
-            readonly '100': {};
-            readonly '200': {};
-            readonly '300': {};
-            readonly '400': {};
-            readonly '500': {};
-            readonly '600': {};
-            readonly '700': {};
-            readonly '800': {};
-            readonly '900': {};
-            readonly normal: {};
-            readonly bold: {};
-        };
+        readonly keyframable: false;
     };
     readonly 'style.fontStyle': {
         readonly type: "enum";

package/dist/cjs/interactivity-schema.js

@@ -76,22 +76,10 @@ exports.textSchema = {
         hiddenFromList: false,
     },
     'style.fontWeight': {
-        type: 'enum',
-        default: '400',
+        type: 'font-weight',
+        default: 400,
         description: 'Font weight',
-        variants: {
-            '100': {},
-            '200': {},
-            '300': {},
-            '400': {},
-            '500': {},
-            '600': {},
-            '700': {},
-            '800': {},
-            '900': {},
-            normal: {},
-            bold: {},
-        },
+        keyframable: false,
     },
     'style.fontStyle': {
         type: 'enum',

package/dist/cjs/internals.d.ts

@@ -645,22 +645,10 @@ export declare const Internals: {
             readonly hiddenFromList: false;
         };
         readonly 'style.fontWeight': {
-            readonly type: "enum";
-            readonly default: "400";
+            readonly type: "font-weight";
+            readonly default: 400;
             readonly description: "Font weight";
-            readonly variants: {
-                readonly '100': {};
-                readonly '200': {};
-                readonly '300': {};
-                readonly '400': {};
-                readonly '500': {};
-                readonly '600': {};
-                readonly '700': {};
-                readonly '800': {};
-                readonly '900': {};
-                readonly normal: {};
-                readonly bold: {};
-            };
+            readonly keyframable: false;
         };
         readonly 'style.fontStyle': {
             readonly type: "enum";
@@ -837,6 +825,7 @@ export declare const Internals: {
         audioSyncAnchorEmitter: import("./audio/shared-audio-tags.js").AudioSyncAnchorEmitter;
         scheduleAudioNode: (options: ScheduleAudioNodeOptions) => ScheduleAudioNodeResult;
         resume: () => Promise<void>;
+        resumeAsAutoPlay: () => Promise<void>;
         suspend: () => Promise<void>;
         getIsResumingAudioContext: () => Promise<import("./audio/wait-until-actually-resumed.js").AudioContextResumeResult> | null;
         unscheduleAudioNode: (node: AudioBufferSourceNode) => void;

package/dist/cjs/use-media-playback.js

@@ -101,6 +101,11 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
     // and it is also in a useLayoutEffect.
     (0, react_1.useLayoutEffect)(() => {
         const playbackRateToSet = Math.max(0, playbackRate);
+        // Loading a resource resets playbackRate to defaultPlaybackRate.
+        if (mediaRef.current &&
+            mediaRef.current.defaultPlaybackRate !== playbackRateToSet) {
+            mediaRef.current.defaultPlaybackRate = playbackRateToSet;
+        }
         if (mediaRef.current &&
             mediaRef.current.playbackRate !== playbackRateToSet) {
             mediaRef.current.playbackRate = playbackRateToSet;

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.520";
+export declare const VERSION = "4.0.521";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.520';
+exports.VERSION = '4.0.521';

package/dist/esm/index.mjs

@@ -1537,7 +1537,7 @@ var Composition = (props) => {
 };
 
 // src/version.ts
-var VERSION = "4.0.520";
+var VERSION = "4.0.521";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -2053,22 +2053,10 @@ var textSchema = {
     hiddenFromList: false
   },
   "style.fontWeight": {
-    type: "enum",
-    default: "400",
+    type: "font-weight",
+    default: 400,
     description: "Font weight",
-    variants: {
-      "100": {},
-      "200": {},
-      "300": {},
-      "400": {},
-      "500": {},
-      "600": {},
-      "700": {},
-      "800": {},
-      "900": {},
-      normal: {},
-      bold: {}
-    }
+    keyframable: false
   },
   "style.fontStyle": {
     type: "enum",
@@ -6465,6 +6453,7 @@ import { jsx as jsx15 } from "react/jsx-runtime";
 var animatedImageSchema = {
   src: {
     type: "asset",
+    assetType: "image",
     default: undefined,
     description: "Source",
     keyframable: false
@@ -7693,7 +7682,7 @@ var useSingletonAudioContext = ({
 
 // src/audio/wait-until-actually-resumed.ts
 var RESUME_WAIT_TIMEOUT = 1000;
-var waitUntilActuallyResumed = (audioContext, logLevel, signal) => {
+var waitUntilActuallyResumed = (audioContext, logLevel, signal, isAutoPlayAttempt) => {
   return new Promise((resolve) => {
     const startCurrentTime = audioContext.currentTime;
     const start = audioContext.getOutputTimestamp();
@@ -7741,14 +7730,16 @@ var waitUntilActuallyResumed = (audioContext, logLevel, signal) => {
       return;
     }
     signal.addEventListener("abort", onAbort, { once: true });
-    timeout = setTimeout(() => {
-      if (hasAudiblyStarted(startOutputPerformanceTime)) {
-        finish("resumed");
-        return;
-      }
-      Log.warn({ logLevel, tag: "audio" }, "WARNING: You enabled autoPlay on an unmuted <Player /> and the browser did not allow the video to be started. Remotion muted the <Player /> so it can play. To properly handle this, either set the `muted` prop or remove the `autoPlay` prop");
-      finish("failed");
-    }, RESUME_WAIT_TIMEOUT);
+    if (isAutoPlayAttempt) {
+      timeout = setTimeout(() => {
+        if (hasAudiblyStarted(startOutputPerformanceTime)) {
+          finish("resumed");
+          return;
+        }
+        Log.warn({ logLevel, tag: "audio" }, "WARNING: You enabled autoPlay on an unmuted <Player /> and the browser did not allow the video to be started. Remotion muted the <Player /> so it can play. To properly handle this, either set the `muted` prop or remove the `autoPlay` prop");
+        finish("failed");
+      }, RESUME_WAIT_TIMEOUT);
+    }
     animationFrame = requestAnimationFrame(check);
   });
 };
@@ -7820,6 +7811,7 @@ var SharedAudioContextProvider = ({
   }
   const isResuming = useRef13(null);
   const nextResumeAttemptId = useRef13(0);
+  const nextResumeIsAutoPlayAttempt = useRef13(false);
   const audioSyncAnchor = useMemo21(() => ({ value: 0 }), []);
   const audioSyncAnchorListeners = useRef13([]);
   const audioSyncAnchorEmitter = useMemo21(() => {
@@ -7895,6 +7887,8 @@ var SharedAudioContextProvider = ({
     };
   }, [ctxAndGain, _experimentalKeepAudioContextAlive, logLevel]);
   const resume = useCallback10(() => {
+    const isAutoPlayAttempt = nextResumeIsAutoPlayAttempt.current;
+    nextResumeIsAutoPlayAttempt.current = false;
     if (!ctxAndGain) {
       return Promise.resolve();
     }
@@ -7916,7 +7910,7 @@ var SharedAudioContextProvider = ({
     const abortController = new AbortController;
     const resumeAttemptId = nextResumeAttemptId.current++;
     const waitPromise = new Promise((resolve) => {
-      waitUntilActuallyResumed(ctxAndGain.audioContext, logLevel, abortController.signal).then(resolve);
+      waitUntilActuallyResumed(ctxAndGain.audioContext, logLevel, abortController.signal, isAutoPlayAttempt).then(resolve);
       resumePromise.catch((err) => {
         Log.warn({ logLevel, tag: "audio" }, "AudioContext resume rejected, muting playback and continuing without audio", err);
         abortController.abort();
@@ -7934,6 +7928,10 @@ var SharedAudioContextProvider = ({
     };
     return resumePromise.catch(() => {});
   }, [ctxAndGain, _experimentalKeepAudioContextAlive, logLevel]);
+  const resumeAsAutoPlay = useCallback10(() => {
+    nextResumeIsAutoPlayAttempt.current = true;
+    return resume();
+  }, [resume]);
   const getIsResumingAudioContext = useCallback10(() => {
     return isResuming.current?.promise ?? null;
   }, []);
@@ -7990,6 +7988,7 @@ var SharedAudioContextProvider = ({
       audioSyncAnchorEmitter,
       scheduleAudioNode,
       resume,
+      resumeAsAutoPlay,
       suspend,
       getIsResumingAudioContext,
       unscheduleAudioNode,
@@ -8001,6 +8000,7 @@ var SharedAudioContextProvider = ({
     audioSyncAnchorEmitter,
     scheduleAudioNode,
     resume,
+    resumeAsAutoPlay,
     suspend,
     getIsResumingAudioContext,
     unscheduleAudioNode,
@@ -9387,6 +9387,9 @@ var useMediaPlayback = ({
   const env = useRemotionEnvironment();
   useLayoutEffect10(() => {
     const playbackRateToSet = Math.max(0, playbackRate);
+    if (mediaRef.current && mediaRef.current.defaultPlaybackRate !== playbackRateToSet) {
+      mediaRef.current.defaultPlaybackRate = playbackRateToSet;
+    }
     if (mediaRef.current && mediaRef.current.playbackRate !== playbackRateToSet) {
       mediaRef.current.playbackRate = playbackRateToSet;
     }
@@ -10804,6 +10807,7 @@ import { jsx as jsx27 } from "react/jsx-runtime";
 var canvasImageSchema = {
   src: {
     type: "asset",
+    assetType: "image",
     default: undefined,
     description: "Source",
     keyframable: false
@@ -11572,6 +11576,7 @@ var CanvasImageWithPrivateProps = CanvasImage;
 var imgSchema = {
   src: {
     type: "asset",
+    assetType: "image",
     default: undefined,
     description: "Source",
     keyframable: false

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.520";
+var VERSION = "4.0.521";
 export {
   VERSION
 };

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
 	},
 	"name": "remotion",
-	"version": "4.0.520",
+	"version": "4.0.521",
 	"description": "Make videos programmatically",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
@@ -34,8 +34,8 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"webpack": "5.105.0",
-		"zod": "4.4.3",
-		"@remotion/eslint-config-internal": "4.0.520",
+		"zod": "4.5.4",
+		"@remotion/eslint-config-internal": "4.0.521",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},