@remotion/renderer 4.0.351 → 4.0.352

package/dist/options/options-map.d.ts

@@ -1,5 +1,23 @@
 export declare const optionsMap: {
     readonly renderMedia: {
+        readonly mediaCacheSizeInBytes: {
+            name: string;
+            cliFlag: "media-cache-size-in-bytes";
+            description: () => import("react/jsx-runtime").JSX.Element;
+            ssrName: "mediaCacheSizeInBytes";
+            docLink: string;
+            type: number | null;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                source: string;
+                value: number;
+            } | {
+                source: string;
+                value: null;
+            };
+            setConfig: (size: number | null) => void;
+        };
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
@@ -413,6 +431,24 @@ export declare const optionsMap: {
         };
     };
     readonly renderStill: {
+        readonly mediaCacheSizeInBytes: {
+            name: string;
+            cliFlag: "media-cache-size-in-bytes";
+            description: () => import("react/jsx-runtime").JSX.Element;
+            ssrName: "mediaCacheSizeInBytes";
+            docLink: string;
+            type: number | null;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                source: string;
+                value: number;
+            } | {
+                source: string;
+                value: null;
+            };
+            setConfig: (size: number | null) => void;
+        };
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
@@ -536,6 +572,24 @@ export declare const optionsMap: {
         };
     };
     readonly getCompositions: {
+        readonly mediaCacheSizeInBytes: {
+            name: string;
+            cliFlag: "media-cache-size-in-bytes";
+            description: () => import("react/jsx-runtime").JSX.Element;
+            ssrName: "mediaCacheSizeInBytes";
+            docLink: string;
+            type: number | null;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                source: string;
+                value: number;
+            } | {
+                source: string;
+                value: null;
+            };
+            setConfig: (size: number | null) => void;
+        };
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
@@ -644,6 +698,24 @@ export declare const optionsMap: {
         };
     };
     readonly selectComposition: {
+        readonly mediaCacheSizeInBytes: {
+            name: string;
+            cliFlag: "media-cache-size-in-bytes";
+            description: () => import("react/jsx-runtime").JSX.Element;
+            ssrName: "mediaCacheSizeInBytes";
+            docLink: string;
+            type: number | null;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                source: string;
+                value: number;
+            } | {
+                source: string;
+                value: null;
+            };
+            setConfig: (size: number | null) => void;
+        };
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
@@ -752,6 +824,24 @@ export declare const optionsMap: {
         };
     };
     readonly renderFrames: {
+        readonly mediaCacheSizeInBytes: {
+            name: string;
+            cliFlag: "media-cache-size-in-bytes";
+            description: () => import("react/jsx-runtime").JSX.Element;
+            ssrName: "mediaCacheSizeInBytes";
+            docLink: string;
+            type: number | null;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                source: string;
+                value: number;
+            } | {
+                source: string;
+                value: null;
+            };
+            setConfig: (size: number | null) => void;
+        };
         readonly forSeamlessAacConcatenation: {
             name: string;
             cliFlag: "for-seamless-aac-concatenation";
@@ -908,6 +998,24 @@ export declare const optionsMap: {
         };
     };
     readonly renderMediaOnLambda: {
+        readonly mediaCacheSizeInBytes: {
+            name: string;
+            cliFlag: "media-cache-size-in-bytes";
+            description: () => import("react/jsx-runtime").JSX.Element;
+            ssrName: "mediaCacheSizeInBytes";
+            docLink: string;
+            type: number | null;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                source: string;
+                value: number;
+            } | {
+                source: string;
+                value: null;
+            };
+            setConfig: (size: number | null) => void;
+        };
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
@@ -1162,6 +1270,24 @@ export declare const optionsMap: {
         };
     };
     readonly renderStillOnLambda: {
+        readonly mediaCacheSizeInBytes: {
+            name: string;
+            cliFlag: "media-cache-size-in-bytes";
+            description: () => import("react/jsx-runtime").JSX.Element;
+            ssrName: "mediaCacheSizeInBytes";
+            docLink: string;
+            type: number | null;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                source: string;
+                value: number;
+            } | {
+                source: string;
+                value: null;
+            };
+            setConfig: (size: number | null) => void;
+        };
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
@@ -1293,11 +1419,11 @@ export declare const optionsMap: {
         };
     };
     readonly getCompositionsOnLambda: {
-        readonly offthreadVideoCacheSizeInBytes: {
+        readonly mediaCacheSizeInBytes: {
             name: string;
-            cliFlag: "offthreadvideo-cache-size-in-bytes";
+            cliFlag: "media-cache-size-in-bytes";
             description: () => import("react/jsx-runtime").JSX.Element;
-            ssrName: "offthreadVideoCacheSizeInBytes";
+            ssrName: "mediaCacheSizeInBytes";
             docLink: string;
             type: number | null;
             getValue: ({ commandLine }: {
@@ -1311,11 +1437,11 @@ export declare const optionsMap: {
             };
             setConfig: (size: number | null) => void;
         };
-        readonly offthreadVideoThreads: {
+        readonly offthreadVideoCacheSizeInBytes: {
             name: string;
-            cliFlag: "offthreadvideo-video-threads";
+            cliFlag: "offthreadvideo-cache-size-in-bytes";
             description: () => import("react/jsx-runtime").JSX.Element;
-            ssrName: "offthreadVideoThreads";
+            ssrName: "offthreadVideoCacheSizeInBytes";
             docLink: string;
             type: number | null;
             getValue: ({ commandLine }: {
@@ -1361,6 +1487,24 @@ export declare const optionsMap: {
         };
     };
     readonly renderMediaOnCloudRun: {
+        readonly mediaCacheSizeInBytes: {
+            name: string;
+            cliFlag: "media-cache-size-in-bytes";
+            description: () => import("react/jsx-runtime").JSX.Element;
+            ssrName: "mediaCacheSizeInBytes";
+            docLink: string;
+            type: number | null;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                source: string;
+                value: number;
+            } | {
+                source: string;
+                value: null;
+            };
+            setConfig: (size: number | null) => void;
+        };
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
@@ -1645,6 +1789,24 @@ export declare const optionsMap: {
         };
     };
     readonly renderStillOnCloudRun: {
+        readonly mediaCacheSizeInBytes: {
+            name: string;
+            cliFlag: "media-cache-size-in-bytes";
+            description: () => import("react/jsx-runtime").JSX.Element;
+            ssrName: "mediaCacheSizeInBytes";
+            docLink: string;
+            type: number | null;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                source: string;
+                value: number;
+            } | {
+                source: string;
+                value: null;
+            };
+            setConfig: (size: number | null) => void;
+        };
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";

package/dist/options/options-map.js

@@ -30,10 +30,12 @@ const separate_audio_1 = require("./separate-audio");
 const throw_if_site_exists_1 = require("./throw-if-site-exists");
 const timeout_1 = require("./timeout");
 const video_bitrate_1 = require("./video-bitrate");
+const video_cache_size_1 = require("./video-cache-size");
 const video_codec_1 = require("./video-codec");
 const x264_preset_1 = require("./x264-preset");
 exports.optionsMap = {
     renderMedia: {
+        mediaCacheSizeInBytes: video_cache_size_1.mediaCacheSizeInBytesOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
         offthreadVideoThreads: offthreadvideo_threads_1.offthreadVideoThreadsOption,
         videoBitrate: video_bitrate_1.videoBitrateOption,
@@ -63,6 +65,7 @@ exports.optionsMap = {
         hardwareAcceleration: hardware_acceleration_1.hardwareAccelerationOption,
     },
     renderStill: {
+        mediaCacheSizeInBytes: video_cache_size_1.mediaCacheSizeInBytesOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
         offthreadVideoThreads: offthreadvideo_threads_1.offthreadVideoThreadsOption,
         jpegQuality: jpeg_quality_1.jpegQualityOption,
@@ -73,6 +76,7 @@ exports.optionsMap = {
         chromeMode: chrome_mode_1.chromeModeOption,
     },
     getCompositions: {
+        mediaCacheSizeInBytes: video_cache_size_1.mediaCacheSizeInBytesOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
         offthreadVideoThreads: offthreadvideo_threads_1.offthreadVideoThreadsOption,
         logLevel: log_level_1.logLevelOption,
@@ -82,6 +86,7 @@ exports.optionsMap = {
         chromeMode: chrome_mode_1.chromeModeOption,
     },
     selectComposition: {
+        mediaCacheSizeInBytes: video_cache_size_1.mediaCacheSizeInBytesOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
         offthreadVideoThreads: offthreadvideo_threads_1.offthreadVideoThreadsOption,
         logLevel: log_level_1.logLevelOption,
@@ -91,6 +96,7 @@ exports.optionsMap = {
         chromeMode: chrome_mode_1.chromeModeOption,
     },
     renderFrames: {
+        mediaCacheSizeInBytes: video_cache_size_1.mediaCacheSizeInBytesOption,
         forSeamlessAacConcatenation: for_seamless_aac_concatenation_1.forSeamlessAacConcatenationOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
         offthreadVideoThreads: offthreadvideo_threads_1.offthreadVideoThreadsOption,
@@ -103,6 +109,7 @@ exports.optionsMap = {
         imageSequencePattern: image_sequence_pattern_1.imageSequencePatternOption,
     },
     renderMediaOnLambda: {
+        mediaCacheSizeInBytes: video_cache_size_1.mediaCacheSizeInBytesOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
         offthreadVideoThreads: offthreadvideo_threads_1.offthreadVideoThreadsOption,
         videoBitrate: video_bitrate_1.videoBitrateOption,
@@ -120,6 +127,7 @@ exports.optionsMap = {
         apiKey: api_key_1.apiKeyOption,
     },
     renderStillOnLambda: {
+        mediaCacheSizeInBytes: video_cache_size_1.mediaCacheSizeInBytesOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
         offthreadVideoThreads: offthreadvideo_threads_1.offthreadVideoThreadsOption,
         jpegQuality: jpeg_quality_1.jpegQualityOption,
@@ -130,12 +138,13 @@ exports.optionsMap = {
         apiKey: api_key_1.apiKeyOption,
     },
     getCompositionsOnLambda: {
+        mediaCacheSizeInBytes: video_cache_size_1.mediaCacheSizeInBytesOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
-        offthreadVideoThreads: offthreadvideo_threads_1.offthreadVideoThreadsOption,
         logLevel: log_level_1.logLevelOption,
         timeoutInMilliseconds: timeout_1.delayRenderTimeoutInMillisecondsOption,
     },
     renderMediaOnCloudRun: {
+        mediaCacheSizeInBytes: video_cache_size_1.mediaCacheSizeInBytesOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
         offthreadVideoThreads: offthreadvideo_threads_1.offthreadVideoThreadsOption,
         numberOfGifLoops: number_of_gif_loops_1.numberOfGifLoopsOption,
@@ -155,6 +164,7 @@ exports.optionsMap = {
         jpegQuality: jpeg_quality_1.jpegQualityOption,
     },
     renderStillOnCloudRun: {
+        mediaCacheSizeInBytes: video_cache_size_1.mediaCacheSizeInBytesOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
         offthreadVideoThreads: offthreadvideo_threads_1.offthreadVideoThreadsOption,
         logLevel: log_level_1.logLevelOption,

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

@@ -0,0 +1,19 @@
+export declare const getMediaCacheSizeInBytes: () => number | null;
+export declare const mediaCacheSizeInBytesOption: {
+    name: string;
+    cliFlag: "media-cache-size-in-bytes";
+    description: () => import("react/jsx-runtime").JSX.Element;
+    ssrName: "mediaCacheSizeInBytes";
+    docLink: string;
+    type: number | null;
+    getValue: ({ commandLine }: {
+        commandLine: Record<string, unknown>;
+    }) => {
+        source: string;
+        value: number;
+    } | {
+        source: string;
+        value: null;
+    };
+    setConfig: (size: number | null) => void;
+};

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mediaCacheSizeInBytesOption = exports.getMediaCacheSizeInBytes = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+let mediaCacheSizeInBytes = null;
+const getMediaCacheSizeInBytes = () => {
+    return mediaCacheSizeInBytes;
+};
+exports.getMediaCacheSizeInBytes = getMediaCacheSizeInBytes;
+const cliFlag = 'media-cache-size-in-bytes';
+exports.mediaCacheSizeInBytesOption = {
+    name: '@remotion/media cache size',
+    cliFlag,
+    description: () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Specify the maximum size of the cache that ", (0, jsx_runtime_1.jsx)("code", { children: "<Video>" }), " and", ' ', (0, jsx_runtime_1.jsx)("code", { children: "<Audio>" }), " from ", (0, jsx_runtime_1.jsx)("code", { children: "@remotion/media" }), " may use combined, in bytes. ", (0, jsx_runtime_1.jsx)("br", {}), "The default is half of the available system memory when the render starts."] })),
+    ssrName: 'mediaCacheSizeInBytes',
+    docLink: 'https://www.remotion.dev/docs/media/video#setting-the-cache-size',
+    type: 0,
+    getValue: ({ commandLine }) => {
+        if (commandLine[cliFlag] !== undefined) {
+            return {
+                source: 'cli',
+                value: commandLine[cliFlag],
+            };
+        }
+        if (mediaCacheSizeInBytes !== null) {
+            return {
+                source: 'config',
+                value: mediaCacheSizeInBytes,
+            };
+        }
+        return {
+            source: 'default',
+            value: null,
+        };
+    },
+    setConfig: (size) => {
+        mediaCacheSizeInBytes = size !== null && size !== void 0 ? size : null;
+    },
+};

package/dist/render-frames.js

@@ -34,7 +34,7 @@ const validate_1 = require("./validate");
 const validate_scale_1 = require("./validate-scale");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
 const MAX_RETRIES_PER_FRAME = 1;
-const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, jpegQuality, imageFormat, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, resolvedConcurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, sourceMapGetter, logLevel, indent, parallelEncodingEnabled, compositionStart, forSeamlessAacConcatenation, onArtifact, binariesDirectory, imageSequencePattern, }) => {
+const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, jpegQuality, imageFormat, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, resolvedConcurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, sourceMapGetter, logLevel, indent, parallelEncodingEnabled, compositionStart, forSeamlessAacConcatenation, onArtifact, binariesDirectory, imageSequencePattern, mediaCacheSizeInBytes, }) => {
     if (outputDir) {
         if (!node_fs_1.default.existsSync(outputDir)) {
             node_fs_1.default.mkdirSync(outputDir, {
@@ -74,6 +74,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
             timeoutInMilliseconds,
             pageIndex,
             isMainTab: pageIndex === 0,
+            mediaCacheSizeInBytes,
         });
     };
     const getPool = async () => {
@@ -192,7 +193,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
         frameCount: framesToRender.length,
     };
 };
-const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, envVariables, everyNthFrame, frameRange, imageFormat, indent, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, logLevel, webpackBundleOrServeUrl, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, parallelEncodingEnabled, binariesDirectory, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, onArtifact, chromeMode, offthreadVideoThreads, imageSequencePattern, }) => {
+const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, envVariables, everyNthFrame, frameRange, imageFormat, indent, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, logLevel, webpackBundleOrServeUrl, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, parallelEncodingEnabled, binariesDirectory, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, onArtifact, chromeMode, offthreadVideoThreads, imageSequencePattern, mediaCacheSizeInBytes, }) => {
     (0, validate_1.validateDimension)(composition.height, 'height', 'in the `config` object passed to `renderFrames()`');
     (0, validate_1.validateDimension)(composition.width, 'width', 'in the `config` object passed to `renderFrames()`');
     (0, validate_1.validateFps)(composition.fps, 'in the `config` object of `renderFrames()`', false);
@@ -295,6 +296,7 @@ const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOpti
                     chromeMode,
                     offthreadVideoThreads,
                     imageSequencePattern,
+                    mediaCacheSizeInBytes,
                 });
             }),
         ])
@@ -343,7 +345,7 @@ exports.internalRenderFrames = (0, wrap_with_error_handling_1.wrapWithErrorHandl
  * @see [Documentation](https://www.remotion.dev/docs/renderer/render-frames)
  */
 const renderFrames = (options) => {
-    const { composition, inputProps, onFrameUpdate, onStart, outputDir, serveUrl, browserExecutable, cancelSignal, chromiumOptions, concurrency, dumpBrowserLogs, envVariables, everyNthFrame, frameRange, imageFormat, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, port, puppeteerInstance, scale, timeoutInMilliseconds, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, onArtifact, chromeMode, offthreadVideoThreads, imageSequencePattern, } = options;
+    const { composition, inputProps, onFrameUpdate, onStart, outputDir, serveUrl, browserExecutable, cancelSignal, chromiumOptions, concurrency, dumpBrowserLogs, envVariables, everyNthFrame, frameRange, imageFormat, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, port, puppeteerInstance, scale, timeoutInMilliseconds, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, onArtifact, chromeMode, offthreadVideoThreads, imageSequencePattern, mediaCacheSizeInBytes, } = options;
     if (!composition) {
         throw new Error('No `composition` option has been specified for renderFrames()');
     }
@@ -401,6 +403,7 @@ const renderFrames = (options) => {
         chromeMode: chromeMode !== null && chromeMode !== void 0 ? chromeMode : 'headless-shell',
         offthreadVideoThreads: offthreadVideoThreads !== null && offthreadVideoThreads !== void 0 ? offthreadVideoThreads : null,
         imageSequencePattern: imageSequencePattern !== null && imageSequencePattern !== void 0 ? imageSequencePattern : null,
+        mediaCacheSizeInBytes: mediaCacheSizeInBytes !== null && mediaCacheSizeInBytes !== void 0 ? mediaCacheSizeInBytes : null,
     });
 };
 exports.renderFrames = renderFrames;

package/dist/render-media.d.ts

@@ -129,5 +129,5 @@ type RenderMediaResult = {
     slowestFrames: SlowFrame[];
 };
 export declare const internalRenderMedia: (args_0: InternalRenderMediaOptions) => Promise<RenderMediaResult>;
-export declare const renderMedia: ({ proResProfile, x264Preset, crf, composition, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, jpegQuality, concurrency, serveUrl, disallowParallelEncoding, everyNthFrame, imageFormat, numberOfGifLoops, dumpBrowserLogs, preferLossless, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, onBrowserDownload, onArtifact, metadata, hardwareAcceleration, chromeMode, offthreadVideoThreads, compositionStart, }: RenderMediaOptions) => Promise<RenderMediaResult>;
+export declare const renderMedia: ({ proResProfile, x264Preset, crf, composition, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, jpegQuality, concurrency, serveUrl, disallowParallelEncoding, everyNthFrame, imageFormat, numberOfGifLoops, dumpBrowserLogs, preferLossless, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, onBrowserDownload, onArtifact, metadata, hardwareAcceleration, chromeMode, offthreadVideoThreads, compositionStart, mediaCacheSizeInBytes, }: RenderMediaOptions) => Promise<RenderMediaResult>;
 export {};

package/dist/render-media.js

@@ -52,7 +52,7 @@ const validate_videobitrate_1 = require("./validate-videobitrate");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
 const SLOWEST_FRAME_COUNT = 10;
 const MAX_RECENT_FRAME_TIMINGS = 50;
-const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition: compositionWithPossibleUnevenDimensions, serializedInputPropsWithCustomSchema, pixelFormat: userPixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, onArtifact, metadata, hardwareAcceleration, chromeMode, offthreadVideoThreads, }) => {
+const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition: compositionWithPossibleUnevenDimensions, serializedInputPropsWithCustomSchema, pixelFormat: userPixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, onArtifact, metadata, hardwareAcceleration, chromeMode, offthreadVideoThreads, mediaCacheSizeInBytes, }) => {
     var _a, _b;
     const pixelFormat = (_a = userPixelFormat !== null && userPixelFormat !== void 0 ? userPixelFormat : compositionWithPossibleUnevenDimensions.defaultPixelFormat) !== null && _a !== void 0 ? _a : pixel_format_1.DEFAULT_PIXEL_FORMAT;
     if (repro) {
@@ -393,6 +393,7 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition: c
                 onArtifact,
                 chromeMode,
                 imageSequencePattern: null,
+                mediaCacheSizeInBytes,
             });
             return renderFramesProc;
         })
@@ -539,7 +540,7 @@ exports.internalRenderMedia = (0, wrap_with_error_handling_1.wrapWithErrorHandli
  * @description Render a video or an audio programmatically.
  * @see [Documentation](https://www.remotion.dev/docs/renderer/render-media)
  */
-const renderMedia = ({ proResProfile, x264Preset, crf, composition, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, jpegQuality, concurrency, serveUrl, disallowParallelEncoding, everyNthFrame, imageFormat, numberOfGifLoops, dumpBrowserLogs, preferLossless, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, onBrowserDownload, onArtifact, metadata, hardwareAcceleration, chromeMode, offthreadVideoThreads, compositionStart, }) => {
+const renderMedia = ({ proResProfile, x264Preset, crf, composition, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, jpegQuality, concurrency, serveUrl, disallowParallelEncoding, everyNthFrame, imageFormat, numberOfGifLoops, dumpBrowserLogs, preferLossless, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, onBrowserDownload, onArtifact, metadata, hardwareAcceleration, chromeMode, offthreadVideoThreads, compositionStart, mediaCacheSizeInBytes, }) => {
     var _a, _b;
     const indent = false;
     const logLevel = verbose || dumpBrowserLogs ? 'verbose' : (passedLogLevel !== null && passedLogLevel !== void 0 ? passedLogLevel : 'info');
@@ -615,6 +616,7 @@ const renderMedia = ({ proResProfile, x264Preset, crf, composition, inputProps,
         compositionStart: compositionStart !== null && compositionStart !== void 0 ? compositionStart : 0,
         hardwareAcceleration: hardwareAcceleration !== null && hardwareAcceleration !== void 0 ? hardwareAcceleration : 'disable',
         chromeMode: chromeMode !== null && chromeMode !== void 0 ? chromeMode : 'headless-shell',
+        mediaCacheSizeInBytes: mediaCacheSizeInBytes !== null && mediaCacheSizeInBytes !== void 0 ? mediaCacheSizeInBytes : null,
     });
 };
 exports.renderMedia = renderMedia;

package/dist/render-still.js

@@ -53,6 +53,7 @@ const image_format_1 = require("./image-format");
 const jpeg_quality_1 = require("./jpeg-quality");
 const logger_1 = require("./logger");
 const make_cancel_signal_1 = require("./make-cancel-signal");
+const get_available_memory_1 = require("./memory/get-available-memory");
 const open_browser_1 = require("./open-browser");
 const overwrite_1 = require("./overwrite");
 const prepare_server_1 = require("./prepare-server");
@@ -64,7 +65,7 @@ const validate_1 = require("./validate");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const validate_scale_1 = require("./validate-scale");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
-const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, onError, serializedInputPropsWithCustomSchema, envVariables, output, frame = 0, overwrite, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale, proxyPort, cancelSignal, jpegQuality, onBrowserLog, sourceMapGetter, logLevel, indent, serializedResolvedPropsWithCustomSchema, onBrowserDownload, onArtifact, chromeMode, }) => {
+const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, onError, serializedInputPropsWithCustomSchema, envVariables, output, frame = 0, overwrite, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale, proxyPort, cancelSignal, jpegQuality, onBrowserLog, sourceMapGetter, logLevel, indent, serializedResolvedPropsWithCustomSchema, onBrowserDownload, onArtifact, chromeMode, mediaCacheSizeInBytes, }) => {
     (0, validate_1.validateDimension)(composition.height, 'height', 'in the `config` object passed to `renderStill()`');
     (0, validate_1.validateDimension)(composition.width, 'width', 'in the `config` object passed to `renderStill()`');
     (0, validate_1.validateFps)(composition.fps, 'in the `config` object of `renderStill()`', false);
@@ -160,6 +161,8 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         logLevel,
         onServeUrlVisited: () => undefined,
         isMainTab: true,
+        mediaCacheSizeInBytes,
+        initialMemoryAvailable: (0, get_available_memory_1.getAvailableMemory)(logLevel),
     });
     await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         // eslint-disable-next-line max-params
@@ -294,7 +297,7 @@ exports.internalRenderStill = (0, wrap_with_error_handling_1.wrapWithErrorHandli
  */
 const renderStill = (options) => {
     var _a, _b;
-    const { composition, serveUrl, browserExecutable, cancelSignal, chromiumOptions, dumpBrowserLogs, envVariables, frame, imageFormat, inputProps, jpegQuality, onBrowserLog, onDownload, output, overwrite, port, puppeteerInstance, scale, timeoutInMilliseconds, verbose, quality, offthreadVideoCacheSizeInBytes, logLevel: passedLogLevel, binariesDirectory, onBrowserDownload, onArtifact, chromeMode, offthreadVideoThreads, } = options;
+    const { composition, serveUrl, browserExecutable, cancelSignal, chromiumOptions, dumpBrowserLogs, envVariables, frame, imageFormat, inputProps, jpegQuality, onBrowserLog, onDownload, output, overwrite, port, puppeteerInstance, scale, timeoutInMilliseconds, verbose, quality, offthreadVideoCacheSizeInBytes, logLevel: passedLogLevel, binariesDirectory, onBrowserDownload, onArtifact, chromeMode, offthreadVideoThreads, mediaCacheSizeInBytes, } = options;
     if (typeof jpegQuality !== 'undefined' && imageFormat !== 'jpeg') {
         throw new Error("You can only pass the `quality` option if `imageFormat` is 'jpeg'.");
     }
@@ -344,6 +347,7 @@ const renderStill = (options) => {
         onArtifact: onArtifact !== null && onArtifact !== void 0 ? onArtifact : null,
         chromeMode: chromeMode !== null && chromeMode !== void 0 ? chromeMode : 'headless-shell',
         offthreadVideoThreads: offthreadVideoThreads !== null && offthreadVideoThreads !== void 0 ? offthreadVideoThreads : null,
+        mediaCacheSizeInBytes: mediaCacheSizeInBytes !== null && mediaCacheSizeInBytes !== void 0 ? mediaCacheSizeInBytes : null,
     });
 };
 exports.renderStill = renderStill;

package/dist/select-composition.js

@@ -8,13 +8,14 @@ const handle_javascript_exception_1 = require("./error-handling/handle-javascrip
 const find_closest_package_json_1 = require("./find-closest-package-json");
 const get_browser_instance_1 = require("./get-browser-instance");
 const logger_1 = require("./logger");
+const get_available_memory_1 = require("./memory/get-available-memory");
 const prepare_server_1 = require("./prepare-server");
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
 const seek_to_frame_1 = require("./seek-to-frame");
 const set_props_and_env_1 = require("./set-props-and-env");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
-const innerSelectComposition = async ({ page, serializedInputPropsWithCustomSchema, envVariables, serveUrl, timeoutInMilliseconds, port, id, indent, logLevel, onServeUrlVisited, }) => {
+const innerSelectComposition = async ({ page, serializedInputPropsWithCustomSchema, envVariables, serveUrl, timeoutInMilliseconds, port, id, indent, logLevel, onServeUrlVisited, mediaCacheSizeInBytes, }) => {
     (0, validate_puppeteer_timeout_1.validatePuppeteerTimeout)(timeoutInMilliseconds);
     await (0, set_props_and_env_1.setPropsAndEnv)({
         serializedInputPropsWithCustomSchema,
@@ -31,6 +32,8 @@ const innerSelectComposition = async ({ page, serializedInputPropsWithCustomSche
         logLevel,
         onServeUrlVisited,
         isMainTab: true,
+        mediaCacheSizeInBytes,
+        initialMemoryAvailable: (0, get_available_memory_1.getAvailableMemory)(logLevel),
     });
     await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         page,
@@ -91,7 +94,7 @@ const innerSelectComposition = async ({ page, serializedInputPropsWithCustomSche
 };
 const internalSelectCompositionRaw = async (options) => {
     const cleanup = [];
-    const { puppeteerInstance, browserExecutable, chromiumOptions, serveUrl: serveUrlOrWebpackUrl, logLevel, indent, port, envVariables, id, serializedInputPropsWithCustomSchema, onBrowserLog, server, timeoutInMilliseconds, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, onServeUrlVisited, chromeMode, } = options;
+    const { puppeteerInstance, browserExecutable, chromiumOptions, serveUrl: serveUrlOrWebpackUrl, logLevel, indent, port, envVariables, id, serializedInputPropsWithCustomSchema, onBrowserLog, server, timeoutInMilliseconds, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, onServeUrlVisited, chromeMode, mediaCacheSizeInBytes, } = options;
     const [{ page, cleanupPage }, serverUsed] = await Promise.all([
         (0, get_browser_instance_1.getPageAndCleanupFn)({
             passedInInstance: puppeteerInstance,
@@ -150,6 +153,7 @@ const internalSelectCompositionRaw = async (options) => {
             onBrowserDownload,
             onServeUrlVisited,
             chromeMode,
+            mediaCacheSizeInBytes,
         })
             .then((data) => {
             return resolve(data);
@@ -175,7 +179,7 @@ exports.internalSelectComposition = (0, wrap_with_error_handling_1.wrapWithError
  * @see [Documentation](https://www.remotion.dev/docs/renderer/select-composition)
  */
 const selectComposition = async (options) => {
-    const { id, serveUrl, browserExecutable, chromiumOptions, envVariables, inputProps, onBrowserLog, port, puppeteerInstance, timeoutInMilliseconds, verbose, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, chromeMode, offthreadVideoThreads, } = options;
+    const { id, serveUrl, browserExecutable, chromiumOptions, envVariables, inputProps, onBrowserLog, port, puppeteerInstance, timeoutInMilliseconds, verbose, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, chromeMode, offthreadVideoThreads, mediaCacheSizeInBytes, } = options;
     const indent = false;
     const logLevel = passedLogLevel !== null && passedLogLevel !== void 0 ? passedLogLevel : (verbose ? 'verbose' : 'info');
     const data = await (0, exports.internalSelectComposition)({
@@ -206,6 +210,7 @@ const selectComposition = async (options) => {
         onServeUrlVisited: () => undefined,
         chromeMode: chromeMode !== null && chromeMode !== void 0 ? chromeMode : 'headless-shell',
         offthreadVideoThreads: offthreadVideoThreads !== null && offthreadVideoThreads !== void 0 ? offthreadVideoThreads : null,
+        mediaCacheSizeInBytes: mediaCacheSizeInBytes !== null && mediaCacheSizeInBytes !== void 0 ? mediaCacheSizeInBytes : null,
     });
     return data.metadata;
 };

package/dist/set-props-and-env.d.ts

@@ -15,6 +15,8 @@ type SetPropsAndEnv = {
     logLevel: LogLevel;
     onServeUrlVisited: () => void;
     isMainTab: boolean;
+    mediaCacheSizeInBytes: number | null;
+    initialMemoryAvailable: number | null;
 };
 export declare const setPropsAndEnv: (params: SetPropsAndEnv) => Promise<unknown>;
 export {};

package/dist/set-props-and-env.js

@@ -10,15 +10,17 @@ const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
 const redirect_status_codes_1 = require("./redirect-status-codes");
 const truthy_1 = require("./truthy");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
-const innerSetPropsAndEnv = async ({ serializedInputPropsWithCustomSchema, envVariables, page, serveUrl, initialFrame, timeoutInMilliseconds, proxyPort, retriesRemaining, audioEnabled, videoEnabled, indent, logLevel, onServeUrlVisited, isMainTab, }) => {
+const innerSetPropsAndEnv = async ({ serializedInputPropsWithCustomSchema, envVariables, page, serveUrl, initialFrame, timeoutInMilliseconds, proxyPort, retriesRemaining, audioEnabled, videoEnabled, indent, logLevel, onServeUrlVisited, isMainTab, mediaCacheSizeInBytes, initialMemoryAvailable, }) => {
     (0, validate_puppeteer_timeout_1.validatePuppeteerTimeout)(timeoutInMilliseconds);
     const actualTimeout = timeoutInMilliseconds !== null && timeoutInMilliseconds !== void 0 ? timeoutInMilliseconds : TimeoutSettings_1.DEFAULT_TIMEOUT;
     page.setDefaultTimeout(actualTimeout);
     page.setDefaultNavigationTimeout(actualTimeout);
     const urlToVisit = (0, normalize_serve_url_1.normalizeServeUrl)(serveUrl);
-    await page.evaluateOnNewDocument((timeout, mainTab) => {
+    await page.evaluateOnNewDocument((timeout, mainTab, cacheSizeInBytes, initMemoryAvailable) => {
         window.remotion_puppeteerTimeout = timeout;
         window.remotion_isMainTab = mainTab;
+        window.remotion_mediaCacheSizeInBytes = cacheSizeInBytes;
+        window.remotion_initialMemoryAvailable = initMemoryAvailable;
         // To make useRemotionEnvironment() work
         if (window.process === undefined) {
             // @ts-expect-error
@@ -28,7 +30,7 @@ const innerSetPropsAndEnv = async ({ serializedInputPropsWithCustomSchema, envVa
             window.process.env = {};
         }
         window.process.env.NODE_ENV = 'production';
-    }, actualTimeout, isMainTab);
+    }, actualTimeout, isMainTab, mediaCacheSizeInBytes, initialMemoryAvailable);
     await page.evaluateOnNewDocument('window.remotion_broadcastChannel = new BroadcastChannel("remotion-video-frame-extraction")');
     if (envVariables) {
         await page.evaluateOnNewDocument((input) => {
@@ -82,6 +84,8 @@ const innerSetPropsAndEnv = async ({ serializedInputPropsWithCustomSchema, envVa
             logLevel,
             onServeUrlVisited,
             isMainTab,
+            mediaCacheSizeInBytes,
+            initialMemoryAvailable,
         });
     };
     const [pageRes, error] = await (0, goto_page_or_throw_1.gotoPageOrThrow)(page, urlToVisit, actualTimeout);