@remotion/renderer 4.0.315 → 4.0.316

package/dist/esm/index.mjs

@@ -16512,7 +16512,9 @@ var innerGetCompositions = async ({
       height,
       id,
       defaultCodec,
-      defaultOutName
+      defaultOutName,
+      defaultVideoImageFormat,
+      defaultPixelFormat
     } = r;
     return {
       id,
@@ -16523,7 +16525,9 @@ var innerGetCompositions = async ({
       props: NoReactInternals8.deserializeJSONWithSpecialTypes(r.serializedResolvedPropsWithCustomSchema),
       defaultProps: NoReactInternals8.deserializeJSONWithSpecialTypes(r.serializedDefaultPropsWithCustomSchema),
       defaultCodec,
-      defaultOutName
+      defaultOutName,
+      defaultVideoImageFormat,
+      defaultPixelFormat
     };
   });
 };
@@ -17653,7 +17657,7 @@ var makePage = async ({
     }
   });
   await puppeteerEvaluateWithCatch({
-    pageFunction: (id, props, durationInFrames, fps, height, width, defaultCodec, defaultOutName) => {
+    pageFunction: (id, props, durationInFrames, fps, height, width, defaultCodec, defaultOutName, defaultVideoImageFormat, defaultPixelFormat) => {
       window.remotion_setBundleMode({
         type: "composition",
         compositionName: id,
@@ -17663,7 +17667,9 @@ var makePage = async ({
         compositionHeight: height,
         compositionWidth: width,
         compositionDefaultCodec: defaultCodec,
-        compositionDefaultOutName: defaultOutName
+        compositionDefaultOutName: defaultOutName,
+        compositionDefaultVideoImageFormat: defaultVideoImageFormat,
+        compositionDefaultPixelFormat: defaultPixelFormat
       });
     },
     args: [
@@ -17674,7 +17680,9 @@ var makePage = async ({
       composition.height,
       composition.width,
       composition.defaultCodec,
-      composition.defaultOutName
+      composition.defaultOutName,
+      composition.defaultVideoImageFormat,
+      composition.defaultPixelFormat
     ],
     frame: null,
     page,
@@ -21018,7 +21026,7 @@ var internalRenderMediaRaw = ({
   crf,
   composition,
   serializedInputPropsWithCustomSchema,
-  pixelFormat,
+  pixelFormat: userPixelFormat,
   codec,
   envVariables,
   frameRange,
@@ -21070,6 +21078,7 @@ var internalRenderMediaRaw = ({
   chromeMode,
   offthreadVideoThreads
 }) => {
+  const pixelFormat = userPixelFormat ?? composition.defaultPixelFormat ?? DEFAULT_PIXEL_FORMAT;
   if (repro) {
     enableRepro({
       serveUrl,
@@ -21173,7 +21182,7 @@ var internalRenderMediaRaw = ({
       tag: "renderMedia()"
     }, "Parallel encoding is disabled.");
   }
-  const imageFormat = isAudioCodec(codec) ? "none" : provisionalImageFormat;
+  const imageFormat = isAudioCodec(codec) ? "none" : provisionalImageFormat ?? composition.defaultVideoImageFormat ?? DEFAULT_VIDEO_IMAGE_FORMAT;
   validateSelectedPixelFormatAndImageFormatCombination(pixelFormat, imageFormat);
   const workingDir = fs15.mkdtempSync(path25.join(os6.tmpdir(), "react-motion-render"));
   const preEncodedFileLocation = parallelEncoding ? path25.join(workingDir, "pre-encode." + getFileExtensionFromCodec(codec, audioCodec)) : null;
@@ -21560,7 +21569,7 @@ var renderMedia = ({
     everyNthFrame: everyNthFrame ?? 1,
     ffmpegOverride: ffmpegOverride ?? undefined,
     frameRange: frameRange ?? null,
-    imageFormat: imageFormat ?? DEFAULT_VIDEO_IMAGE_FORMAT,
+    imageFormat: imageFormat ?? null,
     serializedInputPropsWithCustomSchema: NoReactInternals14.serializeJSONWithSpecialTypes({
       indent: undefined,
       staticBase: null,
@@ -21581,7 +21590,7 @@ var renderMedia = ({
     }),
     outputLocation: outputLocation ?? null,
     overwrite: overwrite ?? DEFAULT_OVERWRITE,
-    pixelFormat: pixelFormat ?? DEFAULT_PIXEL_FORMAT,
+    pixelFormat: pixelFormat ?? null,
     port: port ?? null,
     puppeteerInstance: puppeteerInstance ?? undefined,
     scale: scale ?? 1,
@@ -21748,7 +21757,7 @@ var innerRenderStill = async ({
     }
   });
   await puppeteerEvaluateWithCatch({
-    pageFunction: (id, props, durationInFrames, fps, height, width, defaultCodec, defaultOutName) => {
+    pageFunction: (id, props, durationInFrames, fps, height, width, defaultCodec, defaultOutName, defaultVideoImageFormat, defaultPixelFormat) => {
       window.remotion_setBundleMode({
         type: "composition",
         compositionName: id,
@@ -21758,7 +21767,9 @@ var innerRenderStill = async ({
         compositionHeight: height,
         compositionWidth: width,
         compositionDefaultCodec: defaultCodec,
-        compositionDefaultOutName: defaultOutName
+        compositionDefaultOutName: defaultOutName,
+        compositionDefaultVideoImageFormat: defaultVideoImageFormat,
+        compositionDefaultPixelFormat: defaultPixelFormat
       });
     },
     args: [
@@ -21769,7 +21780,9 @@ var innerRenderStill = async ({
       composition.height,
       composition.width,
       composition.defaultCodec,
-      composition.defaultOutName
+      composition.defaultOutName,
+      composition.defaultVideoImageFormat,
+      composition.defaultPixelFormat
     ],
     frame: null,
     page,
@@ -22009,7 +22022,16 @@ var innerSelectComposition = async ({
     logLevel
   }, `calculateMetadata() took ${Date.now() - time}ms`);
   const res = result;
-  const { width, durationInFrames, fps, height, defaultCodec, defaultOutName } = res;
+  const {
+    width,
+    durationInFrames,
+    fps,
+    height,
+    defaultCodec,
+    defaultOutName,
+    defaultVideoImageFormat,
+    defaultPixelFormat
+  } = res;
   return {
     metadata: {
       id,
@@ -22020,7 +22042,9 @@ var innerSelectComposition = async ({
       props: NoReactInternals16.deserializeJSONWithSpecialTypes(res.serializedResolvedPropsWithCustomSchema),
       defaultProps: NoReactInternals16.deserializeJSONWithSpecialTypes(res.serializedDefaultPropsWithCustomSchema),
       defaultCodec,
-      defaultOutName
+      defaultOutName,
+      defaultVideoImageFormat,
+      defaultPixelFormat
     },
     propsSize: size
   };

package/dist/get-compositions.js

@@ -60,7 +60,7 @@ const innerGetCompositions = async ({ envVariables, serializedInputPropsWithCust
     });
     const res = result;
     return res.map((r) => {
-        const { width, durationInFrames, fps, height, id, defaultCodec, defaultOutName, } = r;
+        const { width, durationInFrames, fps, height, id, defaultCodec, defaultOutName, defaultVideoImageFormat, defaultPixelFormat, } = r;
         return {
             id,
             width,
@@ -71,6 +71,8 @@ const innerGetCompositions = async ({ envVariables, serializedInputPropsWithCust
             defaultProps: no_react_1.NoReactInternals.deserializeJSONWithSpecialTypes(r.serializedDefaultPropsWithCustomSchema),
             defaultCodec,
             defaultOutName,
+            defaultVideoImageFormat,
+            defaultPixelFormat,
         };
     });
 };

package/dist/make-page.js

@@ -30,7 +30,7 @@ const makePage = async ({ context, initialFrame, browserReplacer, logLevel, inde
     });
     await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         // eslint-disable-next-line max-params
-        pageFunction: (id, props, durationInFrames, fps, height, width, defaultCodec, defaultOutName) => {
+        pageFunction: (id, props, durationInFrames, fps, height, width, defaultCodec, defaultOutName, defaultVideoImageFormat, defaultPixelFormat) => {
             window.remotion_setBundleMode({
                 type: 'composition',
                 compositionName: id,
@@ -41,6 +41,8 @@ const makePage = async ({ context, initialFrame, browserReplacer, logLevel, inde
                 compositionWidth: width,
                 compositionDefaultCodec: defaultCodec,
                 compositionDefaultOutName: defaultOutName,
+                compositionDefaultVideoImageFormat: defaultVideoImageFormat,
+                compositionDefaultPixelFormat: defaultPixelFormat,
             });
         },
         args: [
@@ -52,6 +54,8 @@ const makePage = async ({ context, initialFrame, browserReplacer, logLevel, inde
             composition.width,
             composition.defaultCodec,
             composition.defaultOutName,
+            composition.defaultVideoImageFormat,
+            composition.defaultPixelFormat,
         ],
         frame: null,
         page,

package/dist/render-media.d.ts

@@ -38,8 +38,8 @@ export type InternalRenderMediaOptions = {
     serializedInputPropsWithCustomSchema: string;
     serializedResolvedPropsWithCustomSchema: string;
     crf: number | null;
-    imageFormat: VideoImageFormat;
-    pixelFormat: PixelFormat;
+    imageFormat: VideoImageFormat | null;
+    pixelFormat: PixelFormat | null;
     envVariables: Record<string, string>;
     frameRange: FrameRange | null;
     everyNthFrame: number;

package/dist/render-media.js

@@ -51,7 +51,9 @@ const validate_scale_1 = require("./validate-scale");
 const validate_videobitrate_1 = require("./validate-videobitrate");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
 const SLOWEST_FRAME_COUNT = 10;
-const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, serializedInputPropsWithCustomSchema, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, onArtifact, metadata, hardwareAcceleration, chromeMode, offthreadVideoThreads, }) => {
+const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, serializedInputPropsWithCustomSchema, pixelFormat: userPixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, onArtifact, metadata, hardwareAcceleration, chromeMode, offthreadVideoThreads, }) => {
+    var _a, _b;
+    const pixelFormat = (_a = userPixelFormat !== null && userPixelFormat !== void 0 ? userPixelFormat : composition.defaultPixelFormat) !== null && _a !== void 0 ? _a : pixel_format_1.DEFAULT_PIXEL_FORMAT;
     if (repro) {
         (0, repro_1.enableRepro)({
             serveUrl,
@@ -163,7 +165,7 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
     }
     const imageFormat = (0, is_audio_codec_1.isAudioCodec)(codec)
         ? 'none'
-        : provisionalImageFormat;
+        : ((_b = provisionalImageFormat !== null && provisionalImageFormat !== void 0 ? provisionalImageFormat : composition.defaultVideoImageFormat) !== null && _b !== void 0 ? _b : image_format_1.DEFAULT_VIDEO_IMAGE_FORMAT);
     (0, image_format_1.validateSelectedPixelFormatAndImageFormatCombination)(pixelFormat, imageFormat);
     const workingDir = node_fs_1.default.mkdtempSync(node_path_1.default.join(node_os_1.default.tmpdir(), 'react-motion-render'));
     const preEncodedFileLocation = parallelEncoding
@@ -539,7 +541,7 @@ const renderMedia = ({ proResProfile, x264Preset, crf, composition, inputProps,
         everyNthFrame: everyNthFrame !== null && everyNthFrame !== void 0 ? everyNthFrame : 1,
         ffmpegOverride: ffmpegOverride !== null && ffmpegOverride !== void 0 ? ffmpegOverride : undefined,
         frameRange: frameRange !== null && frameRange !== void 0 ? frameRange : null,
-        imageFormat: imageFormat !== null && imageFormat !== void 0 ? imageFormat : image_format_1.DEFAULT_VIDEO_IMAGE_FORMAT,
+        imageFormat: imageFormat !== null && imageFormat !== void 0 ? imageFormat : null,
         serializedInputPropsWithCustomSchema: no_react_1.NoReactInternals.serializeJSONWithSpecialTypes({
             indent: undefined,
             staticBase: null,
@@ -554,7 +556,7 @@ const renderMedia = ({ proResProfile, x264Preset, crf, composition, inputProps,
         onStart: onStart !== null && onStart !== void 0 ? onStart : (() => undefined),
         outputLocation: outputLocation !== null && outputLocation !== void 0 ? outputLocation : null,
         overwrite: overwrite !== null && overwrite !== void 0 ? overwrite : overwrite_1.DEFAULT_OVERWRITE,
-        pixelFormat: pixelFormat !== null && pixelFormat !== void 0 ? pixelFormat : pixel_format_1.DEFAULT_PIXEL_FORMAT,
+        pixelFormat: pixelFormat !== null && pixelFormat !== void 0 ? pixelFormat : null,
         port: port !== null && port !== void 0 ? port : null,
         puppeteerInstance: puppeteerInstance !== null && puppeteerInstance !== void 0 ? puppeteerInstance : undefined,
         scale: scale !== null && scale !== void 0 ? scale : 1,

package/dist/render-still.js

@@ -161,7 +161,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
     });
     await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         // eslint-disable-next-line max-params
-        pageFunction: (id, props, durationInFrames, fps, height, width, defaultCodec, defaultOutName) => {
+        pageFunction: (id, props, durationInFrames, fps, height, width, defaultCodec, defaultOutName, defaultVideoImageFormat, defaultPixelFormat) => {
             window.remotion_setBundleMode({
                 type: 'composition',
                 compositionName: id,
@@ -172,6 +172,8 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
                 compositionWidth: width,
                 compositionDefaultCodec: defaultCodec,
                 compositionDefaultOutName: defaultOutName,
+                compositionDefaultVideoImageFormat: defaultVideoImageFormat,
+                compositionDefaultPixelFormat: defaultPixelFormat,
             });
         },
         args: [
@@ -183,6 +185,8 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
             composition.width,
             composition.defaultCodec,
             composition.defaultOutName,
+            composition.defaultVideoImageFormat,
+            composition.defaultPixelFormat,
         ],
         frame: null,
         page,

package/dist/select-composition.js

@@ -70,7 +70,7 @@ const innerSelectComposition = async ({ page, serializedInputPropsWithCustomSche
         logLevel,
     }, `calculateMetadata() took ${Date.now() - time}ms`);
     const res = result;
-    const { width, durationInFrames, fps, height, defaultCodec, defaultOutName } = res;
+    const { width, durationInFrames, fps, height, defaultCodec, defaultOutName, defaultVideoImageFormat, defaultPixelFormat, } = res;
     return {
         metadata: {
             id,
@@ -82,6 +82,8 @@ const innerSelectComposition = async ({ page, serializedInputPropsWithCustomSche
             defaultProps: no_react_1.NoReactInternals.deserializeJSONWithSpecialTypes(res.serializedDefaultPropsWithCustomSchema),
             defaultCodec,
             defaultOutName,
+            defaultVideoImageFormat,
+            defaultPixelFormat,
         },
         propsSize: size,
     };

package/ensure-browser.mjs

@@ -3071,8 +3071,8 @@ var getDownloadsCacheDir = () => {
 };
 
 // src/browser/BrowserFetcher.ts
-var TESTED_VERSION = "133.0.6943.0";
-var PLAYWRIGHT_VERSION = "1155";
+var TESTED_VERSION = "134.0.6998.35";
+var PLAYWRIGHT_VERSION = "1161";
 function getChromeDownloadUrl({
   platform: platform2,
   version,

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/renderer"
   },
   "name": "@remotion/renderer",
-  "version": "4.0.315",
+  "version": "4.0.316",
   "description": "Render Remotion videos using Node.js or Bun",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,8 +18,8 @@
     "extract-zip": "2.0.1",
     "source-map": "^0.8.0-beta.0",
     "ws": "8.17.1",
-    "remotion": "4.0.315",
-    "@remotion/streaming": "4.0.315"
+    "@remotion/streaming": "4.0.316",
+    "remotion": "4.0.316"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -33,17 +33,17 @@
     "react-dom": "19.0.0",
     "@types/ws": "8.5.10",
     "eslint": "9.19.0",
-    "@remotion/example-videos": "4.0.315",
-    "@remotion/eslint-config-internal": "4.0.315"
+    "@remotion/example-videos": "4.0.316",
+    "@remotion/eslint-config-internal": "4.0.316"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-arm64": "4.0.315",
-    "@remotion/compositor-darwin-x64": "4.0.315",
-    "@remotion/compositor-linux-arm64-musl": "4.0.315",
-    "@remotion/compositor-linux-x64-musl": "4.0.315",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.315",
-    "@remotion/compositor-linux-x64-gnu": "4.0.315",
-    "@remotion/compositor-win32-x64-msvc": "4.0.315"
+    "@remotion/compositor-darwin-arm64": "4.0.316",
+    "@remotion/compositor-darwin-x64": "4.0.316",
+    "@remotion/compositor-linux-arm64-gnu": "4.0.316",
+    "@remotion/compositor-linux-x64-gnu": "4.0.316",
+    "@remotion/compositor-win32-x64-msvc": "4.0.316",
+    "@remotion/compositor-linux-arm64-musl": "4.0.316",
+    "@remotion/compositor-linux-x64-musl": "4.0.316"
   },
   "keywords": [
     "remotion",