@remotion/renderer 4.0.481 → 4.0.483

package/dist/client.d.ts

@@ -820,7 +820,10 @@ export declare const BrowserSafeApis: {
             type: "yuv420p" | "yuv420p10le" | "yuv422p" | "yuv422p10le" | "yuv444p" | "yuv444p10le" | "yuva420p" | "yuva444p10le";
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
-            }) => {
+            }, options?: {
+                uiPixelFormat: "yuv420p" | "yuv420p10le" | "yuv422p" | "yuv422p10le" | "yuv444p" | "yuv444p10le" | "yuva420p" | "yuva444p10le" | null;
+                compositionDefaultPixelFormat: "yuv420p" | "yuv420p10le" | "yuv422p" | "yuv422p10le" | "yuv444p" | "yuv444p10le" | "yuva420p" | "yuva444p10le" | null;
+            } | undefined) => {
                 source: string;
                 value: "yuv420p" | "yuv420p10le" | "yuv422p" | "yuv422p10le" | "yuv444p" | "yuv444p10le" | "yuva420p" | "yuva444p10le";
             };
@@ -874,7 +877,10 @@ export declare const BrowserSafeApis: {
             type: import("./client").ProResProfile | undefined;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
-            }) => {
+            }, options?: {
+                uiProResProfile: import("./client").ProResProfile | undefined;
+                compositionDefaultProResProfile: import("./client").ProResProfile | null;
+            } | undefined) => {
                 source: string;
                 value: import("./client").ProResProfile;
             } | {
@@ -1477,7 +1483,11 @@ export declare const BrowserSafeApis: {
             type: "jpeg" | "none" | "png" | null;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
-            }) => {
+            }, options?: {
+                codec: import("./codec").CodecOrUndefined;
+                uiVideoImageFormat: "jpeg" | "none" | "png" | null;
+                compositionDefaultVideoImageFormat: "jpeg" | "none" | "png" | null;
+            } | undefined) => {
                 source: string;
                 value: "jpeg" | "none" | "png";
             } | {

package/dist/esm/client.mjs

@@ -51,6 +51,11 @@ var validCodecs = [
 ];
 var DEFAULT_CODEC = "h264";
 
+// src/is-audio-codec.ts
+var isAudioCodec = (codec) => {
+  return codec === "mp3" || codec === "aac" || codec === "wav";
+};
+
 // src/crf.ts
 var defaultCrfMap = {
   h264: 18,
@@ -3652,16 +3657,28 @@ var pixelFormatOption = {
   ssrName: "pixelFormat",
   docLink: "https://www.remotion.dev/docs/config#setpixelformat",
   type: DEFAULT_PIXEL_FORMAT,
-  getValue: ({ commandLine }) => {
+  getValue: ({ commandLine }, options) => {
+    if (options?.uiPixelFormat) {
+      return {
+        source: "via UI",
+        value: options.uiPixelFormat
+      };
+    }
     if (commandLine[cliFlag65] !== undefined) {
       return {
-        source: "cli",
+        source: "from --pixel-format flag",
         value: commandLine[cliFlag65]
       };
     }
+    if (options && options.compositionDefaultPixelFormat !== null) {
+      return {
+        source: "via calculateMetadata",
+        value: options.compositionDefaultPixelFormat
+      };
+    }
     if (currentPixelFormat !== DEFAULT_PIXEL_FORMAT) {
       return {
-        source: "config",
+        source: "Config file",
         value: currentPixelFormat
       };
     }
@@ -3876,16 +3893,28 @@ var proResProfileOption = {
   ssrName: "proResProfile",
   docLink: "https://www.remotion.dev/docs/config#setproresprofile",
   type: undefined,
-  getValue: ({ commandLine }) => {
+  getValue: ({ commandLine }, options) => {
+    if (options?.uiProResProfile) {
+      return {
+        source: "via UI",
+        value: options.uiProResProfile
+      };
+    }
     if (commandLine[cliFlag70] !== undefined) {
       return {
-        source: "cli",
+        source: "from --prores-profile flag",
         value: String(commandLine[cliFlag70])
       };
     }
+    if (options && options.compositionDefaultProResProfile !== null) {
+      return {
+        source: "via calculateMetadata",
+        value: options.compositionDefaultProResProfile
+      };
+    }
     if (proResProfile !== undefined) {
       return {
-        source: "config",
+        source: "Config file",
         value: proResProfile
       };
     }
@@ -4885,23 +4914,56 @@ var videoImageFormatOption = {
   ssrName: "imageFormat",
   docLink: "https://www.remotion.dev/docs/renderer/render-media#imageformat",
   type: null,
-  getValue: ({ commandLine }) => {
+  getValue: ({ commandLine }, options) => {
+    if (options?.uiVideoImageFormat) {
+      return {
+        source: "via UI",
+        value: options.uiVideoImageFormat
+      };
+    }
     if (commandLine[cliFlag88] !== undefined) {
       const value3 = commandLine[cliFlag88];
       if (!validVideoImageFormats.includes(value3)) {
         throw new Error(`Invalid video image format: ${value3}. Must be one of: ${validVideoImageFormats.join(", ")}`);
       }
       return {
-        source: "cli",
+        source: "from --image-format flag",
         value: value3
       };
     }
+    if (options && options.compositionDefaultVideoImageFormat !== null) {
+      return {
+        source: "via calculateMetadata",
+        value: options.compositionDefaultVideoImageFormat
+      };
+    }
     if (currentVideoImageFormat !== null) {
       return {
-        source: "config",
+        source: "Config file",
         value: currentVideoImageFormat
       };
     }
+    if (options) {
+      if (isAudioCodec(options.codec)) {
+        return {
+          source: "default",
+          value: "none"
+        };
+      }
+      if (options.codec === "h264" || options.codec === "h264-mkv" || options.codec === "h264-ts" || options.codec === "h265" || options.codec === "av1" || options.codec === "vp8" || options.codec === "vp9" || options.codec === "prores" || options.codec === "gif") {
+        return {
+          source: "default",
+          value: "jpeg"
+        };
+      }
+      if (options.codec === undefined) {
+        return {
+          source: "default",
+          value: "png"
+        };
+      }
+      throw new Error("Unrecognized codec " + options.codec);
+    }
     return {
       source: "default",
       value: null

package/dist/options/index.d.ts

@@ -574,7 +574,10 @@ export declare const allOptions: {
         type: "yuv420p" | "yuv420p10le" | "yuv422p" | "yuv422p10le" | "yuv444p" | "yuv444p10le" | "yuva420p" | "yuva444p10le";
         getValue: ({ commandLine }: {
             commandLine: Record<string, unknown>;
-        }) => {
+        }, options?: {
+            uiPixelFormat: "yuv420p" | "yuv420p10le" | "yuv422p" | "yuv422p10le" | "yuv444p" | "yuv444p10le" | "yuva420p" | "yuva444p10le" | null;
+            compositionDefaultPixelFormat: "yuv420p" | "yuv420p10le" | "yuv422p" | "yuv422p10le" | "yuv444p" | "yuv444p10le" | "yuva420p" | "yuva444p10le" | null;
+        } | undefined) => {
             source: string;
             value: "yuv420p" | "yuv420p10le" | "yuv422p" | "yuv422p10le" | "yuv444p" | "yuv444p10le" | "yuva420p" | "yuva444p10le";
         };
@@ -628,7 +631,10 @@ export declare const allOptions: {
         type: import("./prores-profile").ProResProfile | undefined;
         getValue: ({ commandLine }: {
             commandLine: Record<string, unknown>;
-        }) => {
+        }, options?: {
+            uiProResProfile: import("./prores-profile").ProResProfile | undefined;
+            compositionDefaultProResProfile: import("./prores-profile").ProResProfile | null;
+        } | undefined) => {
             source: string;
             value: import("./prores-profile").ProResProfile;
         } | {
@@ -1231,7 +1237,11 @@ export declare const allOptions: {
         type: "jpeg" | "none" | "png" | null;
         getValue: ({ commandLine }: {
             commandLine: Record<string, unknown>;
-        }) => {
+        }, options?: {
+            codec: import("..").CodecOrUndefined;
+            uiVideoImageFormat: "jpeg" | "none" | "png" | null;
+            compositionDefaultVideoImageFormat: "jpeg" | "none" | "png" | null;
+        } | undefined) => {
             source: string;
             value: "jpeg" | "none" | "png";
         } | {

package/dist/options/pixel-format.d.ts

@@ -7,7 +7,10 @@ export declare const pixelFormatOption: {
     type: "yuv420p" | "yuv420p10le" | "yuv422p" | "yuv422p10le" | "yuv444p" | "yuv444p10le" | "yuva420p" | "yuva444p10le";
     getValue: ({ commandLine }: {
         commandLine: Record<string, unknown>;
-    }) => {
+    }, options?: {
+        uiPixelFormat: "yuv420p" | "yuv420p10le" | "yuv422p" | "yuv422p10le" | "yuv444p" | "yuv444p10le" | "yuva420p" | "yuva444p10le" | null;
+        compositionDefaultPixelFormat: "yuv420p" | "yuv420p10le" | "yuv422p" | "yuv422p10le" | "yuv444p" | "yuv444p10le" | "yuva420p" | "yuva444p10le" | null;
+    } | undefined) => {
         source: string;
         value: "yuv420p" | "yuv420p10le" | "yuv422p" | "yuv422p10le" | "yuv444p" | "yuv444p10le" | "yuva420p" | "yuva444p10le";
     };

package/dist/options/pixel-format.js

@@ -13,16 +13,28 @@ exports.pixelFormatOption = {
     ssrName: 'pixelFormat',
     docLink: 'https://www.remotion.dev/docs/config#setpixelformat',
     type: pixel_format_1.DEFAULT_PIXEL_FORMAT,
-    getValue: ({ commandLine }) => {
+    getValue: ({ commandLine }, options) => {
+        if (options === null || options === void 0 ? void 0 : options.uiPixelFormat) {
+            return {
+                source: 'via UI',
+                value: options.uiPixelFormat,
+            };
+        }
         if (commandLine[cliFlag] !== undefined) {
             return {
-                source: 'cli',
+                source: 'from --pixel-format flag',
                 value: commandLine[cliFlag],
             };
         }
+        if (options && options.compositionDefaultPixelFormat !== null) {
+            return {
+                source: 'via calculateMetadata',
+                value: options.compositionDefaultPixelFormat,
+            };
+        }
         if (currentPixelFormat !== pixel_format_1.DEFAULT_PIXEL_FORMAT) {
             return {
-                source: 'config',
+                source: 'Config file',
                 value: currentPixelFormat,
             };
         }

package/dist/options/prores-profile.d.ts

@@ -8,7 +8,10 @@ export declare const proResProfileOption: {
     type: ProResProfile | undefined;
     getValue: ({ commandLine }: {
         commandLine: Record<string, unknown>;
-    }) => {
+    }, options?: {
+        uiProResProfile: ProResProfile | undefined;
+        compositionDefaultProResProfile: ProResProfile | null;
+    } | undefined) => {
         source: string;
         value: ProResProfile;
     } | {

package/dist/options/prores-profile.js

@@ -23,16 +23,28 @@ exports.proResProfileOption = {
     ssrName: 'proResProfile',
     docLink: 'https://www.remotion.dev/docs/config#setproresprofile',
     type: undefined,
-    getValue: ({ commandLine }) => {
+    getValue: ({ commandLine }, options) => {
+        if (options === null || options === void 0 ? void 0 : options.uiProResProfile) {
+            return {
+                source: 'via UI',
+                value: options.uiProResProfile,
+            };
+        }
         if (commandLine[cliFlag] !== undefined) {
             return {
-                source: 'cli',
+                source: 'from --prores-profile flag',
                 value: String(commandLine[cliFlag]),
             };
         }
+        if (options && options.compositionDefaultProResProfile !== null) {
+            return {
+                source: 'via calculateMetadata',
+                value: options.compositionDefaultProResProfile,
+            };
+        }
         if (proResProfile !== undefined) {
             return {
-                source: 'config',
+                source: 'Config file',
                 value: proResProfile,
             };
         }

package/dist/options/video-image-format.d.ts

@@ -1,3 +1,4 @@
+import type { CodecOrUndefined } from '../codec';
 export declare const videoImageFormatOption: {
     name: string;
     cliFlag: "image-format";
@@ -7,7 +8,11 @@ export declare const videoImageFormatOption: {
     type: "jpeg" | "none" | "png" | null;
     getValue: ({ commandLine }: {
         commandLine: Record<string, unknown>;
-    }) => {
+    }, options?: {
+        codec: CodecOrUndefined;
+        uiVideoImageFormat: "jpeg" | "none" | "png" | null;
+        compositionDefaultVideoImageFormat: "jpeg" | "none" | "png" | null;
+    } | undefined) => {
         source: string;
         value: "jpeg" | "none" | "png";
     } | {

package/dist/options/video-image-format.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.videoImageFormatOption = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const image_format_1 = require("../image-format");
+const is_audio_codec_1 = require("../is-audio-codec");
 let currentVideoImageFormat = null;
 const cliFlag = 'image-format';
 exports.videoImageFormatOption = {
@@ -13,23 +14,64 @@ exports.videoImageFormatOption = {
     ssrName: 'imageFormat',
     docLink: 'https://www.remotion.dev/docs/renderer/render-media#imageformat',
     type: null,
-    getValue: ({ commandLine }) => {
+    getValue: ({ commandLine }, options) => {
+        if (options === null || options === void 0 ? void 0 : options.uiVideoImageFormat) {
+            return {
+                source: 'via UI',
+                value: options.uiVideoImageFormat,
+            };
+        }
         if (commandLine[cliFlag] !== undefined) {
             const value = commandLine[cliFlag];
             if (!image_format_1.validVideoImageFormats.includes(value)) {
                 throw new Error(`Invalid video image format: ${value}. Must be one of: ${image_format_1.validVideoImageFormats.join(', ')}`);
             }
             return {
-                source: 'cli',
+                source: 'from --image-format flag',
                 value,
             };
         }
+        if (options && options.compositionDefaultVideoImageFormat !== null) {
+            return {
+                source: 'via calculateMetadata',
+                value: options.compositionDefaultVideoImageFormat,
+            };
+        }
         if (currentVideoImageFormat !== null) {
             return {
-                source: 'config',
+                source: 'Config file',
                 value: currentVideoImageFormat,
             };
         }
+        if (options) {
+            if ((0, is_audio_codec_1.isAudioCodec)(options.codec)) {
+                return {
+                    source: 'default',
+                    value: 'none',
+                };
+            }
+            if (options.codec === 'h264' ||
+                options.codec === 'h264-mkv' ||
+                options.codec === 'h264-ts' ||
+                options.codec === 'h265' ||
+                options.codec === 'av1' ||
+                options.codec === 'vp8' ||
+                options.codec === 'vp9' ||
+                options.codec === 'prores' ||
+                options.codec === 'gif') {
+                return {
+                    source: 'default',
+                    value: 'jpeg',
+                };
+            }
+            if (options.codec === undefined) {
+                return {
+                    source: 'default',
+                    value: 'png',
+                };
+            }
+            throw new Error('Unrecognized codec ' + options.codec);
+        }
         return {
             source: 'default',
             value: null,

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/renderer"
 	},
 	"name": "@remotion/renderer",
-	"version": "4.0.481",
+	"version": "4.0.483",
 	"description": "Render Remotion videos using Node.js or Bun",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -22,11 +22,11 @@
 	},
 	"dependencies": {
 		"execa": "5.1.1",
-		"remotion": "4.0.481",
-		"@remotion/streaming": "4.0.481",
+		"remotion": "4.0.483",
+		"@remotion/streaming": "4.0.483",
 		"source-map": "0.8.0-beta.0",
 		"ws": "8.21.0",
-		"@remotion/licensing": "4.0.481"
+		"@remotion/licensing": "4.0.483"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -40,19 +40,19 @@
 		"react-dom": "19.2.3",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1",
 		"@types/ws": "8.5.10",
-		"@remotion/example-videos": "4.0.481",
-		"@remotion/eslint-config-internal": "4.0.481",
+		"@remotion/example-videos": "4.0.483",
+		"@remotion/eslint-config-internal": "4.0.483",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14"
 	},
 	"optionalDependencies": {
-		"@remotion/compositor-darwin-arm64": "4.0.481",
-		"@remotion/compositor-darwin-x64": "4.0.481",
-		"@remotion/compositor-linux-arm64-gnu": "4.0.481",
-		"@remotion/compositor-linux-arm64-musl": "4.0.481",
-		"@remotion/compositor-linux-x64-gnu": "4.0.481",
-		"@remotion/compositor-linux-x64-musl": "4.0.481",
-		"@remotion/compositor-win32-x64-msvc": "4.0.481"
+		"@remotion/compositor-darwin-arm64": "4.0.483",
+		"@remotion/compositor-darwin-x64": "4.0.483",
+		"@remotion/compositor-linux-arm64-gnu": "4.0.483",
+		"@remotion/compositor-linux-arm64-musl": "4.0.483",
+		"@remotion/compositor-linux-x64-gnu": "4.0.483",
+		"@remotion/compositor-linux-x64-musl": "4.0.483",
+		"@remotion/compositor-win32-x64-msvc": "4.0.483"
 	},
 	"keywords": [
 		"remotion",