@remotion/renderer 4.0.528 → 4.0.530

package/dist/esm/index.mjs

@@ -18238,7 +18238,9 @@ async function puppeteerEvaluateWithCatch({
 `)),
         chunk: null
       });
-      page.close();
+      page.close().catch(() => {
+        return;
+      });
       throw err;
     }
     return { size, value: valueFromRemoteObject2(remoteObject) };
@@ -19270,7 +19272,8 @@ var getExtensionOfFilename = (filename) => {
   if (filename === null) {
     return null;
   }
-  const filenameArr = pathNormalize(filename).split(".");
+  const segments = pathNormalize(filename).split(/[/\\]/);
+  const filenameArr = segments[segments.length - 1].split(".");
   const hasExtension = filenameArr.length >= 2;
   const filenameArrLength = filenameArr.length;
   const extension = hasExtension ? filenameArr[filenameArrLength - 1] : null;
@@ -21960,7 +21963,9 @@ var firstEncodingStepOnly = ({
   encodingMaxRate,
   encodingBufferSize,
   hardwareAcceleration,
-  hardwareAccelerated
+  hardwareAccelerated,
+  cpuCount,
+  lambdaMemoryInBytes
 }) => {
   if (hasPreencoded || codec === "gif") {
     return [];
@@ -21970,6 +21975,7 @@ var firstEncodingStepOnly = ({
     proResProfileName ? ["-profile:v", proResProfileName] : null,
     ["-pix_fmt", pixelFormat],
     pixelFormat === "yuva420p" ? ["-auto-alt-ref", "0"] : null,
+    codec === "vp9" && (cpuCount > 2 || lambdaMemoryInBytes !== null && lambdaMemoryInBytes >= 2048 * 1024 * 1024) ? ["-row-mt", "1"] : null,
     x264Preset ? ["-preset", x264Preset] : null,
     gopSize === null ? null : ["-g", String(gopSize)],
     ["-video_track_timescale", "90000"],
@@ -21998,7 +22004,9 @@ var generateFfmpegArgs = ({
   colorSpace,
   hardwareAcceleration,
   indent,
-  logLevel
+  logLevel,
+  cpuCount,
+  lambdaMemoryInBytes
 }) => {
   const encoderSettings = getCodecName({
     codec,
@@ -22054,7 +22062,9 @@ var generateFfmpegArgs = ({
       x264Preset,
       gopSize,
       hardwareAcceleration,
-      hardwareAccelerated
+      hardwareAccelerated,
+      cpuCount,
+      lambdaMemoryInBytes
     })
   ].filter(truthy);
 };
@@ -22264,7 +22274,9 @@ var prespawnFfmpeg = (options2) => {
       colorSpace: options2.colorSpace,
       hardwareAcceleration: resolvedHardwareAcceleration,
       indent: options2.indent,
-      logLevel: options2.logLevel
+      logLevel: options2.logLevel,
+      cpuCount: getCpuCount(),
+      lambdaMemoryInBytes: getMaxLambdaMemory()
     }),
     "-y",
     options2.outputLocation
@@ -23772,7 +23784,9 @@ var innerStitchFramesToVideo = async ({
       colorSpace,
       hardwareAcceleration: resolvedHardwareAcceleration,
       indent,
-      logLevel
+      logLevel,
+      cpuCount: getCpuCount(),
+      lambdaMemoryInBytes: getMaxLambdaMemory()
     }),
     ["-map_metadata", "-1"],
     ...makeMetadataArgs(metadata ?? {}),
@@ -24400,12 +24414,12 @@ var internalRenderMediaRaw = ({
       let timeOfLastFrame = Date.now();
       const renderFramesProc = internalRenderFrames({
         composition,
-        onFrameUpdate: (frame, frameIndex) => {
+        onFrameUpdate: (frame, frameIndex, timeToRenderInMilliseconds) => {
           renderedFrames = frame;
           const now = Date.now();
-          const timeToRenderInMilliseconds = now - timeOfLastFrame;
+          const timeSinceLastFrame = now - timeOfLastFrame;
           timeOfLastFrame = now;
-          recentFrameTimings.push(timeToRenderInMilliseconds);
+          recentFrameTimings.push(timeSinceLastFrame);
           if (recentFrameTimings.length > MAX_RECENT_FRAME_TIMINGS) {
             recentFrameTimings.shift();
           }

package/dist/esm/pure.mjs

@@ -303,7 +303,8 @@ var getExtensionOfFilename = (filename) => {
   if (filename === null) {
     return null;
   }
-  const filenameArr = pathNormalize(filename).split(".");
+  const segments = pathNormalize(filename).split(/[/\\]/);
+  const filenameArr = segments[segments.length - 1].split(".");
   const hasExtension = filenameArr.length >= 2;
   const filenameArrLength = filenameArr.length;
   const extension = hasExtension ? filenameArr[filenameArrLength - 1] : null;

package/dist/ffmpeg-args.d.ts

@@ -1,4 +1,4 @@
-export declare const generateFfmpegArgs: ({ hasPreencoded, proResProfileName, pixelFormat, x264Preset, gopSize, codec, crf, videoBitrate, encodingMaxRate, encodingBufferSize, colorSpace, hardwareAcceleration, indent, logLevel, }: {
+export declare const generateFfmpegArgs: ({ hasPreencoded, proResProfileName, pixelFormat, x264Preset, gopSize, codec, crf, videoBitrate, encodingMaxRate, encodingBufferSize, colorSpace, hardwareAcceleration, indent, logLevel, cpuCount, lambdaMemoryInBytes, }: {
     hasPreencoded: boolean;
     proResProfileName: string | null;
     pixelFormat: "yuv420p" | "yuv420p10le" | "yuv422p" | "yuv422p10le" | "yuv444p" | "yuv444p10le" | "yuva420p" | "yuva444p10le";
@@ -13,4 +13,6 @@ export declare const generateFfmpegArgs: ({ hasPreencoded, proResProfileName, pi
     hardwareAcceleration: "disable" | "if-possible" | "required";
     indent: boolean;
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    cpuCount: number;
+    lambdaMemoryInBytes: number | null;
 }) => string[][];

package/dist/ffmpeg-args.js

@@ -7,7 +7,7 @@ const logger_1 = require("./logger");
 const color_space_1 = require("./options/color-space");
 const gop_size_1 = require("./options/gop-size");
 const truthy_1 = require("./truthy");
-const firstEncodingStepOnly = ({ hasPreencoded, proResProfileName, pixelFormat, x264Preset, gopSize, codec, crf, videoBitrate, encodingMaxRate, encodingBufferSize, hardwareAcceleration, hardwareAccelerated, }) => {
+const firstEncodingStepOnly = ({ hasPreencoded, proResProfileName, pixelFormat, x264Preset, gopSize, codec, crf, videoBitrate, encodingMaxRate, encodingBufferSize, hardwareAcceleration, hardwareAccelerated, cpuCount, lambdaMemoryInBytes, }) => {
     if (hasPreencoded || codec === 'gif') {
         return [];
     }
@@ -18,6 +18,16 @@ const firstEncodingStepOnly = ({ hasPreencoded, proResProfileName, pixelFormat,
         // Without explicitly disabling auto-alt-ref,
         // transparent WebM generation doesn't work
         pixelFormat === 'yuva420p' ? ['-auto-alt-ref', '0'] : null,
+        // Without row-based multithreading, libvpx only splits VP9 work by
+        // tile columns (4 at 1080p), which leaves most cores idle. It is slower
+        // with 2 CPUs outside Lambda. On Lambda, it is faster with the default
+        // 2048 MB allocation even though only 2 CPUs are reported.
+        codec === 'vp9' &&
+            (cpuCount > 2 ||
+                (lambdaMemoryInBytes !== null &&
+                    lambdaMemoryInBytes >= 2048 * 1024 * 1024))
+            ? ['-row-mt', '1']
+            : null,
         x264Preset ? ['-preset', x264Preset] : null,
         gopSize === null ? null : ['-g', String(gopSize)],
         // Apply a fixed a timescale across all environments:
@@ -34,7 +44,7 @@ const firstEncodingStepOnly = ({ hasPreencoded, proResProfileName, pixelFormat,
         }),
     ].filter(truthy_1.truthy);
 };
-const generateFfmpegArgs = ({ hasPreencoded, proResProfileName, pixelFormat, x264Preset, gopSize, codec, crf, videoBitrate, encodingMaxRate, encodingBufferSize, colorSpace, hardwareAcceleration, indent, logLevel, }) => {
+const generateFfmpegArgs = ({ hasPreencoded, proResProfileName, pixelFormat, x264Preset, gopSize, codec, crf, videoBitrate, encodingMaxRate, encodingBufferSize, colorSpace, hardwareAcceleration, indent, logLevel, cpuCount, lambdaMemoryInBytes, }) => {
     const encoderSettings = (0, get_codec_name_1.getCodecName)({
         codec,
         encodingMaxRate,
@@ -103,6 +113,8 @@ const generateFfmpegArgs = ({ hasPreencoded, proResProfileName, pixelFormat, x26
             gopSize,
             hardwareAcceleration,
             hardwareAccelerated,
+            cpuCount,
+            lambdaMemoryInBytes,
         }),
     ].filter(truthy_1.truthy);
 };

package/dist/get-extension-of-filename.js

@@ -6,7 +6,10 @@ const getExtensionOfFilename = (filename) => {
     if (filename === null) {
         return null;
     }
-    const filenameArr = (0, path_normalize_1.pathNormalize)(filename).split('.');
+    // Only the last path segment can have an extension: the dots in
+    // `my.project/frames` or `../frames` belong to folders.
+    const segments = (0, path_normalize_1.pathNormalize)(filename).split(/[/\\]/);
+    const filenameArr = segments[segments.length - 1].split('.');
     const hasExtension = filenameArr.length >= 2;
     const filenameArrLength = filenameArr.length;
     const extension = hasExtension ? filenameArr[filenameArrLength - 1] : null;

package/dist/options/canvas-tabs.d.ts

@@ -0,0 +1,18 @@
+export declare const canvasTabsOption: {
+    name: string;
+    cliFlag: "disable-canvas-tabs";
+    description: () => import("react/jsx-runtime").JSX.Element;
+    ssrName: null;
+    docLink: string;
+    type: boolean;
+    getValue: ({ commandLine }: {
+        commandLine: Record<string, unknown>;
+    }) => {
+        value: boolean;
+        source: string;
+    };
+    setConfig(value: boolean): void;
+    getConfigValue: () => boolean | null;
+    reset: () => void;
+    id: "disable-canvas-tabs";
+};

package/dist/options/canvas-tabs.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.canvasTabsOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+let canvasTabsEnabled = true;
+let configuredCanvasTabsEnabled = null;
+const cliFlag = 'disable-canvas-tabs';
+exports.canvasTabsOption = {
+    name: 'Disable or enable Studio canvas tabs',
+    cliFlag,
+    description: () => jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: "Enable or disable the tabs above the Studio canvas." }),
+    ssrName: null,
+    docLink: 'https://www.remotion.dev/docs/config#setcanvastabsenabled',
+    type: false,
+    getValue: ({ commandLine }) => {
+        if (commandLine[cliFlag] !== undefined && commandLine[cliFlag] !== null) {
+            canvasTabsEnabled = commandLine[cliFlag] === false;
+            return {
+                value: canvasTabsEnabled,
+                source: 'cli',
+            };
+        }
+        return {
+            value: canvasTabsEnabled,
+            source: 'config',
+        };
+    },
+    setConfig(value) {
+        canvasTabsEnabled = value;
+        configuredCanvasTabsEnabled = value;
+    },
+    getConfigValue: () => configuredCanvasTabsEnabled,
+    reset: () => {
+        canvasTabsEnabled = true;
+        configuredCanvasTabsEnabled = null;
+    },
+    id: cliFlag,
+};

package/dist/options/index.d.ts

@@ -1190,6 +1190,24 @@ export declare const allOptions: {
         reset: () => void;
         id: "disable-keyboard-shortcuts";
     };
+    canvasTabsOption: {
+        name: string;
+        cliFlag: "disable-canvas-tabs";
+        description: () => import("react/jsx-runtime").JSX.Element;
+        ssrName: null;
+        docLink: string;
+        type: boolean;
+        getValue: ({ commandLine }: {
+            commandLine: Record<string, unknown>;
+        }) => {
+            value: boolean;
+            source: string;
+        };
+        setConfig(value: boolean): void;
+        getConfigValue: () => boolean | null;
+        reset: () => void;
+        id: "disable-canvas-tabs";
+    };
     framesOption: {
         name: string;
         cliFlag: "frames";

package/dist/options/index.js

@@ -12,6 +12,7 @@ const binaries_directory_1 = require("./binaries-directory");
 const browser_1 = require("./browser");
 const browser_executable_1 = require("./browser-executable");
 const bundle_cache_1 = require("./bundle-cache");
+const canvas_tabs_1 = require("./canvas-tabs");
 const chrome_mode_1 = require("./chrome-mode");
 const color_space_1 = require("./color-space");
 const concurrency_1 = require("./concurrency");
@@ -167,6 +168,7 @@ exports.allOptions = {
     askAIOption: ask_ai_1.askAIOption,
     interactivityOption: interactivity_1.interactivityOption,
     keyboardShortcutsOption: keyboard_shortcuts_1.keyboardShortcutsOption,
+    canvasTabsOption: canvas_tabs_1.canvasTabsOption,
     framesOption: frames_1.framesOption,
     forceNewStudioOption: force_new_studio_1.forceNewStudioOption,
     experimentalKeepAudioContextAliveOption: experimental_keep_audio_context_alive_1.experimentalKeepAudioContextAliveOption,

package/dist/options/sidebar-tabs.d.ts

@@ -0,0 +1,18 @@
+export declare const sidebarTabsOption: {
+    name: string;
+    cliFlag: "disable-sidebar-tabs";
+    description: () => import("react/jsx-runtime").JSX.Element;
+    ssrName: null;
+    docLink: string;
+    type: boolean;
+    getValue: ({ commandLine }: {
+        commandLine: Record<string, unknown>;
+    }) => {
+        value: boolean;
+        source: string;
+    };
+    setConfig(value: boolean): void;
+    getConfigValue: () => boolean | null;
+    reset: () => void;
+    id: "disable-sidebar-tabs";
+};

package/dist/options/sidebar-tabs.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sidebarTabsOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+let sidebarTabsEnabled = true;
+let configuredSidebarTabsEnabled = null;
+const cliFlag = 'disable-sidebar-tabs';
+exports.sidebarTabsOption = {
+    name: 'Disable or enable Studio sidebar tabs',
+    cliFlag,
+    description: () => (jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: "Enable or disable the tabs at the top of the Studio sidebars." })),
+    ssrName: null,
+    docLink: 'https://www.remotion.dev/docs/config#setsidebartabsenabled',
+    type: false,
+    getValue: ({ commandLine }) => {
+        if (commandLine[cliFlag] !== undefined && commandLine[cliFlag] !== null) {
+            sidebarTabsEnabled = commandLine[cliFlag] === false;
+            return {
+                value: sidebarTabsEnabled,
+                source: 'cli',
+            };
+        }
+        return {
+            value: sidebarTabsEnabled,
+            source: 'config',
+        };
+    },
+    setConfig(value) {
+        sidebarTabsEnabled = value;
+        configuredSidebarTabsEnabled = value;
+    },
+    getConfigValue: () => configuredSidebarTabsEnabled,
+    reset: () => {
+        sidebarTabsEnabled = true;
+        configuredSidebarTabsEnabled = null;
+    },
+    id: cliFlag,
+};

package/dist/prespawn-ffmpeg.js

@@ -4,8 +4,10 @@ exports.prespawnFfmpeg = void 0;
 const call_ffmpeg_1 = require("./call-ffmpeg");
 const codec_1 = require("./codec");
 const ffmpeg_args_1 = require("./ffmpeg-args");
+const get_cpu_count_1 = require("./get-cpu-count");
 const get_prores_profile_name_1 = require("./get-prores-profile-name");
 const logger_1 = require("./logger");
+const from_lambda_env_1 = require("./memory/from-lambda-env");
 const parse_ffmpeg_progress_1 = require("./parse-ffmpeg-progress");
 const pixel_format_1 = require("./pixel-format");
 const probe_encoder_1 = require("./probe-encoder");
@@ -66,6 +68,8 @@ const prespawnFfmpeg = (options) => {
             hardwareAcceleration: resolvedHardwareAcceleration,
             indent: options.indent,
             logLevel: options.logLevel,
+            cpuCount: (0, get_cpu_count_1.getCpuCount)(),
+            lambdaMemoryInBytes: (0, from_lambda_env_1.getMaxLambdaMemory)(),
         }),
         '-y',
         options.outputLocation,

package/dist/puppeteer-evaluate.js

@@ -109,7 +109,9 @@ async function puppeteerEvaluateWithCatch({ page, pageFunction, frame, args, })
                 stackFrame: (0, parse_browser_error_stack_1.parseStack)(((_e = exceptionDetails.exception) === null || _e === void 0 ? void 0 : _e.description).split('\n')),
                 chunk: null,
             });
-            page.close();
+            // The browser may get closed before the page is, which rejects
+            // this with "Target closed". Unhandled, that ends the process.
+            page.close().catch(() => undefined);
             throw err;
         }
         return { size, value: valueFromRemoteObject(remoteObject) };

package/dist/render-media.js

@@ -325,13 +325,13 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, gopSize, crf, compo
             let timeOfLastFrame = Date.now();
             const renderFramesProc = (0, render_frames_1.internalRenderFrames)({
                 composition,
-                onFrameUpdate: (frame, frameIndex) => {
+                onFrameUpdate: (frame, frameIndex, timeToRenderInMilliseconds) => {
                     renderedFrames = frame;
                     const now = Date.now();
-                    const timeToRenderInMilliseconds = now - timeOfLastFrame;
+                    const timeSinceLastFrame = now - timeOfLastFrame;
                     timeOfLastFrame = now;
                     // Track recent frame timings (at most 50)
-                    recentFrameTimings.push(timeToRenderInMilliseconds);
+                    recentFrameTimings.push(timeSinceLastFrame);
                     if (recentFrameTimings.length > MAX_RECENT_FRAME_TIMINGS) {
                         recentFrameTimings.shift();
                     }

package/dist/stitch-frames-to-video.js

@@ -18,6 +18,7 @@ const delete_directory_1 = require("./delete-directory");
 const ffmpeg_args_1 = require("./ffmpeg-args");
 const finalize_fast_start_1 = require("./finalize-fast-start");
 const find_closest_package_json_1 = require("./find-closest-package-json");
+const get_cpu_count_1 = require("./get-cpu-count");
 const get_extension_from_codec_1 = require("./get-extension-from-codec");
 const get_extension_of_filename_1 = require("./get-extension-of-filename");
 const get_fast_start_muxer_1 = require("./get-fast-start-muxer");
@@ -25,6 +26,7 @@ const get_prores_profile_name_1 = require("./get-prores-profile-name");
 const logger_1 = require("./logger");
 const make_cancel_signal_1 = require("./make-cancel-signal");
 const make_metadata_args_1 = require("./make-metadata-args");
+const from_lambda_env_1 = require("./memory/from-lambda-env");
 const audio_codec_1 = require("./options/audio-codec");
 const color_space_1 = require("./options/color-space");
 const gop_size_1 = require("./options/gop-size");
@@ -241,6 +243,8 @@ const innerStitchFramesToVideo = async ({ assetsInfo, audioBitrate, audioCodec:
             hardwareAcceleration: resolvedHardwareAcceleration,
             indent,
             logLevel,
+            cpuCount: (0, get_cpu_count_1.getCpuCount)(),
+            lambdaMemoryInBytes: (0, from_lambda_env_1.getMaxLambdaMemory)(),
         }),
         // Ignore metadata that may come from remote media
         ['-map_metadata', '-1'],

package/package.json

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