@remotion/renderer 4.0.534 → 4.0.536

package/dist/options/throw-if-site-exists.js

@@ -20,6 +20,7 @@ exports.throwIfSiteExistsOption = {
         };
     },
     name: 'Throw if site exists',
+    addedIn: '4.0.141',
     setConfig: () => {
         throw new Error('Not implemented');
     },

package/dist/options/timeout.d.ts

@@ -1,5 +1,6 @@
 export declare const delayRenderTimeoutInMillisecondsOption: {
     name: string;
+    addedIn: string;
     cliFlag: "timeout";
     description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "timeoutInMilliseconds";

package/dist/options/timeout.js

@@ -13,6 +13,7 @@ const validate = (value) => {
 const cliFlag = 'timeout';
 exports.delayRenderTimeoutInMillisecondsOption = {
     name: 'delayRender() timeout',
+    addedIn: '2.6.3',
     cliFlag,
     description: () => (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: ["A number describing how long the render may take to resolve all", ' ', jsx_runtime_1.jsx("a", { href: "https://remotion.dev/docs/delay-render", children: jsx_runtime_1.jsx("code", { children: "delayRender()" }) }), ' ', "calls", ' ', jsx_runtime_1.jsx("a", { style: { fontSize: 'inherit' }, href: "https://remotion.dev/docs/timeout", children: "before it times out" }),
             ". Default: ",

package/dist/options/user-agent.d.ts

@@ -1,5 +1,6 @@
 export declare const userAgentOption: {
     name: string;
+    addedIn: string;
     cliFlag: "user-agent";
     description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "userAgent";

package/dist/options/user-agent.js

@@ -6,6 +6,7 @@ let userAgent = null;
 const cliFlag = 'user-agent';
 exports.userAgentOption = {
     name: 'User agent',
+    addedIn: '3.3.83',
     cliFlag,
     description: () => (jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: "Lets you set a custom user agent that the headless Chrome browser assumes." })),
     ssrName: 'userAgent',

package/dist/options/version-flag.d.ts

@@ -1,5 +1,6 @@
 export declare const versionFlagOption: {
     name: string;
+    addedIn: string;
     cliFlag: "version";
     description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: null;

package/dist/options/version-flag.js

@@ -5,6 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const cliFlag = 'version';
 exports.versionFlagOption = {
     name: 'Version',
+    addedIn: '4.0.15',
     cliFlag,
     description: () => (jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: "Install a specific version. Also enables downgrading to an older version." })),
     ssrName: null,

package/dist/options/video-bitrate.d.ts

@@ -1,5 +1,6 @@
 export declare const videoBitrateOption: {
     name: string;
+    addedIn: string;
     cliFlag: "video-bitrate";
     description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: string;

package/dist/options/video-bitrate.js

@@ -6,6 +6,7 @@ let videoBitrate = null;
 const cliFlag = 'video-bitrate';
 exports.videoBitrateOption = {
     name: 'Video Bitrate',
+    addedIn: '3.2.32',
     cliFlag,
     description: () => (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: ["Specify the target bitrate for the generated video. The syntax for FFmpeg", "'", "s",
             jsx_runtime_1.jsx("code", { children: "-b:v" }),

package/dist/options/video-cache-size.d.ts

@@ -1,6 +1,7 @@
 export declare const getMediaCacheSizeInBytes: () => number | null;
 export declare const mediaCacheSizeInBytesOption: {
     name: string;
+    addedIn: string;
     cliFlag: "media-cache-size-in-bytes";
     description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "mediaCacheSizeInBytes";

package/dist/options/video-cache-size.js

@@ -10,6 +10,7 @@ exports.getMediaCacheSizeInBytes = getMediaCacheSizeInBytes;
 const cliFlag = 'media-cache-size-in-bytes';
 exports.mediaCacheSizeInBytesOption = {
     name: '@remotion/media cache size',
+    addedIn: '4.0.352',
     cliFlag,
     description: () => (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: ["Specify the memory budget for decoded media cached by", ' ', jsx_runtime_1.jsx("code", { children: "<Video>" }),
             " and ",

package/dist/options/video-codec.d.ts

@@ -2,6 +2,7 @@ import type { CodecOrUndefined } from '../codec';
 export declare const getOutputCodecOrUndefined: () => CodecOrUndefined;
 export declare const videoCodecOption: {
     name: string;
+    addedIn: string;
     cliFlag: "codec";
     description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: string;

package/dist/options/video-codec.js

@@ -34,6 +34,7 @@ const deriveCodecsFromFilename = (extension) => {
 const cliFlag = 'codec';
 exports.videoCodecOption = {
     name: 'Codec',
+    addedIn: '1.4.0',
     cliFlag,
     description: () => (jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: "H264 works well in most cases, but sometimes it's worth going for a different codec. WebM achieves higher compression but is slower to render. WebM, GIF and ProRes support transparency." })),
     ssrName: 'codec',

package/dist/options/video-image-format.d.ts

@@ -1,6 +1,7 @@
 import type { CodecOrUndefined } from '../codec';
 export declare const videoImageFormatOption: {
     name: string;
+    addedIn: string;
     cliFlag: "image-format";
     description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "imageFormat";

package/dist/options/video-image-format.js

@@ -8,6 +8,7 @@ let currentVideoImageFormat = null;
 const cliFlag = 'image-format';
 exports.videoImageFormatOption = {
     name: 'Video Image Format',
+    addedIn: '1.4.0',
     cliFlag,
     description: () => (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: ["The image format to use when rendering frames for a video. Must be one of", ' ', image_format_1.validVideoImageFormats.map((f) => `"${f}"`).join(', '), ". Default:", ' ', jsx_runtime_1.jsx("code", { children: "\"jpeg\"" }),
             ". JPEG is faster, but does not support transparency.",

package/dist/options/webhook-custom-data.d.ts

@@ -1,5 +1,6 @@
 export declare const webhookCustomDataOption: {
     name: string;
+    addedIn: string;
     cliFlag: "webhook-custom-data";
     description: (type: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
     ssrName: "customData";

package/dist/options/webhook-custom-data.js

@@ -5,6 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const cliFlag = 'webhook-custom-data';
 exports.webhookCustomDataOption = {
     name: 'Webhook custom data',
+    addedIn: '4.0.25',
     cliFlag,
     description: (type) => (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: ["Pass up to 1,024 bytes of a JSON-serializable object to the webhook. This data will be included in the webhook payload.", ' ', type === 'cli'
                 ? 'Alternatively, pass a file path pointing to a JSON file'

package/dist/options/webpack-poll.d.ts

@@ -1,5 +1,6 @@
 export declare const webpackPollOption: {
     name: string;
+    addedIn: string;
     cliFlag: "webpack-poll";
     description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: null;

package/dist/options/webpack-poll.js

@@ -6,6 +6,7 @@ const cliFlag = 'webpack-poll';
 let webpackPolling = null;
 exports.webpackPollOption = {
     name: 'Webpack Polling',
+    addedIn: '3.3.11',
     cliFlag,
     description: () => (jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: "Enables Webpack polling instead of the file system event listeners for hot reloading. This is useful if you are inside a virtual machine or have a remote file system. Pass a value in milliseconds." })),
     ssrName: null,

package/dist/options/x264-preset.d.ts

@@ -6,6 +6,7 @@ export declare const validateSelectedCodecAndPresetCombination: ({ codec, x264Pr
 }) => void;
 export declare const x264Option: {
     name: string;
+    addedIn: string;
     cliFlag: "x264-preset";
     description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "x264Preset";

package/dist/options/x264-preset.js

@@ -34,6 +34,7 @@ const cliFlag = 'x264-preset';
 const DEFAULT_PRESET = 'medium';
 exports.x264Option = {
     name: 'x264 Preset',
+    addedIn: '4.0.22',
     cliFlag,
     description: () => (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: ["Sets a x264 preset profile. Only applies to videos rendered with", ' ', jsx_runtime_1.jsx("code", { children: "h264" }),
             " codec.",

package/dist/prespawn-ffmpeg.js

@@ -134,8 +134,8 @@ const prespawnFfmpeg = (options) => {
                 ['-f', 'remotionshm'],
                 ['-video_size', `${options.width}x${options.height}`],
                 ['-framerate', fpsAsFraction(options.fps)],
-                ['-control_fd', '3'],
-                ['-ack_fd', '4'],
+                ['-control_fd', '0'],
+                ['-ack_fd', '1'],
                 options.remotionSharedMemoryPoolDirectory === null
                     ? null
                     : ['-pool_dir', options.remotionSharedMemoryPoolDirectory],
@@ -179,13 +179,18 @@ const prespawnFfmpeg = (options) => {
         binariesDirectory: options.binariesDirectory,
         cancelSignal: options.signal,
         options: options.inputMode === 'remotion-shared-memory'
-            ? { stdio: ['ignore', 'pipe', 'pipe', 'pipe', 'pipe'] }
+            ? {
+                // Older Bun versions can double-close extra stdio FDs. Use
+                // stdin/stdout for the protocol and consume ACKs without buffering.
+                stdio: 'pipe',
+                buffer: false,
+            }
             : undefined,
     });
     const remotionSharedMemory = options.inputMode === 'remotion-shared-memory'
         ? (0, remotion_shared_memory_ffmpeg_1.createRemotionSharedMemoryFfmpegBridge)({
-            control: task.stdio[3],
-            acknowledgements: task.stdio[4],
+            control: task.stdin,
+            acknowledgements: task.stdout,
         })
         : null;
     let ffmpegOutput = '';

package/dist/stringify-ffmpeg-filter.js

@@ -67,10 +67,14 @@ const stringifyFfmpegFilter = ({ channels, volume, fps, assetDuration, chunkLeng
     }
     const { toneFrequency, startInVideo } = asset;
     const startInVideoSeconds = startInVideo / fps;
+    // A chunk's leading trim only cuts into assets already playing at its start.
+    // For later assets, remove that time from the silence before the asset instead.
+    const assetTrimLeftOffset = startInVideo === 0 ? trimLeftOffset : 0;
+    const startInChunkSeconds = startInVideo === 0 ? 0 : startInVideoSeconds - trimLeftOffset;
     const { trimLeft, maxTrim } = (0, seamless_aac_trim_1.getActualTrimLeft)({
         trimLeft: asset.trimLeft,
         fps,
-        trimLeftOffset,
+        trimLeftOffset: assetTrimLeftOffset,
         seamless: forSeamlessAacConcatenation,
         assetDuration,
         audioStartFrame: asset.audioStartFrame,
@@ -84,7 +88,7 @@ const stringifyFfmpegFilter = ({ channels, volume, fps, assetDuration, chunkLeng
     }
     const { actualTrimLeft, audibleDuration, filter: trimAndTempoFilter, } = trimAndSetTempo({
         assetDuration,
-        trimLeftOffset,
+        trimLeftOffset: assetTrimLeftOffset,
         trimRightOffset,
         asset,
         fps,
@@ -96,8 +100,8 @@ const stringifyFfmpegFilter = ({ channels, volume, fps, assetDuration, chunkLeng
         fps,
         trimLeft: actualTrimLeft,
     });
-    const padAtEnd = chunkLengthInSeconds - audibleDuration - startInVideoSeconds;
-    const padStart = startInVideoSeconds +
+    const padAtEnd = chunkLengthInSeconds - audibleDuration - startInChunkSeconds;
+    const padStart = startInChunkSeconds +
         (asset.trimLeft === 0 ? presentationTimeOffsetInSeconds : 0);
     // Set as few filters as possible, as combining them can create noise
     return {

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/renderer"
 	},
 	"name": "@remotion/renderer",
-	"version": "4.0.534",
+	"version": "4.0.536",
 	"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.534",
-		"@remotion/streaming": "4.0.534",
+		"remotion": "4.0.536",
+		"@remotion/streaming": "4.0.536",
 		"source-map": "0.8.0",
 		"ws": "8.21.0",
-		"@remotion/licensing": "4.0.534"
+		"@remotion/licensing": "4.0.536"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -40,19 +40,21 @@
 		"react-dom": "19.2.3",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1",
 		"@types/ws": "8.5.10",
-		"@remotion/example-videos": "4.0.534",
-		"@remotion/eslint-config-internal": "4.0.534",
+		"@remotion/example-videos": "4.0.536",
+		"@remotion/eslint-config-internal": "4.0.536",
 		"eslint": "9.19.0",
-		"@types/node": "20.12.14"
+		"@types/node": "20.12.14",
+		"@types/pngjs": "6.0.5",
+		"pngjs": "7.0.0"
 	},
 	"optionalDependencies": {
-		"@remotion/compositor-darwin-arm64": "4.0.534",
-		"@remotion/compositor-darwin-x64": "4.0.534",
-		"@remotion/compositor-linux-arm64-gnu": "4.0.534",
-		"@remotion/compositor-linux-arm64-musl": "4.0.534",
-		"@remotion/compositor-linux-x64-gnu": "4.0.534",
-		"@remotion/compositor-linux-x64-musl": "4.0.534",
-		"@remotion/compositor-win32-x64-msvc": "4.0.534"
+		"@remotion/compositor-darwin-arm64": "4.0.536",
+		"@remotion/compositor-darwin-x64": "4.0.536",
+		"@remotion/compositor-linux-arm64-gnu": "4.0.536",
+		"@remotion/compositor-linux-arm64-musl": "4.0.536",
+		"@remotion/compositor-linux-x64-gnu": "4.0.536",
+		"@remotion/compositor-linux-x64-musl": "4.0.536",
+		"@remotion/compositor-win32-x64-msvc": "4.0.536"
 	},
 	"keywords": [
 		"remotion",

package/dist/options/experimental-client-side-rendering.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.experimentalClientSideRenderingOption = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-let experimentalClientSideRenderingEnabled = false;
-const cliFlag = 'enable-experimental-client-side-rendering';
-exports.experimentalClientSideRenderingOption = {
-    name: 'Enable Experimental Client-Side Rendering',
-    cliFlag,
-    description: () => (jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: "Enable WIP client-side rendering in the Remotion Studio. See https://www.remotion.dev/docs/client-side-rendering/ for notes." })),
-    ssrName: null,
-    docLink: 'https://www.remotion.dev/docs/client-side-rendering',
-    type: false,
-    getValue: ({ commandLine }) => {
-        if (commandLine[cliFlag] !== null) {
-            return {
-                value: commandLine[cliFlag],
-                source: 'cli',
-            };
-        }
-        return {
-            value: experimentalClientSideRenderingEnabled,
-            source: 'config',
-        };
-    },
-    setConfig(value) {
-        experimentalClientSideRenderingEnabled = value;
-    },
-    id: cliFlag,
-};

package/dist/prestitcher-memory-usage.d.ts

@@ -1,13 +0,0 @@
-export declare const hasEnoughMemoryForParallelEncoding: ({ freeMemory, estimatedUsage, }: {
-    freeMemory: number;
-    estimatedUsage: number;
-}) => boolean;
-export declare const shouldUseParallelEncoding: ({ width, height, logLevel, }: {
-    width: number;
-    height: number;
-    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
-}) => {
-    hasEnoughMemory: boolean;
-    freeMemory: number;
-    estimatedUsage: number;
-};

package/dist/prestitcher-memory-usage.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.shouldUseParallelEncoding = exports.hasEnoughMemoryForParallelEncoding = void 0;
-const get_available_memory_1 = require("./memory/get-available-memory");
-const MINIMUM_MEMORY_LEFT = 2000000000;
-const hasEnoughMemoryForParallelEncoding = ({ freeMemory, estimatedUsage, }) => {
-    return freeMemory - estimatedUsage > MINIMUM_MEMORY_LEFT;
-};
-exports.hasEnoughMemoryForParallelEncoding = hasEnoughMemoryForParallelEncoding;
-const estimateMemoryUsageForPrestitcher = ({ width, height, }) => {
-    // Empirically we detected that per 1 million pixels, FFMPEG uses around 1GB of memory, relatively independent of
-    // the duration of the video.
-    const memoryUsageFor4K = 1000000000;
-    const memoryUsageOfPixel = memoryUsageFor4K / 1000000;
-    return memoryUsageOfPixel * width * height;
-};
-const shouldUseParallelEncoding = ({ width, height, logLevel, }) => {
-    const freeMemory = (0, get_available_memory_1.getAvailableMemory)(logLevel);
-    const estimatedUsage = estimateMemoryUsageForPrestitcher({
-        height,
-        width,
-    });
-    const hasEnoughMemory = (0, exports.hasEnoughMemoryForParallelEncoding)({
-        estimatedUsage,
-        freeMemory,
-    });
-    return {
-        hasEnoughMemory,
-        freeMemory,
-        estimatedUsage,
-    };
-};
-exports.shouldUseParallelEncoding = shouldUseParallelEncoding;

package/dist/render-partitions.d.ts

@@ -1,7 +0,0 @@
-export declare const renderPartitions: ({ frames, concurrency, }: {
-    frames: number[];
-    concurrency: number;
-}) => {
-    partitions: number[][];
-    getNextFrame: (pageIndex: number) => number;
-};

package/dist/render-partitions.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderPartitions = void 0;
-const renderPartitions = ({ frames, concurrency, }) => {
-    const partitions = [];
-    let start = 0;
-    for (let i = 0; i < concurrency; i++) {
-        const end = start + Math.ceil((frames.length - start) / (concurrency - i));
-        partitions.push(frames.slice(start, end));
-        start = end;
-    }
-    return {
-        partitions,
-        getNextFrame: (pageIndex) => {
-            if (partitions[pageIndex].length === 0) {
-                const partitionLengths = partitions.map((p) => p.length);
-                if (partitionLengths.every((p) => p === 0)) {
-                    throw new Error('No more frames to render');
-                }
-                let longestRemainingPartitionIndex = -1;
-                for (let i = 0; i < partitions.length; i++) {
-                    if (longestRemainingPartitionIndex === -1) {
-                        longestRemainingPartitionIndex = i;
-                        continue;
-                    }
-                    if (partitions[i].length >
-                        partitions[longestRemainingPartitionIndex].length) {
-                        longestRemainingPartitionIndex = i;
-                    }
-                }
-                if (longestRemainingPartitionIndex === -1) {
-                    throw new Error('No more frames to render');
-                }
-                // Round up - let's say only one frame is left to render, we should take this one
-                const slicePoint = Math.ceil(partitions[longestRemainingPartitionIndex].length / 2) -
-                    // but don't forget it's zero indexed :)
-                    1;
-                partitions[pageIndex] =
-                    partitions[longestRemainingPartitionIndex].slice(slicePoint);
-                partitions[longestRemainingPartitionIndex] = partitions[longestRemainingPartitionIndex].slice(0, slicePoint);
-            }
-            const value = partitions[pageIndex].shift();
-            if (value === undefined) {
-                throw new Error('No more frames to render');
-            }
-            return value;
-        },
-    };
-};
-exports.renderPartitions = renderPartitions;