@remotion/cli 4.0.51 → 4.0.53

package/dist/benchmark.js

@@ -84,7 +84,7 @@ const makeBenchmarkProgressBar = ({ totalRuns, run, progress, doneIn, }) => {
     ].join(' ');
 };
 const benchmarkCommand = async (remotionRoot, args) => {
-    var _a, _b;
+    var _a, _b, _c;
     const runs = (_a = parse_command_line_1.parsedCli.runs) !== null && _a !== void 0 ? _a : DEFAULT_RUNS;
     const { file, reason, remainingArgs } = (0, entry_point_1.findEntryPoint)(args, remotionRoot);
     if (!file) {
@@ -165,14 +165,15 @@ const benchmarkCommand = async (remotionRoot, args) => {
     }
     const benchmark = {};
     let count = 1;
-    const { codec, reason: codecReason } = (0, get_final_output_codec_1.getFinalOutputCodec)({
-        cliFlag: parse_command_line_1.parsedCli.codec,
-        downloadName: null,
-        outName: null,
-        configFile: (_b = config_1.ConfigInternals.getOutputCodecOrUndefined()) !== null && _b !== void 0 ? _b : null,
-        uiCodec: null,
-    });
     for (const composition of compositions) {
+        const { codec, reason: codecReason } = (0, get_final_output_codec_1.getFinalOutputCodec)({
+            cliFlag: parse_command_line_1.parsedCli.codec,
+            downloadName: null,
+            outName: null,
+            configFile: (_b = config_1.ConfigInternals.getOutputCodecOrUndefined()) !== null && _b !== void 0 ? _b : null,
+            uiCodec: null,
+            compositionCodec: (_c = composition.defaultCodec) !== null && _c !== void 0 ? _c : null,
+        });
         const concurrency = getValidConcurrency(unparsedConcurrency);
         benchmark[composition.id] = {};
         for (const con of concurrency) {

package/dist/config/index.d.ts

@@ -296,7 +296,7 @@ export declare const ConfigInternals: {
     getBrowser: () => null;
     getPixelFormat: () => "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     getProResProfile: () => "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
-    getPresetProfile: () => "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
+    getPresetProfile: () => "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
     getShouldOverwrite: ({ defaultValue, }: {
         defaultValue: boolean;
     }) => boolean;

package/dist/editor/components/Modals.js

@@ -16,7 +16,7 @@ const UpdateModal_1 = require("./UpdateModal/UpdateModal");
 const Modals = () => {
     const { selectedModal: modalContextType } = (0, react_1.useContext)(modals_1.ModalsContext);
     const canRender = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx).type === 'connected';
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [modalContextType && modalContextType.type === 'new-comp' && ((0, jsx_runtime_1.jsx)(NewComposition_1.default, { initialCompType: modalContextType.compType })), modalContextType && canRender && modalContextType.type === 'render' && ((0, jsx_runtime_1.jsx)(RenderModal_1.RenderModalWithLoader, { initialFrame: modalContextType.initialFrame, compositionId: modalContextType.compositionId, initialVideoImageFormat: modalContextType.initialVideoImageFormat, initialJpegQuality: modalContextType.initialJpegQuality, initialOutName: modalContextType.initialOutName, initialScale: modalContextType.initialScale, initialVerbose: modalContextType.initialVerbose, initialRenderType: modalContextType.initialRenderType, initialOffthreadVideoCacheSizeInBytes: modalContextType.initialOffthreadVideoCacheSizeInBytes, initialVideoCodecForAudioTab: modalContextType.initialVideoCodecForAudioTab, initialVideoCodecForVideoTab: modalContextType.initialVideoCodecForVideoTab, initialConcurrency: modalContextType.initialConcurrency, maxConcurrency: modalContextType.maxConcurrency, minConcurrency: modalContextType.minConcurrency, initialStillImageFormat: modalContextType.initialStillImageFormat, initialMuted: modalContextType.initialMuted, initialEnforceAudioTrack: modalContextType.initialEnforceAudioTrack, initialProResProfile: modalContextType.initialProResProfile, initialx264Preset: modalContextType.initialx264Preset, initialPixelFormat: modalContextType.initialPixelFormat, initialAudioBitrate: modalContextType.initialAudioBitrate, initialVideoBitrate: modalContextType.initialVideoBitrate, initialEveryNthFrame: modalContextType.initialEveryNthFrame, initialNumberOfGifLoops: modalContextType.initialNumberOfGifLoops, initialDelayRenderTimeout: modalContextType.initialDelayRenderTimeout, initialAudioCodec: modalContextType.initialAudioCodec, initialEnvVariables: modalContextType.initialEnvVariables, initialDisableWebSecurity: modalContextType.initialDisableWebSecurity, initialGl: modalContextType.initialOpenGlRenderer, initialHeadless: modalContextType.initialHeadless, initialIgnoreCertificateErrors: modalContextType.initialIgnoreCertificateErrors, defaultProps: modalContextType.defaultProps, inFrameMark: modalContextType.inFrameMark, outFrameMark: modalContextType.outFrameMark, initialColorSpace: modalContextType.initialColorSpace, initialMultiProcessOnLinux: modalContextType.initialMultiProcessOnLinux })), modalContextType &&
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [modalContextType && modalContextType.type === 'new-comp' && ((0, jsx_runtime_1.jsx)(NewComposition_1.default, { initialCompType: modalContextType.compType })), modalContextType && canRender && modalContextType.type === 'render' && ((0, jsx_runtime_1.jsx)(RenderModal_1.RenderModalWithLoader, { initialFrame: modalContextType.initialFrame, compositionId: modalContextType.compositionId, initialVideoImageFormat: modalContextType.initialVideoImageFormat, initialJpegQuality: modalContextType.initialJpegQuality, initialScale: modalContextType.initialScale, initialVerbose: modalContextType.initialVerbose, initialOffthreadVideoCacheSizeInBytes: modalContextType.initialOffthreadVideoCacheSizeInBytes, initialConcurrency: modalContextType.initialConcurrency, maxConcurrency: modalContextType.maxConcurrency, minConcurrency: modalContextType.minConcurrency, initialStillImageFormat: modalContextType.initialStillImageFormat, initialMuted: modalContextType.initialMuted, initialEnforceAudioTrack: modalContextType.initialEnforceAudioTrack, initialProResProfile: modalContextType.initialProResProfile, initialx264Preset: modalContextType.initialx264Preset, initialPixelFormat: modalContextType.initialPixelFormat, initialAudioBitrate: modalContextType.initialAudioBitrate, initialVideoBitrate: modalContextType.initialVideoBitrate, initialEveryNthFrame: modalContextType.initialEveryNthFrame, initialNumberOfGifLoops: modalContextType.initialNumberOfGifLoops, initialDelayRenderTimeout: modalContextType.initialDelayRenderTimeout, initialEnvVariables: modalContextType.initialEnvVariables, initialDisableWebSecurity: modalContextType.initialDisableWebSecurity, initialGl: modalContextType.initialOpenGlRenderer, initialHeadless: modalContextType.initialHeadless, initialIgnoreCertificateErrors: modalContextType.initialIgnoreCertificateErrors, defaultProps: modalContextType.defaultProps, inFrameMark: modalContextType.inFrameMark, outFrameMark: modalContextType.outFrameMark, initialColorSpace: modalContextType.initialColorSpace, initialMultiProcessOnLinux: modalContextType.initialMultiProcessOnLinux, defaultConfigurationAudioCodec: modalContextType.defaultConfigurationAudioCodec, defaultConfigurationVideoCodec: modalContextType.defaultConfigurationVideoCodec })), modalContextType &&
                 canRender &&
                 modalContextType.type === 'render-progress' && ((0, jsx_runtime_1.jsx)(RenderStatusModal_1.RenderStatusModal, { jobId: modalContextType.jobId })), modalContextType && modalContextType.type === 'update' && ((0, jsx_runtime_1.jsx)(UpdateModal_1.UpdateModal, { info: modalContextType.info, knownBugs: modalContextType.knownBugs })), modalContextType && modalContextType.type === 'quick-switcher' && ((0, jsx_runtime_1.jsx)(QuickSwitcher_1.default, { invocationTimestamp: modalContextType.invocationTimestamp, initialMode: modalContextType.mode }))] }));
 };

package/dist/editor/components/NewComposition/RemInput.d.ts

@@ -13,5 +13,5 @@ export declare const getInputBorderColor: ({ status, isFocused, isHovered, }: {
     isFocused: boolean;
     isHovered: boolean;
 }) => "hsla(0, 0%, 100%, 0.15)" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)" | "#ff3232" | "#f1c40f";
-export declare const RemotionInput: React.ForwardRefExoticComponent<Pick<Props, "status" | "key" | "rightAlign" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
+export declare const RemotionInput: React.ForwardRefExoticComponent<Pick<Props, "status" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "rightAlign"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/editor/components/RenderButton.js

@@ -2,12 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RenderButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const client_1 = require("@remotion/renderer/client");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
-const get_default_out_name_1 = require("../../get-default-out-name");
 const Button_1 = require("../../preview-server/error-overlay/remotion-overlay/Button");
-const get_default_video_contexts_1 = require("../../preview-server/render-queue/get-default-video-contexts");
 const client_id_1 = require("../helpers/client-id");
 const use_keybinding_1 = require("../helpers/use-keybinding");
 const render_1 = require("../icons/render");
@@ -48,34 +45,19 @@ const RenderButton = () => {
         if (!video) {
             return null;
         }
-        const isVideo = video.durationInFrames > 1;
         const defaults = window.remotion_renderDefaults;
         if (!defaults) {
             throw new TypeError('Expected defaults');
         }
-        const { initialAudioCodec, initialRenderType, initialVideoCodec } = (0, get_default_video_contexts_1.getDefaultCodecs)({
-            defaultCodec: defaults.codec,
-            renderType: isVideo ? 'video' : 'still',
-        });
         setSelectedModal({
             type: 'render',
             compositionId: video.id,
             initialFrame: frame,
             initialStillImageFormat: defaults.stillImageFormat,
             initialVideoImageFormat: defaults.videoImageFormat,
-            initialOutName: (0, get_default_out_name_1.getDefaultOutLocation)({
-                compositionName: video.id,
-                defaultExtension: isVideo
-                    ? client_1.BrowserSafeApis.getFileExtensionFromCodec(initialVideoCodec, defaults.audioCodec)
-                    : defaults.stillImageFormat,
-                type: 'asset',
-            }),
             initialJpegQuality: defaults.jpegQuality,
             initialScale: (_b = (_a = window.remotion_renderDefaults) === null || _a === void 0 ? void 0 : _a.scale) !== null && _b !== void 0 ? _b : 1,
             initialVerbose: defaults.logLevel === 'verbose',
-            initialVideoCodecForAudioTab: initialAudioCodec,
-            initialRenderType,
-            initialVideoCodecForVideoTab: initialVideoCodec,
             initialConcurrency: defaults.concurrency,
             maxConcurrency: defaults.maxConcurrency,
             minConcurrency: defaults.minConcurrency,
@@ -89,7 +71,7 @@ const RenderButton = () => {
             initialEveryNthFrame: defaults.everyNthFrame,
             initialNumberOfGifLoops: defaults.numberOfGifLoops,
             initialDelayRenderTimeout: defaults.delayRenderTimeout,
-            initialAudioCodec: defaults.audioCodec,
+            defaultConfigurationAudioCodec: defaults.audioCodec,
             initialEnvVariables: window.process.env,
             initialDisableWebSecurity: defaults.disableWebSecurity,
             initialOpenGlRenderer: defaults.openGlRenderer,
@@ -101,6 +83,7 @@ const RenderButton = () => {
             outFrameMark: outFrame,
             initialColorSpace: defaults.colorSpace,
             initialMultiProcessOnLinux: defaults.multiProcessOnLinux,
+            defaultConfigurationVideoCodec: defaults.codec,
         });
     }, [video, setSelectedModal, frame, props, inFrame, outFrame]);
     if (!video) {

package/dist/editor/components/RenderModal/RenderModal.d.ts

@@ -1,6 +1,5 @@
 import type { AudioCodec, Codec, ColorSpace, OpenGlRenderer, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
 import React from 'react';
-import type { RenderType } from './RenderModalAdvanced';
 type RenderModalProps = {
     compositionId: string;
     initialFrame: number;
@@ -9,11 +8,6 @@ type RenderModalProps = {
     initialJpegQuality: number;
     initialScale: number;
     initialVerbose: boolean;
-    initialOutName: string;
-    initialRenderType: RenderType;
-    initialVideoCodecForAudioTab: Codec;
-    initialVideoCodecForVideoTab: Codec;
-    initialAudioCodec: AudioCodec | null;
     initialConcurrency: number;
     minConcurrency: number;
     maxConcurrency: number;
@@ -38,6 +32,8 @@ type RenderModalProps = {
     inFrameMark: number | null;
     outFrameMark: number | null;
     initialMultiProcessOnLinux: boolean;
+    defaultConfigurationVideoCodec: Codec | null;
+    defaultConfigurationAudioCodec: AudioCodec | null;
 };
 export declare const RenderModalWithLoader: React.FC<RenderModalProps>;
 export {};

package/dist/editor/components/RenderModal/RenderModal.js

@@ -16,6 +16,8 @@ const file_1 = require("../../icons/file");
 const frame_1 = require("../../icons/frame");
 const gear_1 = require("../../icons/gear");
 const gif_1 = require("../../icons/gif");
+const get_default_out_name_1 = require("../../../get-default-out-name");
+const get_default_video_contexts_1 = require("../../../preview-server/render-queue/get-default-video-contexts");
 const colors_1 = require("../../helpers/colors");
 const modals_1 = require("../../state/modals");
 const sidebar_1 = require("../../state/sidebar");
@@ -114,8 +116,21 @@ const outer = {
     display: 'flex',
     flexDirection: 'column',
 };
-const RenderModal = ({ initialFrame, initialVideoImageFormat, initialStillImageFormat, initialJpegQuality, initialScale, initialVerbose, initialOutName, initialRenderType, initialVideoCodecForAudioTab, initialVideoCodecForVideoTab, initialConcurrency, maxConcurrency, minConcurrency, initialMuted, initialEnforceAudioTrack, initialProResProfile, initialx264Preset, initialPixelFormat, initialVideoBitrate, initialAudioBitrate, initialEveryNthFrame, initialNumberOfGifLoops, initialDelayRenderTimeout, initialOffthreadVideoCacheSizeInBytes, initialAudioCodec, initialEnvVariables, initialDisableWebSecurity, initialGl, initialHeadless, initialIgnoreCertificateErrors, defaultProps, inFrameMark, outFrameMark, onClose, resolvedComposition, unresolvedComposition, initialColorSpace, initialMultiProcessOnLinux, }) => {
+const RenderModal = ({ initialFrame, initialVideoImageFormat, initialStillImageFormat, initialJpegQuality, initialScale, initialVerbose, initialConcurrency, maxConcurrency, minConcurrency, initialMuted, initialEnforceAudioTrack, initialProResProfile, initialx264Preset, initialPixelFormat, initialVideoBitrate, initialAudioBitrate, initialEveryNthFrame, initialNumberOfGifLoops, initialDelayRenderTimeout, initialOffthreadVideoCacheSizeInBytes, initialEnvVariables, initialDisableWebSecurity, initialGl, initialHeadless, initialIgnoreCertificateErrors, defaultProps, inFrameMark, outFrameMark, onClose, resolvedComposition, unresolvedComposition, initialColorSpace, initialMultiProcessOnLinux, defaultConfigurationAudioCodec, defaultConfigurationVideoCodec, }) => {
     const isMounted = (0, react_1.useRef)(true);
+    const [isVideo] = (0, react_1.useState)(() => {
+        return typeof resolvedComposition.durationInFrames === 'undefined'
+            ? true
+            : resolvedComposition.durationInFrames > 1;
+    });
+    const [{ initialAudioCodec, initialRenderType, initialVideoCodec, initialVideoCodecForAudioTab, initialVideoCodecForVideoTab, },] = (0, react_1.useState)(() => {
+        return (0, get_default_video_contexts_1.getDefaultCodecs)({
+            defaultConfigurationVideoCodec,
+            compositionDefaultVideoCodec: resolvedComposition.defaultCodec,
+            defaultConfigurationAudioCodec,
+            renderType: isVideo ? 'video' : 'still',
+        });
+    });
     const [state, dispatch] = (0, react_1.useReducer)(reducer, initialState);
     const [unclampedFrame, setFrame] = (0, react_1.useState)(() => initialFrame);
     const [saving, setSaving] = (0, react_1.useState)(false);
@@ -126,6 +141,15 @@ const RenderModal = ({ initialFrame, initialVideoImageFormat, initialStillImageF
     const [videoCodecForVideoTab, setVideoCodecForVideoTab] = (0, react_1.useState)(() => initialVideoCodecForVideoTab);
     const [userSelectedAudioCodec, setUserSelectedAudioCodec] = (0, react_1.useState)(() => initialAudioCodec);
     const [envVariables, setEnvVariables] = (0, react_1.useState)(() => (0, convert_env_variables_1.envVariablesObjectToArray)(initialEnvVariables).filter(([key]) => key !== 'NODE_ENV'));
+    const [initialOutName] = (0, react_1.useState)(() => {
+        return (0, get_default_out_name_1.getDefaultOutLocation)({
+            compositionName: resolvedComposition.id,
+            defaultExtension: isVideo
+                ? client_1.BrowserSafeApis.getFileExtensionFromCodec(initialVideoCodec, initialAudioCodec)
+                : initialStillImageFormat,
+            type: 'asset',
+        });
+    });
     const [videoCodecForAudioTab, setVideoCodecForAudioTab] = (0, react_1.useState)(() => initialVideoCodecForAudioTab);
     const [mutedState, setMuted] = (0, react_1.useState)(() => initialMuted);
     const [enforceAudioTrackState, setEnforceAudioTrackState] = (0, react_1.useState)(() => initialEnforceAudioTrack);

package/dist/editor/components/SidebarRenderButton.js

@@ -2,11 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SidebarRenderButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const client_1 = require("@remotion/renderer/client");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
-const get_default_out_name_1 = require("../../get-default-out-name");
-const get_default_video_contexts_1 = require("../../preview-server/render-queue/get-default-video-contexts");
 const client_id_1 = require("../helpers/client-id");
 const render_1 = require("../icons/render");
 const modals_1 = require("../state/modals");
@@ -22,9 +19,6 @@ const SidebarRenderButton = ({ composition, visible }) => {
     }, []);
     const connectionStatus = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx).type;
     const { props } = (0, react_1.useContext)(remotion_1.Internals.EditorPropsContext);
-    const isVideo = typeof composition.durationInFrames === 'undefined'
-        ? true
-        : composition.durationInFrames > 1;
     const onClick = (0, react_1.useCallback)((e) => {
         var _a;
         const defaults = window.remotion_renderDefaults;
@@ -32,10 +26,6 @@ const SidebarRenderButton = ({ composition, visible }) => {
             throw new Error('expected defaults');
         }
         e.stopPropagation();
-        const { initialAudioCodec, initialRenderType, initialVideoCodec } = (0, get_default_video_contexts_1.getDefaultCodecs)({
-            defaultCodec: defaults.codec,
-            renderType: isVideo ? 'video' : 'still',
-        });
         setSelectedModal({
             type: 'render',
             compositionId: composition.id,
@@ -45,16 +35,6 @@ const SidebarRenderButton = ({ composition, visible }) => {
             initialJpegQuality: defaults.jpegQuality,
             initialScale: defaults.scale,
             initialVerbose: defaults.logLevel === 'verbose',
-            initialOutName: (0, get_default_out_name_1.getDefaultOutLocation)({
-                compositionName: composition.id,
-                defaultExtension: isVideo
-                    ? client_1.BrowserSafeApis.getFileExtensionFromCodec(initialVideoCodec, defaults.audioCodec)
-                    : defaults.stillImageFormat,
-                type: 'asset',
-            }),
-            initialVideoCodecForAudioTab: initialAudioCodec,
-            initialRenderType,
-            initialVideoCodecForVideoTab: initialVideoCodec,
             initialConcurrency: defaults.concurrency,
             maxConcurrency: defaults.maxConcurrency,
             minConcurrency: defaults.minConcurrency,
@@ -68,7 +48,7 @@ const SidebarRenderButton = ({ composition, visible }) => {
             initialEveryNthFrame: defaults.everyNthFrame,
             initialNumberOfGifLoops: defaults.numberOfGifLoops,
             initialDelayRenderTimeout: defaults.delayRenderTimeout,
-            initialAudioCodec: defaults.audioCodec,
+            defaultConfigurationAudioCodec: defaults.audioCodec,
             initialEnvVariables: window.process.env,
             initialDisableWebSecurity: defaults.disableWebSecurity,
             initialOpenGlRenderer: defaults.openGlRenderer,
@@ -80,14 +60,9 @@ const SidebarRenderButton = ({ composition, visible }) => {
             outFrameMark: null,
             initialColorSpace: defaults.colorSpace,
             initialMultiProcessOnLinux: defaults.multiProcessOnLinux,
+            defaultConfigurationVideoCodec: defaults.codec,
         });
-    }, [
-        composition.defaultProps,
-        composition.id,
-        isVideo,
-        props,
-        setSelectedModal,
-    ]);
+    }, [composition.defaultProps, composition.id, props, setSelectedModal]);
     const renderAction = (0, react_1.useCallback)((color) => {
         return (0, jsx_runtime_1.jsx)(render_1.ThinRenderIcon, { fill: color, svgProps: iconStyle });
     }, [iconStyle]);

package/dist/editor/helpers/presets-labels.d.ts

@@ -1,2 +1,2 @@
 import type { X264Preset } from '@remotion/renderer';
-export declare const labelx264Preset: (profile: X264Preset) => "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
+export declare const labelx264Preset: (profile: X264Preset) => "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";

package/dist/editor/state/modals.d.ts

@@ -1,7 +1,6 @@
 import type { AudioCodec, Codec, ColorSpace, OpenGlRenderer, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
 import type React from 'react';
 import type { QuickSwitcherMode } from '../components/QuickSwitcher/NoResults';
-import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
 import type { Bug, UpdateInfo } from '../components/UpdateCheck';
 export type CompType = 'composition' | 'still';
 export type RenderModalState = {
@@ -11,13 +10,8 @@ export type RenderModalState = {
     initialStillImageFormat: StillImageFormat;
     initialVideoImageFormat: VideoImageFormat;
     initialJpegQuality: number;
-    initialOutName: string;
     initialScale: number;
     initialVerbose: boolean;
-    initialRenderType: RenderType;
-    initialVideoCodecForAudioTab: Codec;
-    initialVideoCodecForVideoTab: Codec;
-    initialAudioCodec: AudioCodec | null;
     initialConcurrency: number;
     initialMuted: boolean;
     initialEnforceAudioTrack: boolean;
@@ -42,6 +36,8 @@ export type RenderModalState = {
     defaultProps: Record<string, unknown>;
     inFrameMark: number | null;
     outFrameMark: number | null;
+    defaultConfigurationVideoCodec: Codec;
+    defaultConfigurationAudioCodec: AudioCodec | null;
 };
 export type ModalState = {
     type: 'new-comp';

package/dist/get-cli-options.d.ts

@@ -16,7 +16,7 @@ export declare const getCliOptions: (options: {
     crf: import("@remotion/renderer").Crf | null;
     pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
-    x264Preset: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
+    x264Preset: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
     everyNthFrame: number;
     numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
     stillFrame: number;

package/dist/get-cli-options.js

@@ -48,10 +48,14 @@ const getx264Preset = () => {
     const x264Preset = config_1.ConfigInternals.getPresetProfile();
     return x264Preset;
 };
-const getAndValidateBrowser = async (browserExecutable) => {
+const getAndValidateBrowser = async ({ browserExecutable, indent, logLevel, }) => {
     const browser = getBrowser();
     try {
-        await renderer_1.RenderInternals.ensureLocalBrowser(browserExecutable);
+        await renderer_1.RenderInternals.ensureLocalBrowser({
+            preferredBrowserExecutable: browserExecutable,
+            indent,
+            logLevel,
+        });
     }
     catch (err) {
         log_1.Log.error('Could not download a browser for rendering frames.');
@@ -97,6 +101,7 @@ const getCliOptions = async (options) => {
         setting: 'concurrency',
         checkIfValidForCurrentMachine: false,
     });
+    const logLevel = config_1.ConfigInternals.Logging.getLogLevel();
     return {
         puppeteerTimeout: config_1.ConfigInternals.getCurrentPuppeteerTimeout(),
         concurrency,
@@ -105,7 +110,11 @@ const getCliOptions = async (options) => {
         inputProps: (0, get_input_props_1.getInputProps)(null),
         envVariables: await (0, get_env_1.getEnvironmentVariables)(null),
         jpegQuality: config_1.ConfigInternals.getJpegQuality(),
-        browser: await getAndValidateBrowser(browserExecutable),
+        browser: await getAndValidateBrowser({
+            browserExecutable,
+            indent: false,
+            logLevel,
+        }),
         crf,
         pixelFormat,
         proResProfile,

package/dist/get-final-output-codec.d.ts

@@ -1,10 +1,11 @@
 import type { Codec, CodecOrUndefined } from '@remotion/renderer';
-export declare const getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, uiCodec, }: {
+export declare const getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, uiCodec, compositionCodec, }: {
     cliFlag: CodecOrUndefined;
     outName: string | null;
     downloadName: string | null;
     configFile: Codec | null;
     uiCodec: Codec | null;
+    compositionCodec: Codec | null;
 }) => {
     codec: Codec;
     reason: string;

package/dist/get-final-output-codec.js

@@ -12,7 +12,7 @@ const deriveCodecsFromFilename = (extension) => {
         possible: (_b = renderer_1.RenderInternals.makeFileExtensionMap()[extension]) !== null && _b !== void 0 ? _b : [],
     };
 };
-const getFinalOutputCodec = ({ cliFlag, configFile, downloadName, outName, uiCodec, }) => {
+const getFinalOutputCodec = ({ cliFlag, configFile, downloadName, outName, uiCodec, compositionCodec, }) => {
     if (uiCodec) {
         return { codec: uiCodec, reason: 'via UI' };
     }
@@ -49,6 +49,9 @@ const getFinalOutputCodec = ({ cliFlag, configFile, downloadName, outName, uiCod
             reason: 'derived from out name',
         };
     }
+    if (compositionCodec) {
+        return { codec: compositionCodec, reason: 'via calculateMetadata' };
+    }
     if (configFile) {
         return {
             codec: configFile,

package/dist/gpu.d.ts

@@ -0,0 +1,2 @@
+export declare const GPU_COMMAND = "gpu";
+export declare const gpuCommand: (remotionRoot: string) => Promise<void>;

package/dist/gpu.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.gpuCommand = exports.GPU_COMMAND = void 0;
+const renderer_1 = require("@remotion/renderer");
+const chalk_1 = require("./chalk");
+const get_cli_options_1 = require("./get-cli-options");
+const log_1 = require("./log");
+exports.GPU_COMMAND = 'gpu';
+const gpuCommand = async (remotionRoot) => {
+    const { browserExecutable, logLevel, chromiumOptions } = await (0, get_cli_options_1.getCliOptions)({
+        isLambda: false,
+        remotionRoot,
+        type: 'get-compositions',
+    });
+    const statuses = await renderer_1.RenderInternals.getChromiumGpuInformation({
+        browserExecutable,
+        indent: false,
+        logLevel,
+        chromiumOptions,
+    });
+    for (const { feature, status } of statuses) {
+        log_1.Log.info(`${feature}: ${colorStatus(status)}`);
+    }
+};
+exports.gpuCommand = gpuCommand;
+const colorStatus = (status) => {
+    if (status === 'Enabled') {
+        return chalk_1.chalk.green(status);
+    }
+    if (status === 'Hardware accelerated') {
+        return chalk_1.chalk.green(status);
+    }
+    if (status === 'Disabled') {
+        return chalk_1.chalk.red(status);
+    }
+    if (status === 'Software only. Hardware acceleration disabled') {
+        return chalk_1.chalk.red(status);
+    }
+    if (status === 'Software only, hardware acceleration unavailable') {
+        return chalk_1.chalk.red(status);
+    }
+    return status;
+};

package/dist/index.d.ts

@@ -101,7 +101,7 @@ export declare const CliInternals: {
         crf: import("@remotion/renderer").Crf | null;
         pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
         proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
-        x264Preset: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
+        x264Preset: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
         everyNthFrame: number;
         numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
         stillFrame: number;
@@ -133,7 +133,7 @@ export declare const CliInternals: {
         "pixel-format": "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
         "image-format": "png" | "jpeg" | "pdf" | "webp" | "none";
         "prores-profile": "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy";
-        "x264-preset": "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
+        "x264-preset": "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";
         "bundle-cache": string;
         "env-file": string;
         "ignore-certificate-errors": string;
@@ -220,12 +220,13 @@ export declare const CliInternals: {
         uiImageFormat: "png" | "jpeg" | "none" | null;
     }) => "png" | "jpeg" | "none";
     printCompositions: (compositions: import("remotion").VideoConfig[]) => void;
-    getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, uiCodec, }: {
+    getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, uiCodec, compositionCodec, }: {
         cliFlag: import("@remotion/renderer").CodecOrUndefined;
         outName: string | null;
         downloadName: string | null;
         configFile: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | null;
         uiCodec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | null;
+        compositionCodec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | null;
     }) => {
         codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
         reason: string;

package/dist/index.js

@@ -35,6 +35,7 @@ const get_cli_options_1 = require("./get-cli-options");
 const get_composition_with_dimension_override_1 = require("./get-composition-with-dimension-override");
 const get_config_file_name_1 = require("./get-config-file-name");
 const get_final_output_codec_1 = require("./get-final-output-codec");
+const gpu_1 = require("./gpu");
 const image_formats_1 = require("./image-formats");
 const initialize_cli_1 = require("./initialize-cli");
 const lambda_command_1 = require("./lambda-command");
@@ -103,6 +104,9 @@ const cli = async () => {
         else if (command === 'ffmpeg') {
             (0, ffmpeg_1.ffmpegCommand)(remotionRoot, process.argv.slice(3));
         }
+        else if (command === 'gpu') {
+            await (0, gpu_1.gpuCommand)(remotionRoot);
+        }
         else if (command === 'ffprobe') {
             (0, ffmpeg_1.ffprobeCommand)(remotionRoot, process.argv.slice(3));
         }

package/dist/list-of-remotion-packages.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.listOfRemotionPackages = void 0;
 // Keep in sync with create-video
 exports.listOfRemotionPackages = [
+    '@remotion/layout-utils',
     '@remotion/bundler',
     '@remotion/cli',
     '@remotion/cloudrun',
@@ -26,5 +27,6 @@ exports.listOfRemotionPackages = [
     '@remotion/shapes',
     '@remotion/zod-types',
     '@remotion/tailwind',
+    '@remotion/transitions',
     'remotion',
 ];

package/dist/make-on-download.d.ts

@@ -1,12 +1,14 @@
 import type { LogLevel, RenderMediaOnDownload } from '@remotion/renderer';
 import type { DownloadProgress } from './progress-types';
-export declare const makeOnDownload: ({ indent, logLevel, updatesDontOverwrite, downloads, updateRenderProgress, }: {
+export declare const makeOnDownload: ({ indent, logLevel, updatesDontOverwrite, downloads, updateRenderProgress, isUsingParallelEncoding, }: {
     indent: boolean;
     logLevel: LogLevel;
     updatesDontOverwrite: boolean;
     downloads: DownloadProgress[];
+    isUsingParallelEncoding: boolean;
     updateRenderProgress: (progress: {
         newline: boolean;
         printToConsole: boolean;
+        isUsingParallelEncoding: boolean;
     }) => void;
 }) => RenderMediaOnDownload;

package/dist/make-on-download.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeOnDownload = void 0;
 const format_bytes_1 = require("./format-bytes");
 const log_1 = require("./log");
-const makeOnDownload = ({ indent, logLevel, updatesDontOverwrite, downloads, updateRenderProgress, }) => {
+const makeOnDownload = ({ indent, logLevel, updatesDontOverwrite, downloads, updateRenderProgress, isUsingParallelEncoding, }) => {
     return (src) => {
         const id = Math.random();
         const download = {
@@ -19,6 +19,7 @@ const makeOnDownload = ({ indent, logLevel, updatesDontOverwrite, downloads, upd
         updateRenderProgress({
             newline: false,
             printToConsole: !updatesDontOverwrite,
+            isUsingParallelEncoding,
         });
         let lastUpdate = Date.now();
         return ({ percent, downloaded, totalSize }) => {
@@ -33,6 +34,7 @@ const makeOnDownload = ({ indent, logLevel, updatesDontOverwrite, downloads, upd
             updateRenderProgress({
                 newline: false,
                 printToConsole: !updatesDontOverwrite,
+                isUsingParallelEncoding,
             });
         };
     };

package/dist/preview-server/dev-middleware/range-parser.d.ts

@@ -11,5 +11,5 @@ type Range = {
 type Ranges = Range[] & {
     type?: string;
 };
-export declare function parseRange(size: number, str: string | string[]): -1 | Ranges | -2;
+export declare function parseRange(size: number, str: string | string[]): -1 | -2 | Ranges;
 export {};

package/dist/preview-server/render-queue/get-default-video-contexts.d.ts

@@ -1,10 +1,14 @@
-import type { Codec } from '@remotion/renderer';
+import type { AudioCodec, Codec } from '@remotion/renderer';
 import type { RenderType } from '../../editor/components/RenderModal/RenderModalAdvanced';
-export declare const getDefaultCodecs: ({ defaultCodec, renderType, }: {
-    defaultCodec: Codec;
+export declare const getDefaultCodecs: ({ defaultConfigurationVideoCodec, compositionDefaultVideoCodec, renderType, defaultConfigurationAudioCodec, }: {
+    defaultConfigurationVideoCodec: Codec | null;
+    defaultConfigurationAudioCodec: AudioCodec | null;
+    compositionDefaultVideoCodec: Codec | null;
     renderType: RenderType;
 }) => {
-    initialAudioCodec: Codec;
+    initialAudioCodec: AudioCodec;
     initialVideoCodec: Codec;
     initialRenderType: RenderType;
+    initialVideoCodecForAudioTab: Codec;
+    initialVideoCodecForVideoTab: Codec;
 };

package/dist/preview-server/render-queue/get-default-video-contexts.js

@@ -2,12 +2,28 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDefaultCodecs = void 0;
 const client_1 = require("@remotion/renderer/client");
-const getDefaultCodecs = ({ defaultCodec, renderType, }) => {
-    const isAudioCodec = client_1.BrowserSafeApis.isAudioCodec(defaultCodec);
+const getDefaultCodecs = ({ defaultConfigurationVideoCodec, compositionDefaultVideoCodec, renderType, defaultConfigurationAudioCodec, }) => {
+    var _a;
+    const userPreferredVideoCodec = (_a = compositionDefaultVideoCodec !== null && compositionDefaultVideoCodec !== void 0 ? compositionDefaultVideoCodec : defaultConfigurationVideoCodec) !== null && _a !== void 0 ? _a : 'h264';
+    const isVideoCodecAnAudioCodec = client_1.BrowserSafeApis.isAudioCodec(userPreferredVideoCodec);
+    if (isVideoCodecAnAudioCodec) {
+        return {
+            initialAudioCodec: userPreferredVideoCodec,
+            initialRenderType: 'audio',
+            initialVideoCodec: userPreferredVideoCodec,
+            initialVideoCodecForAudioTab: userPreferredVideoCodec,
+            initialVideoCodecForVideoTab: client_1.BrowserSafeApis.isAudioCodec(defaultConfigurationVideoCodec)
+                ? 'h264'
+                : defaultConfigurationVideoCodec,
+        };
+    }
+    const suitableAudioCodecForVideoCodec = client_1.BrowserSafeApis.defaultAudioCodecs[userPreferredVideoCodec].compressed;
     return {
-        initialAudioCodec: isAudioCodec ? defaultCodec : 'mp3',
-        initialVideoCodec: isAudioCodec ? 'h264' : defaultCodec,
-        initialRenderType: isAudioCodec ? 'audio' : renderType,
+        initialAudioCodec: defaultConfigurationAudioCodec !== null && defaultConfigurationAudioCodec !== void 0 ? defaultConfigurationAudioCodec : suitableAudioCodecForVideoCodec,
+        initialVideoCodec: userPreferredVideoCodec,
+        initialRenderType: renderType,
+        initialVideoCodecForAudioTab: userPreferredVideoCodec,
+        initialVideoCodecForVideoTab: userPreferredVideoCodec,
     };
 };
 exports.getDefaultCodecs = getDefaultCodecs;

package/dist/preview-server/render-queue/make-retry-payload.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeRetryPayload = void 0;
 const remotion_1 = require("remotion");
-const get_default_video_contexts_1 = require("./get-default-video-contexts");
 const makeRetryPayload = (job) => {
     var _a, _b, _c, _d, _e;
     const defaults = window.remotion_renderDefaults;
@@ -10,10 +9,6 @@ const makeRetryPayload = (job) => {
         throw new Error('defaults not set');
     }
     if (job.type === 'still') {
-        const { initialAudioCodec, initialRenderType, initialVideoCodec } = (0, get_default_video_contexts_1.getDefaultCodecs)({
-            defaultCodec: defaults.codec,
-            renderType: 'still',
-        });
         return {
             type: 'render',
             compositionId: job.compositionId,
@@ -21,12 +16,8 @@ const makeRetryPayload = (job) => {
             initialStillImageFormat: job.imageFormat,
             initialVideoImageFormat: defaults.videoImageFormat,
             initialJpegQuality: (_a = job.jpegQuality) !== null && _a !== void 0 ? _a : defaults.jpegQuality,
-            initialOutName: job.outName,
             initialScale: job.scale,
             initialVerbose: job.verbose,
-            initialVideoCodecForAudioTab: initialAudioCodec,
-            initialRenderType,
-            initialVideoCodecForVideoTab: initialVideoCodec,
             initialConcurrency: defaults.concurrency,
             maxConcurrency: defaults.maxConcurrency,
             minConcurrency: defaults.minConcurrency,
@@ -40,7 +31,7 @@ const makeRetryPayload = (job) => {
             initialEveryNthFrame: defaults.everyNthFrame,
             initialNumberOfGifLoops: defaults.numberOfGifLoops,
             initialDelayRenderTimeout: job.delayRenderTimeout,
-            initialAudioCodec: defaults.audioCodec,
+            defaultConfigurationAudioCodec: defaults.audioCodec,
             initialEnvVariables: job.envVariables,
             initialDisableWebSecurity: job.chromiumOptions.disableWebSecurity,
             initialOpenGlRenderer: job.chromiumOptions.gl,
@@ -52,25 +43,18 @@ const makeRetryPayload = (job) => {
             initialOffthreadVideoCacheSizeInBytes: job.offthreadVideoCacheSizeInBytes,
             initialColorSpace: defaults.colorSpace,
             initialMultiProcessOnLinux: job.multiProcessOnLinux,
+            defaultConfigurationVideoCodec: defaults.codec,
         };
     }
     if (job.type === 'sequence') {
-        const { initialAudioCodec, initialRenderType, initialVideoCodec } = (0, get_default_video_contexts_1.getDefaultCodecs)({
-            defaultCodec: defaults.codec,
-            renderType: 'sequence',
-        });
         return {
             type: 'render',
             initialFrame: 0,
             compositionId: job.compositionId,
             initialVideoImageFormat: defaults.videoImageFormat,
             initialJpegQuality: (_b = job.jpegQuality) !== null && _b !== void 0 ? _b : defaults.jpegQuality,
-            initialOutName: job.outName,
             initialScale: job.scale,
             initialVerbose: job.verbose,
-            initialVideoCodecForAudioTab: initialAudioCodec,
-            initialRenderType,
-            initialVideoCodecForVideoTab: initialVideoCodec,
             initialConcurrency: defaults.concurrency,
             maxConcurrency: defaults.maxConcurrency,
             minConcurrency: defaults.minConcurrency,
@@ -84,7 +68,6 @@ const makeRetryPayload = (job) => {
             initialEveryNthFrame: defaults.everyNthFrame,
             initialNumberOfGifLoops: defaults.numberOfGifLoops,
             initialDelayRenderTimeout: job.delayRenderTimeout,
-            initialAudioCodec: defaults.audioCodec,
             initialEnvVariables: job.envVariables,
             initialDisableWebSecurity: job.chromiumOptions.disableWebSecurity,
             initialOpenGlRenderer: job.chromiumOptions.gl,
@@ -97,20 +80,17 @@ const makeRetryPayload = (job) => {
             initialOffthreadVideoCacheSizeInBytes: job.offthreadVideoCacheSizeInBytes,
             initialColorSpace: defaults.colorSpace,
             initialMultiProcessOnLinux: job.multiProcessOnLinux,
+            defaultConfigurationVideoCodec: defaults.codec,
+            defaultConfigurationAudioCodec: defaults.audioCodec,
         };
     }
     if (job.type === 'video') {
-        const { initialAudioCodec, initialRenderType, initialVideoCodec } = (0, get_default_video_contexts_1.getDefaultCodecs)({
-            defaultCodec: job.codec,
-            renderType: 'video',
-        });
         return {
             type: 'render',
             compositionId: job.compositionId,
             initialStillImageFormat: defaults.stillImageFormat,
             initialVideoImageFormat: job.imageFormat,
             initialJpegQuality: (_c = job.jpegQuality) !== null && _c !== void 0 ? _c : defaults.jpegQuality,
-            initialOutName: job.outName,
             initialScale: job.scale,
             initialVerbose: job.verbose,
             initialFrame: 0,
@@ -118,10 +98,7 @@ const makeRetryPayload = (job) => {
             maxConcurrency: defaults.maxConcurrency,
             minConcurrency: defaults.minConcurrency,
             initialMuted: job.muted,
-            initialVideoCodecForAudioTab: initialAudioCodec,
             initialEnforceAudioTrack: job.enforceAudioTrack,
-            initialRenderType,
-            initialVideoCodecForVideoTab: initialVideoCodec,
             initialProResProfile: (_d = job.proResProfile) !== null && _d !== void 0 ? _d : defaults.proResProfile,
             initialx264Preset: (_e = job.x264Preset) !== null && _e !== void 0 ? _e : defaults.x264Preset,
             initialPixelFormat: job.pixelFormat,
@@ -130,7 +107,6 @@ const makeRetryPayload = (job) => {
             initialEveryNthFrame: job.everyNthFrame,
             initialNumberOfGifLoops: job.numberOfGifLoops,
             initialDelayRenderTimeout: job.delayRenderTimeout,
-            initialAudioCodec: job.audioCodec,
             initialEnvVariables: job.envVariables,
             initialDisableWebSecurity: job.chromiumOptions.disableWebSecurity,
             initialOpenGlRenderer: job.chromiumOptions.gl,
@@ -142,6 +118,8 @@ const makeRetryPayload = (job) => {
             initialOffthreadVideoCacheSizeInBytes: job.offthreadVideoCacheSizeInBytes,
             initialColorSpace: job.colorSpace,
             initialMultiProcessOnLinux: job.multiProcessOnLinux,
+            defaultConfigurationVideoCodec: defaults.codec,
+            defaultConfigurationAudioCodec: job.audioCodec,
         };
     }
     throw new Error(`Job ${JSON.stringify(job)} Not implemented`);

package/dist/print-help.js

@@ -2,79 +2,50 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.printHelp = void 0;
 const chalk_1 = require("./chalk");
+const gpu_1 = require("./gpu");
 const log_1 = require("./log");
 const versions_1 = require("./versions");
 const packagejson = require('../package.json');
-const printFlags = (flags) => {
-    flags.forEach(([flag, description]) => {
-        log_1.Log.info(chalk_1.chalk.blue(`${flag.padEnd(22, ' ')} ${description}`));
-    });
-};
 const printHelp = () => {
-    log_1.Log.info(`@remotion/cli ${packagejson.version} © ${new Date().getFullYear()} The Remotion developers`);
+    log_1.Log.info(`@remotion/cli ${packagejson.version}`);
+    log_1.Log.info(`© ${new Date().getFullYear()} The Remotion AG`);
     log_1.Log.info();
     log_1.Log.info('Available commands:');
     log_1.Log.info('');
-    log_1.Log.info('remotion studio <entry-point.ts>');
-    log_1.Log.info(chalk_1.chalk.gray('Start the Remotion studio.'));
-    printFlags([['--props', 'Pass input props as filename or as JSON']]);
-    log_1.Log.info();
-    log_1.Log.info('remotion render <entry-point.ts> <comp-id> <output-file.mp4>');
-    log_1.Log.info(chalk_1.chalk.gray('Render video, audio or an image sequence.'));
-    printFlags([
-        ['--props', 'Pass input props as filename or as JSON'],
-        ['--concurrency', 'How many frames to render in parallel'],
-        ['--image-format', 'Format to render the video/still in'],
-        ['--pixel-format', 'Custom pixel format, see docs for available values'],
-        ['--config', 'Custom location for a Remotion config file'],
-        ['--jpeg-quality', 'Quality for rendered frames, JPEG only, 0-100'],
-        ['--overwrite', 'Overwrite if file exists, default true'],
-        ['--sequence', 'Output as an image sequence'],
-        ['--codec', 'Video of audio codec'],
-        ['--audio-bitrate', 'Customize the output audio bitrate'],
-        ['--video-bitrate', 'Customize the output video bitrate'],
-        ['--crf', 'FFMPEG CRF value, controls quality, see docs for info'],
-        ['--browser-executable', 'Custom path for browser executable'],
-        ['--frames', 'Render a portion or a still of a video'],
-        ['--bundle-cache', 'Cache webpack bundle, boolean, default true'],
-        ['--log', 'Log level, "error", "warning", "verbose", "info" (default)'],
-        ['--port', 'Custom port to use for the HTTP server'],
-        ['--env-file', 'Specify a location for a dotenv file'],
-    ]);
-    log_1.Log.info();
-    log_1.Log.info('remotion still <entry-point.ts> <comp-id> <still.png>');
-    log_1.Log.info(chalk_1.chalk.gray('Render a still frame and save it as an image.'));
-    printFlags([
-        ['--frame', 'Which frame to render (default 0)'],
-        ['--image-format', 'Format to render the video/still in'],
-        ['--props', 'Pass input props as filename or as JSON'],
-        ['--config', 'Custom location for a Remotion config file'],
-        ['--jpeg-quality', 'Quality for rendered frames, JPEG only, 0-100'],
-        ['--overwrite', 'Overwrite if file exists, default true'],
-        ['--browser-executable', 'Custom path for browser executable'],
-        ['--bundle-cache', 'Cache webpack bundle, boolean, default true'],
-        ['--log', 'Log level, "error", "warning", "verbose", "info" (default)'],
-        ['--port', 'Custom port to use for the HTTP server'],
-        ['--env-file', 'Specify a location for a dotenv file'],
-    ]);
-    log_1.Log.info();
-    log_1.Log.info('remotion compositions <index-file.ts>');
-    log_1.Log.info(chalk_1.chalk.gray('Prints the available compositions.'));
-    log_1.Log.info();
-    log_1.Log.info('remotion benchmark <index-file.ts> <list-of-compositions>');
-    log_1.Log.info(chalk_1.chalk.gray('Benchmarks rendering a composition. Same options as for render.'));
-    log_1.Log.info();
-    log_1.Log.info('remotion ' + versions_1.VERSIONS_COMMAND);
-    log_1.Log.info(chalk_1.chalk.gray('Prints and validates versions of all Remotion packages.'));
-    log_1.Log.info();
-    log_1.Log.info('remotion upgrade');
-    log_1.Log.info(chalk_1.chalk.gray('Ensure Remotion is on the newest version.'));
-    printFlags([
-        [
-            '--package-manager',
-            'Force a specific package manager, defaults to use from lockfile',
-        ],
-    ]);
+    log_1.Log.info(chalk_1.chalk.blue('remotion studio') + chalk_1.chalk.gray(' <entry-point.ts>'));
+    log_1.Log.info('Start the Remotion studio.');
+    log_1.Log.info(chalk_1.chalk.gray('https://www.remotion.dev/docs/cli/studio'));
+    log_1.Log.info();
+    log_1.Log.info(chalk_1.chalk.blue('remotion render') +
+        chalk_1.chalk.gray(' <entry-point.ts> <comp-id> <output-file.mp4>'));
+    log_1.Log.info('Render video, audio or an image sequence.');
+    log_1.Log.info(chalk_1.chalk.gray('https://www.remotion.dev/docs/cli/render'));
+    log_1.Log.info();
+    log_1.Log.info(chalk_1.chalk.blue('remotion still') +
+        chalk_1.chalk.gray(' <entry-point.ts> <comp-id> <still.png>'));
+    log_1.Log.info('Render a still frame and save it as an image.');
+    log_1.Log.info(chalk_1.chalk.gray('https://www.remotion.dev/docs/cli/still'));
+    log_1.Log.info();
+    log_1.Log.info(chalk_1.chalk.blue('remotion compositions') + chalk_1.chalk.gray(' <index-file.ts>'));
+    log_1.Log.info('Prints the available compositions.');
+    log_1.Log.info(chalk_1.chalk.gray('https://www.remotion.dev/docs/cli/compositions'));
+    log_1.Log.info();
+    log_1.Log.info(chalk_1.chalk.blue('remotion benchmark') +
+        chalk_1.chalk.gray(' <index-file.ts> <list-of-compositions>'));
+    log_1.Log.info('Benchmarks rendering a composition. Same options as for render.');
+    log_1.Log.info(chalk_1.chalk.gray('https://www.remotion.dev/docs/cli/benchmark'));
+    log_1.Log.info();
+    log_1.Log.info(chalk_1.chalk.blue('remotion ' + versions_1.VERSIONS_COMMAND));
+    log_1.Log.info('Prints and validates versions of all Remotion packages.');
+    log_1.Log.info(chalk_1.chalk.gray('https://www.remotion.dev/docs/cli/versions'));
+    log_1.Log.info();
+    log_1.Log.info(chalk_1.chalk.blue('remotion ' + gpu_1.GPU_COMMAND));
+    log_1.Log.info('Prints information about how Chrome uses the CPU.');
+    log_1.Log.info(chalk_1.chalk.gray('https://www.remotion.dev/docs/cli/gpu'));
+    log_1.Log.info();
+    log_1.Log.info(chalk_1.chalk.blue('remotion upgrade'));
+    log_1.Log.info('Ensure Remotion is on the newest version.');
+    log_1.Log.info(chalk_1.chalk.gray('https://www.remotion.dev/docs/cli/upgrade'));
     log_1.Log.info();
     log_1.Log.info('Visit https://www.remotion.dev/docs/cli for browsable CLI documentation.');
 };

package/dist/progress-bar.d.ts

@@ -25,10 +25,11 @@ export declare const makeBundlingAndCopyProgress: ({ bundling, copying, symLinks
     copying: CopyingState;
     symLinks: SymbolicLinksState;
 }, bundlingStep: number, steps: number) => string;
-export declare const makeRenderingAndStitchingProgress: ({ prog, steps, stitchingStep, }: {
+export declare const makeRenderingAndStitchingProgress: ({ prog, steps, stitchingStep, isUsingParallelEncoding, }: {
     prog: AggregateRenderProgress;
     steps: number;
     stitchingStep: number;
+    isUsingParallelEncoding: boolean;
 }) => {
     output: string;
     progress: number;

package/dist/progress-bar.js

@@ -122,7 +122,7 @@ const makeRenderingProgress = ({ frames, totalFrames, steps, concurrency, doneIn
         .filter(truthy_1.truthy)
         .join(' ');
 };
-const makeStitchingProgress = ({ stitchingProgress, steps, stitchingStep, }) => {
+const makeStitchingProgress = ({ stitchingProgress, steps, stitchingStep, isUsingParallelEncoding, }) => {
     const { frames, totalFrames, doneIn, stage, codec } = stitchingProgress;
     const progress = frames / totalFrames;
     const mediaType = codec === 'gif'
@@ -133,7 +133,7 @@ const makeStitchingProgress = ({ stitchingProgress, steps, stitchingStep, }) =>
     return [
         `(${stitchingStep + 1}/${steps})`,
         (0, make_progress_bar_1.makeProgressBar)(progress),
-        stage === 'muxing' && renderer_1.RenderInternals.canUseParallelEncoding(codec)
+        stage === 'muxing' && isUsingParallelEncoding
             ? `${doneIn ? 'Muxed' : 'Muxing'} ${mediaType}`
             : `${doneIn ? 'Encoded' : 'Encoding'} ${mediaType}`,
         doneIn === null ? `${frames}/${totalFrames}` : chalk_1.chalk.gray(`${doneIn}ms`),
@@ -141,7 +141,7 @@ const makeStitchingProgress = ({ stitchingProgress, steps, stitchingStep, }) =>
         .filter(truthy_1.truthy)
         .join(' ');
 };
-const makeRenderingAndStitchingProgress = ({ prog, steps, stitchingStep, }) => {
+const makeRenderingAndStitchingProgress = ({ prog, steps, stitchingStep, isUsingParallelEncoding, }) => {
     const { rendering, stitching, downloads, bundling } = prog;
     const output = [
         rendering ? makeRenderingProgress(rendering) : null,
@@ -152,6 +152,7 @@ const makeRenderingAndStitchingProgress = ({ prog, steps, stitchingStep, }) => {
                 stitchingProgress: stitching,
                 steps,
                 stitchingStep,
+                isUsingParallelEncoding,
             }),
     ]
         .filter(truthy_1.truthy)

package/dist/render-flows/render.js

@@ -62,6 +62,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         viewport: null,
         logLevel,
     });
+    let isUsingParallelEncoding = false;
     const updatesDontOverwrite = (0, should_use_non_overlaying_logger_1.shouldUseNonOverlayingLogger)({ logLevel });
     const renderProgress = (0, progress_bar_1.createOverwriteableCliOutput)({
         quiet,
@@ -96,6 +97,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
             prog: aggregateRenderProgress,
             steps: steps.length,
             stitchingStep: steps.indexOf('stitching'),
+            isUsingParallelEncoding,
         });
         onProgress({ message, value: progress, ...aggregateRenderProgress });
         if (printToConsole) {
@@ -127,6 +129,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         logLevel,
         updateRenderProgress,
         updatesDontOverwrite,
+        isUsingParallelEncoding,
     });
     const puppeteerInstance = await browserInstance;
     addCleanupCallback(() => puppeteerInstance.close(false, logLevel, indent));
@@ -165,6 +168,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         downloadName: null,
         outName: (0, user_passed_output_location_1.getUserPassedOutputLocation)(argsAfterComposition, outputLocationFromUI),
         uiCodec,
+        compositionCodec: config.defaultCodec,
     });
     renderer_1.RenderInternals.validateEvenDimensionsWithCodec({
         width: config.width,
@@ -217,7 +221,9 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
                 renderingProgress.frames = rendered;
                 updateRenderProgress({ newline: false, printToConsole: true });
             },
-            onStart: () => undefined,
+            onStart: ({ parallelEncoding }) => {
+                isUsingParallelEncoding = parallelEncoding;
+            },
             onDownload,
             cancelSignal: cancelSignal !== null && cancelSignal !== void 0 ? cancelSignal : undefined,
             outputDir,
@@ -246,6 +252,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
                 data: config.props,
             }).serializedString,
             offthreadVideoCacheSizeInBytes,
+            parallelEncodingEnabled: isUsingParallelEncoding,
         });
         updateRenderProgress({ newline: true, printToConsole: true });
         log_1.Log.infoAdvanced({ indent, logLevel }, chalk_1.chalk.blue(`▶ ${absoluteOutputFile}`));

package/dist/render-flows/still.js

@@ -38,11 +38,12 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         renderer_1.RenderInternals.isServeUrl(fullEntryPoint) ? null : 'bundling',
         'rendering',
     ].filter(truthy_1.truthy);
-    const updateRenderProgress = ({ newline, printToConsole, }) => {
+    const updateRenderProgress = ({ newline, printToConsole, isUsingParallelEncoding, }) => {
         const { output, progress, message } = (0, progress_bar_1.makeRenderingAndStitchingProgress)({
             prog: aggregate,
             steps: steps.length,
             stitchingStep: steps.indexOf('stitching'),
+            isUsingParallelEncoding,
         });
         if (printToConsole) {
             renderProgress.update(updatesDontOverwrite ? message : output, newline);
@@ -69,7 +70,11 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         onProgress: ({ copying, bundling }) => {
             aggregate.bundling = bundling;
             aggregate.copyingState = copying;
-            updateRenderProgress({ newline: false, printToConsole: true });
+            updateRenderProgress({
+                newline: false,
+                printToConsole: true,
+                isUsingParallelEncoding: false,
+            });
         },
         indentOutput: indent,
         logLevel,
@@ -142,13 +147,18 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         steps,
         totalFrames: 1,
     };
-    updateRenderProgress({ newline: false, printToConsole: true });
+    updateRenderProgress({
+        newline: false,
+        printToConsole: true,
+        isUsingParallelEncoding: false,
+    });
     const onDownload = (0, make_on_download_1.makeOnDownload)({
         downloads: aggregate.downloads,
         indent,
         logLevel,
         updateRenderProgress,
         updatesDontOverwrite,
+        isUsingParallelEncoding: false,
     });
     await renderer_1.RenderInternals.internalRenderStill({
         composition: config,
@@ -186,7 +196,11 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         steps,
         totalFrames: 1,
     };
-    updateRenderProgress({ newline: true, printToConsole: true });
+    updateRenderProgress({
+        newline: true,
+        printToConsole: true,
+        isUsingParallelEncoding: false,
+    });
     log_1.Log.infoAdvanced({ indent, logLevel }, chalk_1.chalk.blue(`${exists ? '○' : '+'} ${absoluteOutputLocation}`));
 };
 exports.renderStillFlow = renderStillFlow;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.0.51",
+  "version": "4.0.53",
   "description": "CLI for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -35,11 +35,11 @@
     "prompts": "2.4.1",
     "semver": "7.5.3",
     "source-map": "0.6.1",
-    "@remotion/bundler": "4.0.51",
-    "@remotion/media-utils": "4.0.51",
-    "@remotion/player": "4.0.51",
-    "@remotion/renderer": "4.0.51",
-    "remotion": "4.0.51"
+    "@remotion/bundler": "4.0.53",
+    "@remotion/media-utils": "4.0.53",
+    "@remotion/player": "4.0.53",
+    "@remotion/renderer": "4.0.53",
+    "remotion": "4.0.53"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -53,7 +53,7 @@
     "@types/prompts": "^2.4.1",
     "@types/react": "18.0.26",
     "@types/prettier": "^2.7.2",
-    "@types/react-dom": "18.0.10",
+    "@types/react-dom": "18.0.11",
     "@types/semver": "^7.3.4",
     "eslint": "8.42.0",
     "eslint-plugin-10x": "1.5.2",
@@ -65,8 +65,8 @@
     "react-dom": "^18.0.0",
     "vitest": "0.31.1",
     "zod": "^3.22.3",
-    "@remotion/zod-types": "4.0.51",
-    "@remotion/tailwind": "4.0.51"
+    "@remotion/zod-types": "4.0.53",
+    "@remotion/tailwind": "4.0.53"
   },
   "keywords": [
     "remotion",