@remotion/renderer 4.0.354 → 4.0.356

package/dist/index.js

@@ -124,6 +124,7 @@ const can_concat_seamlessly_1 = require("./can-concat-seamlessly");
 const codec_supports_media_1 = require("./codec-supports-media");
 const combine_chunks_2 = require("./combine-chunks");
 const make_file_executable_1 = require("./compositor/make-file-executable");
+const default_on_log_1 = require("./default-on-log");
 const ensure_browser_2 = require("./ensure-browser");
 const audio_codec_1 = require("./options/audio-codec");
 const offthreadvideo_threads_1 = require("./options/offthreadvideo-threads");
@@ -220,6 +221,7 @@ exports.RenderInternals = {
     canConcatVideoSeamlessly: can_concat_seamlessly_1.canConcatVideoSeamlessly,
     canConcatAudioSeamlessly: can_concat_seamlessly_1.canConcatAudioSeamlessly,
     internalCombineChunks: combine_chunks_2.internalCombineChunks,
+    defaultOnLog: default_on_log_1.defaultOnLog,
 };
 // Warn of potential performance issues with Apple Silicon (M1 chip under Rosetta)
 (0, check_version_requirements_1.checkRuntimeVersion)('info', false);

package/dist/logger.d.ts

@@ -10,6 +10,7 @@ type VerboseLogOptions = LogOptions & {
 export declare const verboseTag: (str: string) => string;
 export declare const secondverboseTag: (str: string) => string;
 export declare const Log: {
+    formatLogs: (logLevel: LogLevel, options: VerboseLogOptions, args: Parameters<typeof console.log>) => string[];
     trace: (options: VerboseLogOptions, message?: any, ...optionalParams: any[]) => boolean | void;
     verbose: (options: VerboseLogOptions, message?: any, ...optionalParams: any[]) => boolean | void;
     info: (options: LogOptions, message?: any, ...optionalParams: any[]) => boolean | void;

package/dist/logger.js

@@ -17,6 +17,25 @@ const secondverboseTag = (str) => {
 };
 exports.secondverboseTag = secondverboseTag;
 exports.Log = {
+    formatLogs: (logLevel, options, args) => {
+        return [
+            options.indent ? exports.INDENT_TOKEN : null,
+            options.tag ? (0, exports.verboseTag)(options.tag) : null,
+        ]
+            .filter(truthy_1.truthy)
+            .concat(args.map((a) => {
+            if (logLevel === 'warn') {
+                return chalk_1.chalk.yellow(a);
+            }
+            if (logLevel === 'error') {
+                return chalk_1.chalk.red(a);
+            }
+            if (logLevel === 'verbose' || logLevel === 'trace') {
+                return chalk_1.chalk.gray(a);
+            }
+            return a;
+        }));
+    },
     trace: (options, ...args) => {
         (0, repro_1.writeInRepro)('trace', ...args);
         if ((0, log_level_1.isEqualOrBelowLogLevel)(options.logLevel, 'trace')) {
@@ -24,12 +43,7 @@ exports.Log = {
                 // Lambda will print "undefined" otherwise
                 return process.stdout.write('\n');
             }
-            return console.log(...[
-                options.indent ? exports.INDENT_TOKEN : null,
-                options.tag ? (0, exports.verboseTag)(options.tag) : null,
-            ]
-                .filter(truthy_1.truthy)
-                .concat(args.map((a) => chalk_1.chalk.gray(a))));
+            return console.log(...exports.Log.formatLogs('trace', options, args));
         }
     },
     verbose: (options, ...args) => {
@@ -39,12 +53,7 @@ exports.Log = {
                 // Lambda will print "undefined" otherwise
                 return process.stdout.write('\n');
             }
-            return console.log(...[
-                options.indent ? exports.INDENT_TOKEN : null,
-                options.tag ? (0, exports.verboseTag)(options.tag) : null,
-            ]
-                .filter(truthy_1.truthy)
-                .concat(args.map((a) => chalk_1.chalk.gray(a))));
+            return console.log(...exports.Log.formatLogs('verbose', options, args));
         }
     },
     info: (options, ...args) => {
@@ -54,9 +63,7 @@ exports.Log = {
                 // Lambda will print "undefined" otherwise
                 return process.stdout.write('\n');
             }
-            return console.log(...[options.indent ? exports.INDENT_TOKEN : null]
-                .filter(truthy_1.truthy)
-                .concat(args !== null && args !== void 0 ? args : []));
+            return console.log(...exports.Log.formatLogs('info', options, args));
         }
     },
     warn: (options, ...args) => {
@@ -66,9 +73,7 @@ exports.Log = {
                 // Lambda will print "undefined" otherwise
                 return process.stdout.write('\n');
             }
-            return console.warn(...[options.indent ? chalk_1.chalk.yellow(exports.INDENT_TOKEN) : null]
-                .filter(truthy_1.truthy)
-                .concat(args.map((a) => chalk_1.chalk.yellow(a))));
+            return console.warn(...exports.Log.formatLogs('warn', options, args));
         }
     },
     error: (options, ...args) => {
@@ -78,12 +83,7 @@ exports.Log = {
                 // Lambda will print "undefined" otherwise
                 return process.stdout.write('\n');
             }
-            return console.error(...[
-                options.indent ? exports.INDENT_TOKEN : null,
-                options.tag ? (0, exports.verboseTag)(options.tag) : null,
-            ]
-                .filter(truthy_1.truthy)
-                .concat(args.map((a) => chalk_1.chalk.red(a))));
+            return console.error(...exports.Log.formatLogs('error', options, args));
         }
     },
 };

package/dist/make-page.d.ts

@@ -1,11 +1,11 @@
 import type { VideoConfig } from 'remotion/no-react';
 import type { BrowserLog } from './browser-log';
-import type { Page } from './browser/BrowserPage';
+import type { OnLog, Page } from './browser/BrowserPage';
 import type { SourceMapGetter } from './browser/source-map-getter';
 import type { VideoImageFormat } from './image-format';
 import type { LogLevel } from './log-level';
 import type { BrowserReplacer } from './replace-browser';
-export declare const makePage: ({ context, initialFrame, browserReplacer, logLevel, indent, pagesArray, onBrowserLog, scale, timeoutInMilliseconds, composition, proxyPort, serveUrl, muted, envVariables, serializedInputPropsWithCustomSchema, imageFormat, serializedResolvedPropsWithCustomSchema, pageIndex, isMainTab, mediaCacheSizeInBytes, }: {
+export declare const makePage: ({ context, initialFrame, browserReplacer, logLevel, indent, pagesArray, onBrowserLog, scale, timeoutInMilliseconds, composition, proxyPort, serveUrl, muted, envVariables, serializedInputPropsWithCustomSchema, imageFormat, serializedResolvedPropsWithCustomSchema, pageIndex, isMainTab, mediaCacheSizeInBytes, onLog, }: {
     context: SourceMapGetter;
     initialFrame: number;
     browserReplacer: BrowserReplacer;
@@ -26,4 +26,5 @@ export declare const makePage: ({ context, initialFrame, browserReplacer, logLev
     pageIndex: number;
     isMainTab: boolean;
     mediaCacheSizeInBytes: number | null;
+    onLog: OnLog;
 }) => Promise<Page>;

package/dist/make-page.js

@@ -4,10 +4,10 @@ exports.makePage = void 0;
 const get_available_memory_1 = require("./memory/get-available-memory");
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
 const set_props_and_env_1 = require("./set-props-and-env");
-const makePage = async ({ context, initialFrame, browserReplacer, logLevel, indent, pagesArray, onBrowserLog, scale, timeoutInMilliseconds, composition, proxyPort, serveUrl, muted, envVariables, serializedInputPropsWithCustomSchema, imageFormat, serializedResolvedPropsWithCustomSchema, pageIndex, isMainTab, mediaCacheSizeInBytes, }) => {
+const makePage = async ({ context, initialFrame, browserReplacer, logLevel, indent, pagesArray, onBrowserLog, scale, timeoutInMilliseconds, composition, proxyPort, serveUrl, muted, envVariables, serializedInputPropsWithCustomSchema, imageFormat, serializedResolvedPropsWithCustomSchema, pageIndex, isMainTab, mediaCacheSizeInBytes, onLog, }) => {
     const page = await browserReplacer
         .getBrowser()
-        .newPage({ context, logLevel, indent, pageIndex, onBrowserLog });
+        .newPage({ context, logLevel, indent, pageIndex, onBrowserLog, onLog });
     pagesArray.push(page);
     await page.setViewport({
         width: composition.width,

package/dist/render-frames.d.ts

@@ -3,6 +3,7 @@ import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-
 import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';
 import type { HeadlessBrowser } from './browser/Browser';
+import type { OnLog } from './browser/BrowserPage';
 import type { FrameRange } from './frame-range';
 import type { VideoImageFormat } from './image-format';
 import type { CancelSignal } from './make-cancel-signal';
@@ -42,6 +43,7 @@ type InternalRenderFramesOptions = {
     parallelEncodingEnabled: boolean;
     compositionStart: number;
     onArtifact: OnArtifact | null;
+    onLog: OnLog;
 } & ToOptions<typeof optionsMap.renderFrames>;
 type ArtifactWithoutContent = {
     frame: number;

package/dist/render-frames.js

@@ -13,6 +13,7 @@ const browser_download_progress_bar_1 = require("./browser/browser-download-prog
 const flaky_errors_1 = require("./browser/flaky-errors");
 const can_use_parallel_encoding_1 = require("./can-use-parallel-encoding");
 const cycle_browser_tabs_1 = require("./cycle-browser-tabs");
+const default_on_log_1 = require("./default-on-log");
 const find_closest_package_json_1 = require("./find-closest-package-json");
 const get_concurrency_1 = require("./get-concurrency");
 const get_duration_from_frame_range_1 = require("./get-duration-from-frame-range");
@@ -34,7 +35,7 @@ const validate_1 = require("./validate");
 const validate_scale_1 = require("./validate-scale");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
 const MAX_RETRIES_PER_FRAME = 1;
-const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, jpegQuality, imageFormat, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, resolvedConcurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, sourceMapGetter, logLevel, indent, parallelEncodingEnabled, compositionStart, forSeamlessAacConcatenation, onArtifact, binariesDirectory, imageSequencePattern, mediaCacheSizeInBytes, }) => {
+const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, jpegQuality, imageFormat, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, resolvedConcurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, sourceMapGetter, logLevel, indent, parallelEncodingEnabled, compositionStart, forSeamlessAacConcatenation, onArtifact, binariesDirectory, imageSequencePattern, mediaCacheSizeInBytes, onLog, }) => {
     if (outputDir) {
         if (!node_fs_1.default.existsSync(outputDir)) {
             node_fs_1.default.mkdirSync(outputDir, {
@@ -75,6 +76,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
             pageIndex,
             isMainTab: pageIndex === 0,
             mediaCacheSizeInBytes,
+            onLog,
         });
     };
     const getPool = async () => {
@@ -193,7 +195,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
         frameCount: framesToRender.length,
     };
 };
-const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, envVariables, everyNthFrame, frameRange, imageFormat, indent, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, logLevel, webpackBundleOrServeUrl, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, parallelEncodingEnabled, binariesDirectory, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, onArtifact, chromeMode, offthreadVideoThreads, imageSequencePattern, mediaCacheSizeInBytes, }) => {
+const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, envVariables, everyNthFrame, frameRange, imageFormat, indent, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, logLevel, webpackBundleOrServeUrl, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, parallelEncodingEnabled, binariesDirectory, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, onArtifact, chromeMode, offthreadVideoThreads, imageSequencePattern, mediaCacheSizeInBytes, onLog, }) => {
     (0, validate_1.validateDimension)(composition.height, 'height', 'in the `config` object passed to `renderFrames()`');
     (0, validate_1.validateDimension)(composition.width, 'width', 'in the `config` object passed to `renderFrames()`');
     (0, validate_1.validateFps)(composition.fps, 'in the `config` object of `renderFrames()`', false);
@@ -297,6 +299,7 @@ const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOpti
                     offthreadVideoThreads,
                     imageSequencePattern,
                     mediaCacheSizeInBytes,
+                    onLog,
                 });
             }),
         ])
@@ -404,6 +407,7 @@ const renderFrames = (options) => {
         offthreadVideoThreads: offthreadVideoThreads !== null && offthreadVideoThreads !== void 0 ? offthreadVideoThreads : null,
         imageSequencePattern: imageSequencePattern !== null && imageSequencePattern !== void 0 ? imageSequencePattern : null,
         mediaCacheSizeInBytes: mediaCacheSizeInBytes !== null && mediaCacheSizeInBytes !== void 0 ? mediaCacheSizeInBytes : null,
+        onLog: default_on_log_1.defaultOnLog,
     });
 };
 exports.renderFrames = renderFrames;

package/dist/render-media.d.ts

@@ -3,6 +3,7 @@ import { type RenderMediaOnDownload } from './assets/download-and-map-assets-to-
 import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';
 import type { HeadlessBrowser } from './browser/Browser';
+import type { OnLog } from './browser/BrowserPage';
 import type { Codec } from './codec';
 import type { FfmpegOverrideFn } from './ffmpeg-override';
 import type { FrameRange } from './frame-range';
@@ -68,6 +69,7 @@ export type InternalRenderMediaOptions = {
     compositionStart: number;
     onArtifact: OnArtifact | null;
     metadata: Record<string, string> | null;
+    onLog: OnLog;
 } & MoreRenderMediaOptions;
 type Prettify<T> = {
     [K in keyof T]: T[K];

package/dist/render-media.js

@@ -13,6 +13,7 @@ const browser_download_progress_bar_1 = require("./browser/browser-download-prog
 const can_use_parallel_encoding_1 = require("./can-use-parallel-encoding");
 const codec_supports_media_1 = require("./codec-supports-media");
 const crf_1 = require("./crf");
+const default_on_log_1 = require("./default-on-log");
 const delete_directory_1 = require("./delete-directory");
 const ensure_frames_in_order_1 = require("./ensure-frames-in-order");
 const ensure_output_directory_1 = require("./ensure-output-directory");
@@ -52,7 +53,7 @@ const validate_videobitrate_1 = require("./validate-videobitrate");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
 const SLOWEST_FRAME_COUNT = 10;
 const MAX_RECENT_FRAME_TIMINGS = 50;
-const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition: compositionWithPossibleUnevenDimensions, 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, mediaCacheSizeInBytes, }) => {
+const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition: compositionWithPossibleUnevenDimensions, 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, mediaCacheSizeInBytes, onLog, }) => {
     var _a, _b;
     const pixelFormat = (_a = userPixelFormat !== null && userPixelFormat !== void 0 ? userPixelFormat : compositionWithPossibleUnevenDimensions.defaultPixelFormat) !== null && _a !== void 0 ? _a : pixel_format_1.DEFAULT_PIXEL_FORMAT;
     if (repro) {
@@ -178,16 +179,6 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition: c
         onCtrlCExit(`Delete ${workingDir}`, () => (0, delete_directory_1.deleteDirectory)(workingDir));
     }
     const { actualWidth: widthEvenDimensions, actualHeight: heightEvenDimensions } = (0, validate_even_dimensions_with_codec_1.validateEvenDimensionsWithCodec)({
-        codec,
-        height: compositionWithPossibleUnevenDimensions.height,
-        // Don't apply scale yet, only ensure even dimensions
-        scale: 1,
-        width: compositionWithPossibleUnevenDimensions.width,
-        wantsImageSequence: false,
-        indent,
-        logLevel,
-    });
-    const { actualWidth, actualHeight } = (0, validate_even_dimensions_with_codec_1.validateEvenDimensionsWithCodec)({
         codec,
         height: compositionWithPossibleUnevenDimensions.height,
         scale,
@@ -196,6 +187,8 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition: c
         indent,
         logLevel,
     });
+    const actualWidth = widthEvenDimensions * scale;
+    const actualHeight = heightEvenDimensions * scale;
     const composition = {
         ...compositionWithPossibleUnevenDimensions,
         height: heightEvenDimensions,
@@ -394,6 +387,7 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition: c
                 chromeMode,
                 imageSequencePattern: null,
                 mediaCacheSizeInBytes,
+                onLog,
             });
             return renderFramesProc;
         })
@@ -617,6 +611,7 @@ const renderMedia = ({ proResProfile, x264Preset, crf, composition, inputProps,
         hardwareAcceleration: hardwareAcceleration !== null && hardwareAcceleration !== void 0 ? hardwareAcceleration : 'disable',
         chromeMode: chromeMode !== null && chromeMode !== void 0 ? chromeMode : 'headless-shell',
         mediaCacheSizeInBytes: mediaCacheSizeInBytes !== null && mediaCacheSizeInBytes !== void 0 ? mediaCacheSizeInBytes : null,
+        onLog: default_on_log_1.defaultOnLog,
     });
 };
 exports.renderMedia = renderMedia;

package/dist/render-still.d.ts

@@ -3,6 +3,7 @@ import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-
 import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';
 import type { HeadlessBrowser } from './browser/Browser';
+import type { OnLog } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';
 import type { CancelSignal } from './make-cancel-signal';
 import type { ChromiumOptions } from './open-browser';
@@ -32,6 +33,7 @@ type InternalRenderStillOptions = {
     serveUrl: string;
     port: number | null;
     onArtifact: OnArtifact | null;
+    onLog: OnLog;
 } & ToOptions<typeof optionsMap.renderStill>;
 export type RenderStillOptions = {
     port?: number | null;

package/dist/render-still.js

@@ -45,6 +45,7 @@ const TimeoutSettings_1 = require("./browser/TimeoutSettings");
 const browser_download_progress_bar_1 = require("./browser/browser-download-progress-bar");
 const collect_assets_1 = require("./collect-assets");
 const convert_to_positive_frame_index_1 = require("./convert-to-positive-frame-index");
+const default_on_log_1 = require("./default-on-log");
 const ensure_output_directory_1 = require("./ensure-output-directory");
 const handle_javascript_exception_1 = require("./error-handling/handle-javascript-exception");
 const filter_asset_types_1 = require("./filter-asset-types");
@@ -65,7 +66,7 @@ const validate_1 = require("./validate");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const validate_scale_1 = require("./validate-scale");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
-const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, onError, serializedInputPropsWithCustomSchema, envVariables, output, frame = 0, overwrite, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale, proxyPort, cancelSignal, jpegQuality, onBrowserLog, sourceMapGetter, logLevel, indent, serializedResolvedPropsWithCustomSchema, onBrowserDownload, onArtifact, chromeMode, mediaCacheSizeInBytes, }) => {
+const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, onError, serializedInputPropsWithCustomSchema, envVariables, output, frame = 0, overwrite, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale, proxyPort, cancelSignal, jpegQuality, onBrowserLog, sourceMapGetter, logLevel, indent, serializedResolvedPropsWithCustomSchema, onBrowserDownload, onArtifact, chromeMode, mediaCacheSizeInBytes, onLog, }) => {
     (0, validate_1.validateDimension)(composition.height, 'height', 'in the `config` object passed to `renderStill()`');
     (0, validate_1.validateDimension)(composition.width, 'width', 'in the `config` object passed to `renderStill()`');
     (0, validate_1.validateFps)(composition.fps, 'in the `config` object of `renderStill()`', false);
@@ -117,6 +118,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         indent,
         pageIndex: 0,
         onBrowserLog,
+        onLog,
     });
     await page.setViewport({
         width: composition.width,
@@ -348,6 +350,7 @@ const renderStill = (options) => {
         chromeMode: chromeMode !== null && chromeMode !== void 0 ? chromeMode : 'headless-shell',
         offthreadVideoThreads: offthreadVideoThreads !== null && offthreadVideoThreads !== void 0 ? offthreadVideoThreads : null,
         mediaCacheSizeInBytes: mediaCacheSizeInBytes !== null && mediaCacheSizeInBytes !== void 0 ? mediaCacheSizeInBytes : null,
+        onLog: default_on_log_1.defaultOnLog,
     });
 };
 exports.renderStill = renderStill;

package/dist/select-composition.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.selectComposition = exports.internalSelectComposition = exports.internalSelectCompositionRaw = void 0;
 const no_react_1 = require("remotion/no-react");
+const _1 = require(".");
 const TimeoutSettings_1 = require("./browser/TimeoutSettings");
 const browser_download_progress_bar_1 = require("./browser/browser-download-progress-bar");
 const handle_javascript_exception_1 = require("./error-handling/handle-javascript-exception");
@@ -107,6 +108,7 @@ const internalSelectCompositionRaw = async (options) => {
             chromeMode,
             pageIndex: 0,
             onBrowserLog,
+            onLog: _1.RenderInternals.defaultOnLog,
         }),
         (0, prepare_server_1.makeOrReuseServer)(options.server, {
             webpackConfigOrServeUrl: serveUrlOrWebpackUrl,

package/dist/test-gpu.d.ts

@@ -1,4 +1,5 @@
 import type { BrowserExecutable } from './browser-executable';
+import type { OnLog } from './browser/BrowserPage';
 import type { LogLevel } from './log-level';
 import type { ChromiumOptions } from './open-browser';
 import type { ChromeMode } from './options/chrome-mode';
@@ -7,7 +8,7 @@ type Item = {
     feature: string;
     status: string;
 };
-export declare const getChromiumGpuInformation: ({ browserExecutable, indent, logLevel, chromiumOptions, timeoutInMilliseconds, onBrowserDownload, chromeMode, }: {
+export declare const getChromiumGpuInformation: ({ browserExecutable, indent, logLevel, chromiumOptions, timeoutInMilliseconds, onBrowserDownload, chromeMode, onLog, }: {
     browserExecutable: BrowserExecutable;
     indent: boolean;
     logLevel: LogLevel;
@@ -15,5 +16,6 @@ export declare const getChromiumGpuInformation: ({ browserExecutable, indent, lo
     timeoutInMilliseconds: number;
     onBrowserDownload: OnBrowserDownload;
     chromeMode: ChromeMode;
+    onLog: OnLog;
 }) => Promise<Item[]>;
 export {};

package/dist/test-gpu.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getChromiumGpuInformation = void 0;
 const get_browser_instance_1 = require("./get-browser-instance");
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
-const getChromiumGpuInformation = async ({ browserExecutable, indent, logLevel, chromiumOptions, timeoutInMilliseconds, onBrowserDownload, chromeMode, }) => {
+const getChromiumGpuInformation = async ({ browserExecutable, indent, logLevel, chromiumOptions, timeoutInMilliseconds, onBrowserDownload, chromeMode, onLog, }) => {
     const { page, cleanupPage: cleanup } = await (0, get_browser_instance_1.getPageAndCleanupFn)({
         passedInInstance: undefined,
         browserExecutable,
@@ -15,6 +15,7 @@ const getChromiumGpuInformation = async ({ browserExecutable, indent, logLevel,
         chromeMode,
         pageIndex: 0,
         onBrowserLog: null,
+        onLog,
     });
     await page.goto({ url: 'chrome://gpu', timeout: 12000 });
     const { value } = await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({

package/dist/validate-even-dimensions-with-codec.js

@@ -3,12 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.validateEvenDimensionsWithCodec = void 0;
 const logger_1 = require("./logger");
 const validateEvenDimensionsWithCodec = ({ width, height, codec, scale, wantsImageSequence, indent, logLevel, }) => {
-    let actualWidth = width * scale;
-    let actualHeight = height * scale;
     if (wantsImageSequence) {
         return {
-            actualWidth,
-            actualHeight,
+            actualWidth: width,
+            actualHeight: height,
         };
     }
     if (codec !== 'h264-mkv' &&
@@ -16,32 +14,27 @@ const validateEvenDimensionsWithCodec = ({ width, height, codec, scale, wantsIma
         codec !== 'h265' &&
         codec !== 'h264-ts') {
         return {
-            actualWidth,
-            actualHeight,
+            actualWidth: width,
+            actualHeight: height,
         };
     }
-    if (actualWidth % 1 !== 0 &&
-        (actualWidth % 1 < 0.005 || actualWidth % 1 > 0.005)) {
-        logger_1.Log.verbose({ indent, logLevel }, `Rounding width to an even number from ${actualWidth} to ${Math.round(actualWidth)}`);
-        actualWidth = Math.round(actualWidth);
+    let heightEvenDimensions = height;
+    while (Math.round(heightEvenDimensions * scale) % 2 !== 0) {
+        heightEvenDimensions--;
     }
-    if (actualHeight % 1 !== 0 &&
-        (actualHeight % 1 < 0.005 || actualHeight % 1 > 0.005)) {
-        logger_1.Log.verbose({ indent, logLevel }, `Rounding height to an even number from ${actualHeight} to ${Math.round(actualHeight)}`);
-        actualHeight = Math.round(actualHeight);
+    let widthEvenDimensions = width;
+    while (Math.round(widthEvenDimensions * scale) % 2 !== 0) {
+        widthEvenDimensions--;
     }
-    const displayName = codec === 'h265' ? 'H265' : 'H264';
-    if (actualWidth % 2 !== 0) {
-        logger_1.Log.verbose({ indent, logLevel }, `Rounding width down to an even number from ${actualWidth} to ${actualWidth - 1} for ${displayName} codec compatibility`);
-        actualWidth -= 1;
+    if (widthEvenDimensions !== width) {
+        logger_1.Log.verbose({ indent, logLevel }, `Rounding width to an even number from ${width} to ${widthEvenDimensions}`);
     }
-    if (actualHeight % 2 !== 0) {
-        logger_1.Log.verbose({ indent, logLevel }, `Rounding height down to an even number from ${actualHeight} to ${actualHeight - 1} for ${displayName} codec compatibility`);
-        actualHeight -= 1;
+    if (heightEvenDimensions !== height) {
+        logger_1.Log.verbose({ indent, logLevel }, `Rounding height to an even number from ${height} to ${heightEvenDimensions}`);
     }
     return {
-        actualWidth,
-        actualHeight,
+        actualWidth: widthEvenDimensions,
+        actualHeight: heightEvenDimensions,
     };
 };
 exports.validateEvenDimensionsWithCodec = validateEvenDimensionsWithCodec;

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/renderer"
   },
   "name": "@remotion/renderer",
-  "version": "4.0.354",
+  "version": "4.0.356",
   "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.354",
-    "@remotion/streaming": "4.0.354"
+    "remotion": "4.0.356",
+    "@remotion/streaming": "4.0.356"
   },
   "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.354",
-    "@remotion/eslint-config-internal": "4.0.354"
+    "@remotion/example-videos": "4.0.356",
+    "@remotion/eslint-config-internal": "4.0.356"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-x64": "4.0.354",
-    "@remotion/compositor-darwin-arm64": "4.0.354",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.354",
-    "@remotion/compositor-linux-arm64-musl": "4.0.354",
-    "@remotion/compositor-linux-x64-musl": "4.0.354",
-    "@remotion/compositor-linux-x64-gnu": "4.0.354",
-    "@remotion/compositor-win32-x64-msvc": "4.0.354"
+    "@remotion/compositor-linux-arm64-gnu": "4.0.356",
+    "@remotion/compositor-darwin-x64": "4.0.356",
+    "@remotion/compositor-linux-x64-gnu": "4.0.356",
+    "@remotion/compositor-linux-arm64-musl": "4.0.356",
+    "@remotion/compositor-darwin-arm64": "4.0.356",
+    "@remotion/compositor-win32-x64-msvc": "4.0.356",
+    "@remotion/compositor-linux-x64-musl": "4.0.356"
   },
   "keywords": [
     "remotion",