@remotion/cli 4.0.246 → 4.0.247

package/dist/benchmark.js

@@ -22,7 +22,7 @@ const should_use_non_overlaying_logger_1 = require("./should-use-non-overlaying-
 const show_compositions_picker_1 = require("./show-compositions-picker");
 const truthy_1 = require("./truthy");
 const DEFAULT_RUNS = 3;
-const { audioBitrateOption, x264Option, offthreadVideoCacheSizeInBytesOption, scaleOption, crfOption, jpegQualityOption, videoBitrateOption, enforceAudioOption, mutedOption, videoCodecOption, colorSpaceOption, enableMultiprocessOnLinuxOption, glOption, numberOfGifLoopsOption, encodingMaxRateOption, encodingBufferSizeOption, delayRenderTimeoutInMillisecondsOption, headlessOption, overwriteOption, binariesDirectoryOption, forSeamlessAacConcatenationOption, publicPathOption, publicDirOption, metadataOption, hardwareAccelerationOption, } = client_1.BrowserSafeApis.options;
+const { audioBitrateOption, x264Option, offthreadVideoCacheSizeInBytesOption, scaleOption, crfOption, jpegQualityOption, videoBitrateOption, enforceAudioOption, mutedOption, videoCodecOption, colorSpaceOption, enableMultiprocessOnLinuxOption, glOption, numberOfGifLoopsOption, encodingMaxRateOption, encodingBufferSizeOption, delayRenderTimeoutInMillisecondsOption, headlessOption, overwriteOption, binariesDirectoryOption, forSeamlessAacConcatenationOption, publicPathOption, publicDirOption, metadataOption, hardwareAccelerationOption, chromeModeOption, } = client_1.BrowserSafeApis.options;
 const getValidConcurrency = (cliConcurrency) => {
     const { concurrencies } = parsed_cli_1.parsedCli;
     if (!concurrencies) {
@@ -117,6 +117,7 @@ const benchmarkCommand = async (remotionRoot, args, logLevel) => {
     const headless = headlessOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
     const publicPath = publicPathOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
     const publicDir = publicDirOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
+    const chromeMode = chromeModeOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
     const chromiumOptions = {
         disableWebSecurity,
         enableMultiProcessOnLinux,
@@ -136,6 +137,7 @@ const benchmarkCommand = async (remotionRoot, args, logLevel) => {
         indent,
         logLevel,
         onBrowserDownload,
+        chromeMode,
     });
     const browserInstance = renderer_1.RenderInternals.internalOpenBrowser({
         browser: 'chrome',
@@ -146,6 +148,7 @@ const benchmarkCommand = async (remotionRoot, args, logLevel) => {
         viewport: null,
         logLevel,
         onBrowserDownload,
+        chromeMode,
     });
     const { urlOrBundle: bundleLocation, cleanup: cleanupBundle } = await (0, setup_cache_1.bundleOnCliOrTakeServeUrl)({
         fullPath: fullEntryPoint,
@@ -196,6 +199,7 @@ const benchmarkCommand = async (remotionRoot, args, logLevel) => {
             commandLine: parsed_cli_1.parsedCli,
         }).value,
         onBrowserDownload,
+        chromeMode,
     });
     const ids = (remainingArgs[0]
         ? String(remainingArgs[0])
@@ -342,6 +346,7 @@ const benchmarkCommand = async (remotionRoot, args, logLevel) => {
                 hardwareAcceleration: hardwareAccelerationOption.getValue({
                     commandLine: parsed_cli_1.parsedCli,
                 }).value,
+                chromeMode,
             }, (run, progress) => {
                 benchmarkProgress.update(makeBenchmarkProgressBar({
                     totalRuns: runs,

package/dist/browser/ensure.js

@@ -30,10 +30,6 @@ const ensureCommand = async (logLevel) => {
         log_1.Log.info({ indent, logLevel }, `Has browser at ${status.path}`);
         return;
     }
-    if (status.type === 'local-browser') {
-        log_1.Log.info({ indent, logLevel }, `Has browser at ${status.path}`);
-        return;
-    }
     if (status.type === 'local-puppeteer-browser') {
         log_1.Log.info({ indent, logLevel }, `Has browser at ${status.path}`);
     }

package/dist/compositions.js

@@ -13,7 +13,7 @@ const log_1 = require("./log");
 const parsed_cli_1 = require("./parsed-cli");
 const print_compositions_1 = require("./print-compositions");
 const setup_cache_1 = require("./setup-cache");
-const { enableMultiprocessOnLinuxOption, offthreadVideoCacheSizeInBytesOption, glOption, headlessOption, delayRenderTimeoutInMillisecondsOption, binariesDirectoryOption, publicPathOption, publicDirOption, } = client_1.BrowserSafeApis.options;
+const { enableMultiprocessOnLinuxOption, offthreadVideoCacheSizeInBytesOption, glOption, headlessOption, delayRenderTimeoutInMillisecondsOption, binariesDirectoryOption, publicPathOption, publicDirOption, chromeModeOption, } = client_1.BrowserSafeApis.options;
 const listCompositionsCommand = async (remotionRoot, args, logLevel) => {
     const { file, reason } = (0, entry_point_1.findEntryPoint)({
         args,
@@ -54,6 +54,9 @@ const listCompositionsCommand = async (remotionRoot, args, logLevel) => {
         commandLine: parsed_cli_1.parsedCli,
     }).value;
     const publicDir = publicDirOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
+    const chromeMode = chromeModeOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
     const { urlOrBundle: bundled, cleanup: cleanupBundle } = await (0, setup_cache_1.bundleOnCliOrTakeServeUrl)({
         remotionRoot,
         fullPath: file,
@@ -98,6 +101,7 @@ const listCompositionsCommand = async (remotionRoot, args, logLevel) => {
             logLevel,
             quiet: (0, parsed_cli_1.quietFlagProvided)(),
         }),
+        chromeMode,
     });
     (0, print_compositions_1.printCompositions)(compositions, logLevel);
 };

package/dist/config/index.d.ts

@@ -1,5 +1,5 @@
 import type { WebpackConfiguration } from '@remotion/bundler';
-import type { BrowserExecutable, CodecOrUndefined, ColorSpace, Crf, DeleteAfter, FrameRange, NumberOfGifLoops, StillImageFormat, VideoImageFormat } from '@remotion/renderer';
+import type { BrowserExecutable, ChromeMode, CodecOrUndefined, ColorSpace, Crf, DeleteAfter, FrameRange, NumberOfGifLoops, StillImageFormat, VideoImageFormat } from '@remotion/renderer';
 import type { HardwareAccelerationOption } from '@remotion/renderer/client';
 import type { Concurrency } from './concurrency';
 import type { WebpackOverrideFn } from './override-webpack';
@@ -324,6 +324,10 @@ type FlatConfig = RemotionConfigObject & RemotionBundlingOptions & {
      *
      */
     setHardwareAcceleration: (hardwareAccelerationOption: HardwareAccelerationOption) => void;
+    /**
+     * Choose between using Chrome Headless Shell or Chrome for Testing
+     */
+    setChromeMode: (chromeMode: ChromeMode) => void;
     /**
      * @deprecated 'The config format has changed. Change `Config.Bundling.*()` calls to `Config.*()` in your config file.'
      */

package/dist/config/index.js

@@ -42,7 +42,7 @@ const user_agent_1 = require("./user-agent");
 const webpack_caching_2 = require("./webpack-caching");
 const webpack_poll_1 = require("./webpack-poll");
 const width_1 = require("./width");
-const { offthreadVideoCacheSizeInBytesOption, x264Option, audioBitrateOption, videoBitrateOption, scaleOption, crfOption, jpegQualityOption, enforceAudioOption, overwriteOption, mutedOption, videoCodecOption, colorSpaceOption, deleteAfterOption, folderExpiryOption, enableMultiprocessOnLinuxOption, glOption, headlessOption, numberOfGifLoopsOption, beepOnFinishOption, encodingMaxRateOption, encodingBufferSizeOption, reproOption, enableLambdaInsights, logLevelOption, delayRenderTimeoutInMillisecondsOption, publicDirOption, binariesDirectoryOption, preferLosslessOption, forSeamlessAacConcatenationOption, audioCodecOption, publicPathOption, hardwareAccelerationOption, } = client_1.BrowserSafeApis.options;
+const { offthreadVideoCacheSizeInBytesOption, x264Option, audioBitrateOption, videoBitrateOption, scaleOption, crfOption, jpegQualityOption, enforceAudioOption, overwriteOption, chromeModeOption, mutedOption, videoCodecOption, colorSpaceOption, deleteAfterOption, folderExpiryOption, enableMultiprocessOnLinuxOption, glOption, headlessOption, numberOfGifLoopsOption, beepOnFinishOption, encodingMaxRateOption, encodingBufferSizeOption, reproOption, enableLambdaInsights, logLevelOption, delayRenderTimeoutInMillisecondsOption, publicDirOption, binariesDirectoryOption, preferLosslessOption, forSeamlessAacConcatenationOption, audioCodecOption, publicPathOption, hardwareAccelerationOption, } = client_1.BrowserSafeApis.options;
 exports.Config = {
     get Bundling() {
         throw new Error('The config format has changed. Change `Config.Bundling.*()` calls to `Config.*()` in your config file.');
@@ -107,6 +107,7 @@ exports.Config = {
     setEnforceAudioTrack: enforceAudioOption.setConfig,
     setOutputLocation: output_location_2.setOutputLocation,
     setOverwriteOutput: overwriteOption.setConfig,
+    setChromeMode: chromeModeOption.setConfig,
     setPixelFormat: pixel_format_2.setPixelFormat,
     setCodec: videoCodecOption.setConfig,
     setCrf: crfOption.setConfig,

package/dist/get-composition-id.d.ts

@@ -1,6 +1,6 @@
-import type { BrowserExecutable, ChromiumOptions, HeadlessBrowser, LogLevel, OnBrowserDownload, RemotionServer } from '@remotion/renderer';
+import type { BrowserExecutable, ChromeMode, ChromiumOptions, HeadlessBrowser, LogLevel, OnBrowserDownload, RemotionServer } from '@remotion/renderer';
 import type { VideoConfig } from 'remotion';
-export declare const getCompositionId: ({ args, compositionIdFromUi, serializedInputPropsWithCustomSchema, puppeteerInstance, envVariables, timeoutInMilliseconds, chromiumOptions, port, browserExecutable, serveUrlOrWebpackUrl, logLevel, indent, server, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, }: {
+export declare const getCompositionId: ({ args, compositionIdFromUi, serializedInputPropsWithCustomSchema, puppeteerInstance, envVariables, timeoutInMilliseconds, chromiumOptions, port, browserExecutable, serveUrlOrWebpackUrl, logLevel, indent, server, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, chromeMode, }: {
     args: (string | number)[];
     compositionIdFromUi: string | null;
     serializedInputPropsWithCustomSchema: string;
@@ -17,6 +17,7 @@ export declare const getCompositionId: ({ args, compositionIdFromUi, serializedI
     offthreadVideoCacheSizeInBytes: number | null;
     binariesDirectory: string | null;
     onBrowserDownload: OnBrowserDownload;
+    chromeMode: ChromeMode;
 }) => Promise<{
     compositionId: string;
     reason: string;

package/dist/get-composition-id.js

@@ -23,7 +23,7 @@ const getCompName = ({ cliArgs, compositionIdFromUi, }) => {
         reason: 'Passed as argument',
     };
 };
-const getCompositionId = async ({ args, compositionIdFromUi, serializedInputPropsWithCustomSchema, puppeteerInstance, envVariables, timeoutInMilliseconds, chromiumOptions, port, browserExecutable, serveUrlOrWebpackUrl, logLevel, indent, server, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, }) => {
+const getCompositionId = async ({ args, compositionIdFromUi, serializedInputPropsWithCustomSchema, puppeteerInstance, envVariables, timeoutInMilliseconds, chromiumOptions, port, browserExecutable, serveUrlOrWebpackUrl, logLevel, indent, server, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, chromeMode, }) => {
     const compNameResult = getCompName({
         cliArgs: args,
         compositionIdFromUi,
@@ -47,6 +47,7 @@ const getCompositionId = async ({ args, compositionIdFromUi, serializedInputProp
             binariesDirectory,
             onBrowserDownload,
             onServeUrlVisited: () => undefined,
+            chromeMode,
         });
         if (propsSize > 10000000) {
             log_1.Log.warn({
@@ -81,6 +82,7 @@ const getCompositionId = async ({ args, compositionIdFromUi, serializedInputProp
             offthreadVideoCacheSizeInBytes,
             binariesDirectory,
             onBrowserDownload,
+            chromeMode,
         });
         const { compositionId, reason } = await (0, show_compositions_picker_1.showSingleCompositionsPicker)(comps, logLevel);
         if (compositionId && typeof compositionId === 'string') {

package/dist/get-composition-with-dimension-override.d.ts

@@ -1,6 +1,6 @@
-import type { BrowserExecutable, ChromiumOptions, HeadlessBrowser, LogLevel, OnBrowserDownload, RemotionServer } from '@remotion/renderer';
+import type { BrowserExecutable, ChromeMode, ChromiumOptions, HeadlessBrowser, LogLevel, OnBrowserDownload, RemotionServer } from '@remotion/renderer';
 import type { VideoConfig } from 'remotion';
-export declare const getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, }: {
+export declare const getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, chromeMode, }: {
     height: number | null;
     width: number | null;
     args: (string | number)[];
@@ -19,6 +19,7 @@ export declare const getCompositionWithDimensionOverride: ({ height, width, args
     offthreadVideoCacheSizeInBytes: number | null;
     binariesDirectory: string | null;
     onBrowserDownload: OnBrowserDownload;
+    chromeMode: ChromeMode;
 }) => Promise<{
     compositionId: string;
     reason: string;

package/dist/get-composition-with-dimension-override.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCompositionWithDimensionOverride = void 0;
 const get_composition_id_1 = require("./get-composition-id");
-const getCompositionWithDimensionOverride = async ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, }) => {
+const getCompositionWithDimensionOverride = async ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, chromeMode, }) => {
     const returnValue = await (0, get_composition_id_1.getCompositionId)({
         args,
         compositionIdFromUi,
@@ -20,6 +20,7 @@ const getCompositionWithDimensionOverride = async ({ height, width, args, compos
         offthreadVideoCacheSizeInBytes,
         binariesDirectory,
         onBrowserDownload,
+        chromeMode,
     });
     return {
         ...returnValue,

package/dist/get-render-defaults.js

@@ -5,7 +5,7 @@ const renderer_1 = require("@remotion/renderer");
 const client_1 = require("@remotion/renderer/client");
 const config_1 = require("./config");
 const parsed_cli_1 = require("./parsed-cli");
-const { x264Option, audioBitrateOption, offthreadVideoCacheSizeInBytesOption, scaleOption, jpegQualityOption, videoBitrateOption, enforceAudioOption, mutedOption, colorSpaceOption, enableMultiprocessOnLinuxOption, glOption, numberOfGifLoopsOption, beepOnFinishOption, encodingMaxRateOption, encodingBufferSizeOption, reproOption, logLevelOption, delayRenderTimeoutInMillisecondsOption, headlessOption, forSeamlessAacConcatenationOption, audioCodecOption, hardwareAccelerationOption, } = client_1.BrowserSafeApis.options;
+const { x264Option, audioBitrateOption, offthreadVideoCacheSizeInBytesOption, scaleOption, jpegQualityOption, videoBitrateOption, enforceAudioOption, mutedOption, colorSpaceOption, enableMultiprocessOnLinuxOption, glOption, numberOfGifLoopsOption, beepOnFinishOption, encodingMaxRateOption, encodingBufferSizeOption, reproOption, logLevelOption, delayRenderTimeoutInMillisecondsOption, headlessOption, forSeamlessAacConcatenationOption, audioCodecOption, hardwareAccelerationOption, chromeModeOption, } = client_1.BrowserSafeApis.options;
 const getRenderDefaults = () => {
     var _a;
     const defaultJpegQuality = jpegQualityOption.getValue({
@@ -76,6 +76,9 @@ const getRenderDefaults = () => {
     const hardwareAcceleration = hardwareAccelerationOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
+    const chromeMode = chromeModeOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
     const everyNthFrame = config_1.ConfigInternals.getEveryNthFrame();
     const stillImageFormat = config_1.ConfigInternals.getUserPreferredStillImageFormat();
     const videoImageFormat = config_1.ConfigInternals.getUserPreferredVideoImageFormat();
@@ -121,6 +124,7 @@ const getRenderDefaults = () => {
         forSeamlessAacConcatenation,
         metadata,
         hardwareAcceleration,
+        chromeMode,
     };
 };
 exports.getRenderDefaults = getRenderDefaults;

package/dist/gpu.js

@@ -9,7 +9,7 @@ const get_cli_options_1 = require("./get-cli-options");
 const log_1 = require("./log");
 const parsed_cli_1 = require("./parsed-cli");
 exports.GPU_COMMAND = 'gpu';
-const { enableMultiprocessOnLinuxOption, glOption, delayRenderTimeoutInMillisecondsOption, headlessOption, } = client_1.BrowserSafeApis.options;
+const { enableMultiprocessOnLinuxOption, glOption, delayRenderTimeoutInMillisecondsOption, headlessOption, chromeModeOption, } = client_1.BrowserSafeApis.options;
 const gpuCommand = async (logLevel) => {
     const { browserExecutable, disableWebSecurity, ignoreCertificateErrors, userAgent, } = (0, get_cli_options_1.getCliOptions)({
         isStill: false,
@@ -26,6 +26,21 @@ const gpuCommand = async (logLevel) => {
     const headless = headlessOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
+    const chromeMode = chromeModeOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    const onBrowserDownload = (0, browser_download_bar_1.defaultBrowserDownloadProgress)({
+        quiet: (0, parsed_cli_1.quietFlagProvided)(),
+        indent: false,
+        logLevel,
+    });
+    await renderer_1.RenderInternals.internalEnsureBrowser({
+        browserExecutable,
+        indent: false,
+        logLevel,
+        onBrowserDownload,
+        chromeMode,
+    });
     const chromiumOptions = {
         disableWebSecurity,
         enableMultiProcessOnLinux,
@@ -45,6 +60,7 @@ const gpuCommand = async (logLevel) => {
             logLevel,
             quiet: (0, parsed_cli_1.quietFlagProvided)(),
         }),
+        chromeMode,
     });
     for (const { feature, status } of statuses) {
         log_1.Log.info({ indent: false, logLevel }, `${feature}: ${colorStatus(status)}`);

package/dist/index.d.ts

@@ -138,7 +138,7 @@ export declare const CliInternals: {
     shouldUseNonOverlayingLogger: ({ logLevel, }: {
         logLevel: import("@remotion/renderer").LogLevel;
     }) => boolean;
-    getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, }: {
+    getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, chromeMode, }: {
         height: number | null;
         width: number | null;
         args: (string | number)[];
@@ -157,6 +157,7 @@ export declare const CliInternals: {
         offthreadVideoCacheSizeInBytes: number | null;
         binariesDirectory: string | null;
         onBrowserDownload: import("@remotion/renderer").OnBrowserDownload;
+        chromeMode: import("@remotion/renderer").ChromeMode;
     }) => Promise<{
         compositionId: string;
         reason: string;

package/dist/render-flows/render.d.ts

@@ -1,7 +1,7 @@
-import type { AudioCodec, Browser, BrowserExecutable, CancelSignal, ChromiumOptions, Codec, ColorSpace, Crf, FfmpegOverrideFn, FrameRange, LogLevel, NumberOfGifLoops, PixelFormat, ProResProfile, VideoImageFormat, X264Preset } from '@remotion/renderer';
+import type { AudioCodec, Browser, BrowserExecutable, CancelSignal, ChromeMode, ChromiumOptions, Codec, ColorSpace, Crf, FfmpegOverrideFn, FrameRange, LogLevel, NumberOfGifLoops, PixelFormat, ProResProfile, VideoImageFormat, X264Preset } from '@remotion/renderer';
 import type { HardwareAccelerationOption } from '@remotion/renderer/client';
 import type { JobProgressCallback } from '@remotion/studio-server';
-export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, videoBitrate, encodingMaxRate, encodingBufferSize, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, forSeamlessAacConcatenation, separateAudioTo, publicPath, metadata, hardwareAcceleration, }: {
+export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, videoBitrate, encodingMaxRate, encodingBufferSize, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, forSeamlessAacConcatenation, separateAudioTo, publicPath, metadata, hardwareAcceleration, chromeMode, }: {
     remotionRoot: string;
     fullEntryPoint: string;
     entryPointReason: string;
@@ -56,4 +56,5 @@ export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, l
     publicPath: string | null;
     metadata: Record<string, string> | null;
     hardwareAcceleration: HardwareAccelerationOption;
+    chromeMode: ChromeMode;
 }) => Promise<void>;

package/dist/render-flows/render.js

@@ -51,7 +51,7 @@ const setup_cache_1 = require("../setup-cache");
 const should_use_non_overlaying_logger_1 = require("../should-use-non-overlaying-logger");
 const truthy_1 = require("../truthy");
 const user_passed_output_location_1 = require("../user-passed-output-location");
-const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, videoBitrate, encodingMaxRate, encodingBufferSize, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, forSeamlessAacConcatenation, separateAudioTo, publicPath, metadata, hardwareAcceleration, }) => {
+const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, videoBitrate, encodingMaxRate, encodingBufferSize, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, forSeamlessAacConcatenation, separateAudioTo, publicPath, metadata, hardwareAcceleration, chromeMode, }) => {
     var _a;
     const isVerbose = renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose');
     (0, progress_bar_1.printFact)('verbose')({
@@ -74,6 +74,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         indent,
         logLevel,
         onBrowserDownload,
+        chromeMode,
     });
     const browserInstance = renderer_1.RenderInternals.internalOpenBrowser({
         browser,
@@ -84,6 +85,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         viewport: null,
         logLevel,
         onBrowserDownload,
+        chromeMode,
     });
     let isUsingParallelEncoding = false;
     const updatesDontOverwrite = (0, should_use_non_overlaying_logger_1.shouldUseNonOverlayingLogger)({ logLevel });
@@ -188,6 +190,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         offthreadVideoCacheSizeInBytes,
         binariesDirectory,
         onBrowserDownload,
+        chromeMode,
     });
     const { onArtifact } = (0, on_artifact_1.handleOnArtifact)({
         artifactState,
@@ -330,6 +333,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
             forSeamlessAacConcatenation,
             onBrowserDownload,
             onArtifact,
+            chromeMode,
         });
         log_1.Log.info({ indent, logLevel }, chalk_1.chalk.blue(`▶ ${absoluteOutputFile}`));
         return;
@@ -416,6 +420,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         onArtifact,
         metadata: metadata !== null && metadata !== void 0 ? metadata : null,
         hardwareAcceleration,
+        chromeMode,
     });
     if (!updatesDontOverwrite) {
         updateRenderProgress({ newline: true, printToConsole: true });

package/dist/render-flows/still.d.ts

@@ -1,6 +1,6 @@
-import type { Browser, BrowserExecutable, CancelSignal, ChromiumOptions, LogLevel, StillImageFormat } from '@remotion/renderer';
+import type { Browser, BrowserExecutable, CancelSignal, ChromeMode, ChromiumOptions, LogLevel, StillImageFormat } from '@remotion/renderer';
 import type { JobProgressCallback } from '@remotion/studio-server';
-export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, serializedInputPropsWithCustomSchema, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indent, addCleanupCallback, cancelSignal, outputLocationFromUi, offthreadVideoCacheSizeInBytes, binariesDirectory, publicPath, }: {
+export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, serializedInputPropsWithCustomSchema, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indent, addCleanupCallback, cancelSignal, outputLocationFromUi, offthreadVideoCacheSizeInBytes, binariesDirectory, publicPath, chromeMode, }: {
     remotionRoot: string;
     fullEntryPoint: string;
     entryPointReason: string;
@@ -30,4 +30,5 @@ export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPoin
     offthreadVideoCacheSizeInBytes: number | null;
     binariesDirectory: string | null;
     publicPath: string | null;
+    chromeMode: ChromeMode;
 }) => Promise<void>;

package/dist/render-flows/still.js

@@ -27,7 +27,7 @@ const setup_cache_1 = require("../setup-cache");
 const should_use_non_overlaying_logger_1 = require("../should-use-non-overlaying-logger");
 const truthy_1 = require("../truthy");
 const user_passed_output_location_1 = require("../user-passed-output-location");
-const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, serializedInputPropsWithCustomSchema, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indent, addCleanupCallback, cancelSignal, outputLocationFromUi, offthreadVideoCacheSizeInBytes, binariesDirectory, publicPath, }) => {
+const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, serializedInputPropsWithCustomSchema, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indent, addCleanupCallback, cancelSignal, outputLocationFromUi, offthreadVideoCacheSizeInBytes, binariesDirectory, publicPath, chromeMode, }) => {
     var _a, _b;
     const isVerbose = renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose');
     log_1.Log.verbose({ indent, logLevel }, chalk_1.chalk.gray(`Entry point = ${fullEntryPoint} (${entryPointReason})`));
@@ -59,6 +59,7 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         indent,
         logLevel,
         onBrowserDownload,
+        chromeMode,
     });
     const browserInstance = renderer_1.RenderInternals.internalOpenBrowser({
         browser,
@@ -69,6 +70,7 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         viewport: null,
         logLevel,
         onBrowserDownload,
+        chromeMode,
     });
     const { cleanup: cleanupBundle, urlOrBundle } = await (0, setup_cache_1.bundleOnCliOrTakeServeUrl)({
         fullPath: fullEntryPoint,
@@ -132,6 +134,7 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         offthreadVideoCacheSizeInBytes,
         binariesDirectory,
         onBrowserDownload,
+        chromeMode,
     });
     const { format: imageFormat, source } = (0, determine_image_format_1.determineFinalStillImageFormat)({
         cliFlag: (_a = parsed_cli_1.parsedCli['image-format']) !== null && _a !== void 0 ? _a : null,
@@ -240,6 +243,7 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         binariesDirectory,
         onBrowserDownload,
         onArtifact,
+        chromeMode,
     });
     aggregate.rendering = {
         frames: 1,

package/dist/render-queue/process-still.js

@@ -51,6 +51,7 @@ const processStill = async ({ job, remotionRoot, entryPoint, onProgress, addClea
         offthreadVideoCacheSizeInBytes: job.offthreadVideoCacheSizeInBytes,
         binariesDirectory: job.binariesDirectory,
         publicPath: null,
+        chromeMode: job.chromeMode,
     });
 };
 exports.processStill = processStill;

package/dist/render-queue/process-video.js

@@ -77,6 +77,7 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
         publicPath: null,
         metadata: job.metadata,
         hardwareAcceleration: job.type === 'video' ? job.hardwareAcceleration : 'disable',
+        chromeMode: job.chromeMode,
     });
 };
 exports.processVideoJob = processVideoJob;

package/dist/render.js

@@ -11,7 +11,7 @@ const get_cli_options_1 = require("./get-cli-options");
 const log_1 = require("./log");
 const parsed_cli_1 = require("./parsed-cli");
 const render_1 = require("./render-flows/render");
-const { x264Option, audioBitrateOption, offthreadVideoCacheSizeInBytesOption, scaleOption, crfOption, jpegQualityOption, videoBitrateOption, enforceAudioOption, mutedOption, colorSpaceOption, enableMultiprocessOnLinuxOption, glOption, numberOfGifLoopsOption, encodingMaxRateOption, encodingBufferSizeOption, reproOption, delayRenderTimeoutInMillisecondsOption, headlessOption, overwriteOption, binariesDirectoryOption, forSeamlessAacConcatenationOption, separateAudioOption, audioCodecOption, publicPathOption, publicDirOption, metadataOption, hardwareAccelerationOption, } = client_1.BrowserSafeApis.options;
+const { x264Option, audioBitrateOption, offthreadVideoCacheSizeInBytesOption, scaleOption, crfOption, jpegQualityOption, videoBitrateOption, enforceAudioOption, mutedOption, colorSpaceOption, enableMultiprocessOnLinuxOption, glOption, numberOfGifLoopsOption, encodingMaxRateOption, encodingBufferSizeOption, reproOption, delayRenderTimeoutInMillisecondsOption, headlessOption, overwriteOption, binariesDirectoryOption, forSeamlessAacConcatenationOption, separateAudioOption, audioCodecOption, publicPathOption, publicDirOption, metadataOption, hardwareAccelerationOption, chromeModeOption, } = client_1.BrowserSafeApis.options;
 const render = async (remotionRoot, args, logLevel) => {
     const { file, remainingArgs, reason: entryPointReason, } = (0, entry_point_1.findEntryPoint)({ args, remotionRoot, logLevel, allowDirectory: true });
     if (!file) {
@@ -88,6 +88,7 @@ const render = async (remotionRoot, args, logLevel) => {
     }).value;
     const metadata = metadataOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
     const publicPath = publicPathOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
+    const chromeMode = chromeModeOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
     const chromiumOptions = {
         disableWebSecurity,
         enableMultiProcessOnLinux,
@@ -162,6 +163,7 @@ const render = async (remotionRoot, args, logLevel) => {
         publicPath,
         metadata,
         hardwareAcceleration,
+        chromeMode,
     });
 };
 exports.render = render;

package/dist/still.js

@@ -11,7 +11,7 @@ const get_cli_options_1 = require("./get-cli-options");
 const log_1 = require("./log");
 const parsed_cli_1 = require("./parsed-cli");
 const still_1 = require("./render-flows/still");
-const { offthreadVideoCacheSizeInBytesOption, scaleOption, jpegQualityOption, enableMultiprocessOnLinuxOption, glOption, delayRenderTimeoutInMillisecondsOption, headlessOption, overwriteOption, binariesDirectoryOption, publicPathOption, publicDirOption, } = client_1.BrowserSafeApis.options;
+const { offthreadVideoCacheSizeInBytesOption, scaleOption, jpegQualityOption, enableMultiprocessOnLinuxOption, glOption, delayRenderTimeoutInMillisecondsOption, headlessOption, overwriteOption, binariesDirectoryOption, publicPathOption, publicDirOption, chromeModeOption, } = client_1.BrowserSafeApis.options;
 const still = async (remotionRoot, args, logLevel) => {
     const { file, remainingArgs, reason: entryPointReason, } = (0, entry_point_1.findEntryPoint)({ args, remotionRoot, logLevel, allowDirectory: true });
     if (!file) {
@@ -59,6 +59,9 @@ const still = async (remotionRoot, args, logLevel) => {
     const publicDir = publicDirOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
+    const chromeMode = chromeModeOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
     const chromiumOptions = {
         disableWebSecurity,
         enableMultiProcessOnLinux,
@@ -103,6 +106,7 @@ const still = async (remotionRoot, args, logLevel) => {
         offthreadVideoCacheSizeInBytes,
         binariesDirectory,
         publicPath,
+        chromeMode,
     });
 };
 exports.still = still;

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/cli"
   },
   "name": "@remotion/cli",
-  "version": "4.0.246",
+  "version": "4.0.247",
   "description": "Control Remotion features using the `npx remotion` command",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -33,14 +33,14 @@
     "dotenv": "9.0.2",
     "minimist": "1.2.6",
     "prompts": "2.4.2",
-    "@remotion/bundler": "4.0.246",
-    "@remotion/media-utils": "4.0.246",
-    "@remotion/renderer": "4.0.246",
-    "@remotion/studio-shared": "4.0.246",
-    "@remotion/studio-server": "4.0.246",
-    "@remotion/player": "4.0.246",
-    "@remotion/studio": "4.0.246",
-    "remotion": "4.0.246"
+    "@remotion/bundler": "4.0.247",
+    "@remotion/studio-server": "4.0.247",
+    "@remotion/studio": "4.0.247",
+    "@remotion/player": "4.0.247",
+    "remotion": "4.0.247",
+    "@remotion/renderer": "4.0.247",
+    "@remotion/studio-shared": "4.0.247",
+    "@remotion/media-utils": "4.0.247"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -54,11 +54,11 @@
     "react-dom": "19.0.0",
     "zod": "3.22.3",
     "eslint": "9.14.0",
-    "@remotion/zod-types": "4.0.246",
-    "@remotion/tailwind": "4.0.246",
-    "@remotion/skia": "4.0.246",
-    "@remotion/eslint-config-internal": "4.0.246",
-    "@remotion/enable-scss": "4.0.246"
+    "@remotion/zod-types": "4.0.247",
+    "@remotion/tailwind": "4.0.247",
+    "@remotion/skia": "4.0.247",
+    "@remotion/eslint-config-internal": "4.0.247",
+    "@remotion/enable-scss": "4.0.247"
   },
   "keywords": [
     "remotion",