@remotion/renderer 4.0.0-reorg.8 → 4.0.0-retry.8

package/dist/render-frames.js

@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderFrames = void 0;
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
+const perf_hooks_1 = require("perf_hooks");
 const remotion_1 = require("remotion");
 const download_and_map_assets_to_file_1 = require("./assets/download-and-map-assets-to-file");
+const download_map_1 = require("./assets/download-map");
 const browser_1 = require("./browser");
 const compress_assets_1 = require("./compress-assets");
 const cycle_browser_tabs_1 = require("./cycle-browser-tabs");
@@ -18,7 +20,6 @@ const get_frame_padded_index_1 = require("./get-frame-padded-index");
 const get_frame_to_render_1 = require("./get-frame-to-render");
 const image_format_1 = require("./image-format");
 const legacy_webpack_config_1 = require("./legacy-webpack-config");
-const make_assets_download_dir_1 = require("./make-assets-download-dir");
 const open_browser_1 = require("./open-browser");
 const perf_1 = require("./perf");
 const pool_1 = require("./pool");
@@ -30,6 +31,7 @@ const seek_to_frame_1 = require("./seek-to-frame");
 const set_props_and_env_1 = require("./set-props-and-env");
 const truthy_1 = require("./truthy");
 const validate_scale_1 = require("./validate-scale");
+const MAX_RETRIES_PER_FRAME = 1;
 const getComposition = (others) => {
     if ('composition' in others) {
         return others.composition;
@@ -39,12 +41,21 @@ const getComposition = (others) => {
     }
     return undefined;
 };
+const getConcurrency = (others) => {
+    if ('concurrency' in others) {
+        return others.concurrency;
+    }
+    if ('parallelism' in others) {
+        return others.parallelism;
+    }
+    return undefined;
+};
 const getPool = async (pages) => {
     const puppeteerPages = await Promise.all(pages);
     const pool = new pool_1.Pool(puppeteerPages);
     return pool;
 };
-const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, quality, imageFormat = image_format_1.DEFAULT_IMAGE_FORMAT, frameRange, puppeteerInstance, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, actualParallelism, downloadDir, everyNthFrame = 1, proxyPort, cancelSignal, }) => {
+const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, quality, imageFormat = image_format_1.DEFAULT_IMAGE_FORMAT, frameRange, puppeteerInstance, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, actualConcurrency, everyNthFrame = 1, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, }) => {
     if (!puppeteerInstance) {
         throw new Error('no puppeteer instance passed to innerRenderFrames - internal error');
     }
@@ -59,8 +70,8 @@ const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, qual
     const realFrameRange = (0, get_frame_to_render_1.getRealFrameRange)(composition.durationInFrames, frameRange !== null && frameRange !== void 0 ? frameRange : null);
     const framesToRender = (0, get_duration_from_frame_range_1.getFramesToRender)(realFrameRange, everyNthFrame);
     const lastFrame = framesToRender[framesToRender.length - 1];
-    const pages = new Array(actualParallelism).fill(true).map(async () => {
-        const page = await puppeteerInstance.newPage();
+    const makePage = async (instance) => {
+        const page = await instance.newPage();
         pagesArray.push(page);
         await page.setViewport({
             width: composition.width,
@@ -87,21 +98,37 @@ const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, qual
             timeoutInMilliseconds,
             proxyPort,
             retriesRemaining: 2,
+            audioEnabled: !muted,
+            videoEnabled: imageFormat !== 'none',
         });
         await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
-            pageFunction: (id) => {
+            // eslint-disable-next-line max-params
+            pageFunction: (id, defaultProps, durationInFrames, fps, height, width) => {
                 window.setBundleMode({
                     type: 'composition',
                     compositionName: id,
+                    compositionDefaultProps: defaultProps,
+                    compositionDurationInFrames: durationInFrames,
+                    compositionFps: fps,
+                    compositionHeight: height,
+                    compositionWidth: width,
                 });
             },
-            args: [composition.id],
+            args: [
+                composition.id,
+                composition.defaultProps,
+                composition.durationInFrames,
+                composition.fps,
+                composition.height,
+                composition.width,
+            ],
             frame: null,
             page,
         });
         page.off('console', logCallback);
         return page;
-    });
+    };
+    const pages = new Array(actualConcurrency).fill(true).map(makePage);
     // If rendering a GIF and skipping frames, we must ensure it starts from 0
     // and then is consecutive so FFMPEG recognizes the sequence
     const countType = everyNthFrame === 1 ? 'actual-frames' : 'from-zero';
@@ -120,14 +147,15 @@ const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, qual
     cancelSignal === null || cancelSignal === void 0 ? void 0 : cancelSignal(() => {
         stopped = true;
     });
-    const progress = Promise.all(framesToRender.map(async (frame, index) => {
+    const renderFrameWithOptionToReject = async (frame, index, reject) => {
         const pool = await poolPromise;
         const freePage = await pool.acquire();
         if (stopped) {
-            throw new Error('Render was stopped');
+            return reject(new Error('Render was stopped'));
         }
+        const startTime = perf_hooks_1.performance.now();
         const errorCallbackOnFrame = (err) => {
-            onError(err);
+            reject(err);
         };
         const cleanupPageError = (0, handle_javascript_exception_1.handleJavascriptException)({
             page: freePage,
@@ -187,26 +215,59 @@ const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, qual
         compressedAssets.forEach((asset) => {
             (0, download_and_map_assets_to_file_1.downloadAndMapAssetsToFileUrl)({
                 asset,
-                downloadDir,
                 onDownload,
+                downloadMap,
             }).catch((err) => {
                 onError(new Error(`Error while downloading asset: ${err.stack}`));
             });
         });
-        pool.release(freePage);
         framesRendered++;
-        onFrameUpdate(framesRendered, frame);
+        onFrameUpdate(framesRendered, frame, perf_hooks_1.performance.now() - startTime);
         cleanupPageError();
         freePage.off('error', errorCallbackOnFrame);
-        return compressedAssets;
-    }));
+        pool.release(freePage);
+    };
+    const renderFrame = (frame, index) => {
+        return new Promise((resolve, reject) => {
+            renderFrameWithOptionToReject(frame, index, reject)
+                .then(() => {
+                resolve();
+            })
+                .catch((err) => {
+                reject(err);
+            });
+        });
+    };
+    const renderFrameAndRetryTargetClose = async (frame, index, retriesLeft, attempt) => {
+        var _a, _b;
+        try {
+            await renderFrame(frame, index);
+        }
+        catch (err) {
+            if (!((_a = err === null || err === void 0 ? void 0 : err.message) === null || _a === void 0 ? void 0 : _a.includes('Target closed')) &&
+                !((_b = err === null || err === void 0 ? void 0 : err.message) === null || _b === void 0 ? void 0 : _b.includes('Session closed'))) {
+                throw err;
+            }
+            if (retriesLeft === 0) {
+                console.warn(err, `The browser crashed ${attempt} times while rendering frame ${frame}. Not retrying anymore. Learn more about this error under https://www.remotion.dev/docs/target-closed`);
+                throw err;
+            }
+            console.warn(`The browser crashed while rendering frame ${frame}, retrying ${retriesLeft} more times. Learn more about this error under https://www.remotion.dev/docs/target-closed`);
+            const pool = await poolPromise;
+            const page = await makePage(await makeBrowser());
+            pool.release(page);
+            await renderFrameAndRetryTargetClose(frame, index, retriesLeft - 1, attempt + 1);
+        }
+    };
+    const progress = Promise.all(framesToRender.map((frame, index) => renderFrameAndRetryTargetClose(frame, index, MAX_RETRIES_PER_FRAME, 1)));
     const happyPath = progress.then(() => {
+        const firstFrameIndex = countType === 'from-zero' ? 0 : framesToRender[0];
         const returnValue = {
             assetsInfo: {
                 assets,
-                downloadDir,
                 imageSequenceName: `element-%0${filePadLength}d.${imageFormat}`,
-                firstFrameIndex: framesToRender[0],
+                firstFrameIndex,
+                downloadMap,
             },
             frameCount: framesToRender.length,
         };
@@ -219,8 +280,9 @@ const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, qual
         .then(() => happyPath);
 };
 const renderFrames = (options) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     const composition = getComposition(options);
+    const concurrency = getConcurrency(options);
     if (!composition) {
         throw new Error('No `composition` option has been specified for renderFrames()');
     }
@@ -234,15 +296,19 @@ const renderFrames = (options) => {
     const selectedServeUrl = (0, legacy_webpack_config_1.getServeUrlWithFallback)(options);
     (0, quality_1.validateQuality)(options.quality);
     (0, validate_scale_1.validateScale)(options.scale);
-    const browserInstance = (_a = options.puppeteerInstance) !== null && _a !== void 0 ? _a : (0, open_browser_1.openBrowser)(browser_1.DEFAULT_BROWSER, {
-        shouldDumpIo: options.dumpBrowserLogs,
-        browserExecutable: options.browserExecutable,
-        chromiumOptions: options.chromiumOptions,
-        forceDeviceScaleFactor: (_b = options.scale) !== null && _b !== void 0 ? _b : 1,
-    });
-    const downloadDir = (0, make_assets_download_dir_1.makeAssetsDownloadTmpDir)();
+    const makeBrowser = () => {
+        var _a;
+        return (0, open_browser_1.openBrowser)(browser_1.DEFAULT_BROWSER, {
+            shouldDumpIo: options.dumpBrowserLogs,
+            browserExecutable: options.browserExecutable,
+            chromiumOptions: options.chromiumOptions,
+            forceDeviceScaleFactor: (_a = options.scale) !== null && _a !== void 0 ? _a : 1,
+        });
+    };
+    const browserInstance = (_a = options.puppeteerInstance) !== null && _a !== void 0 ? _a : makeBrowser();
+    const downloadMap = (_b = options.downloadMap) !== null && _b !== void 0 ? _b : (0, download_map_1.makeDownloadMap)();
     const onDownload = (_c = options.onDownload) !== null && _c !== void 0 ? _c : (() => () => undefined);
-    const actualParallelism = (0, get_concurrency_1.getActualConcurrency)((_d = options.parallelism) !== null && _d !== void 0 ? _d : null);
+    const actualConcurrency = (0, get_concurrency_1.getActualConcurrency)(concurrency !== null && concurrency !== void 0 ? concurrency : null);
     const openedPages = [];
     return new Promise((resolve, reject) => {
         var _a, _b, _c;
@@ -260,16 +326,16 @@ const renderFrames = (options) => {
             Promise.all([
                 (0, prepare_server_1.prepareServer)({
                     webpackConfigOrServeUrl: selectedServeUrl,
-                    downloadDir,
                     onDownload,
                     onError,
                     ffmpegExecutable: (_a = options.ffmpegExecutable) !== null && _a !== void 0 ? _a : null,
                     ffprobeExecutable: (_b = options.ffprobeExecutable) !== null && _b !== void 0 ? _b : null,
                     port: (_c = options.port) !== null && _c !== void 0 ? _c : null,
+                    downloadMap,
                 }),
                 browserInstance,
             ]).then(([{ serveUrl, closeServer, offthreadPort }, puppeteerInstance]) => {
-                const { stopCycling } = (0, cycle_browser_tabs_1.cycleBrowserTabs)(puppeteerInstance, actualParallelism);
+                const { stopCycling } = (0, cycle_browser_tabs_1.cycleBrowserTabs)(puppeteerInstance, actualConcurrency);
                 cleanup.push(stopCycling);
                 cleanup.push(closeServer);
                 return innerRenderFrames({
@@ -279,10 +345,11 @@ const renderFrames = (options) => {
                     pagesArray: openedPages,
                     serveUrl,
                     composition,
-                    actualParallelism,
+                    actualConcurrency,
                     onDownload,
-                    downloadDir,
                     proxyPort: offthreadPort,
+                    downloadMap,
+                    makeBrowser,
                 });
             }),
         ])
@@ -311,6 +378,7 @@ const renderFrames = (options) => {
             cleanup.forEach((c) => {
                 c();
             });
+            // Don't clear download dir because it might be used by stitchFramesToVideo
         });
     });
 };

package/dist/render-media.d.ts

@@ -1,11 +1,12 @@
-/// <reference types="node" />
 import type { SmallTCompMetadata } from 'remotion';
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
+import type { DownloadMap } from './assets/download-map';
 import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';
 import type { Browser as PuppeteerBrowser } from './browser/Browser';
 import type { Codec } from './codec';
 import type { FfmpegExecutable } from './ffmpeg-executable';
+import type { FfmpegOverrideFn } from './ffmpeg-override';
 import type { FrameRange } from './frame-range';
 import type { ServeUrlOrWebpackBundle } from './legacy-webpack-config';
 import type { CancelSignal } from './make-cancel-signal';
@@ -14,11 +15,17 @@ import type { PixelFormat } from './pixel-format';
 import type { ProResProfile } from './prores-profile';
 import type { OnStartData } from './types';
 export declare type StitchingState = 'encoding' | 'muxing';
+export declare type SlowFrame = {
+    frame: number;
+    time: number;
+};
+export declare type OnSlowestFrames = (frames: SlowFrame[]) => void;
 export declare type RenderMediaOnProgress = (progress: {
     renderedFrames: number;
     encodedFrames: number;
     encodedDoneIn: number | null;
     renderedDoneIn: number | null;
+    progress: number;
     stitchStage: StitchingState;
 }) => void;
 export declare type RenderMediaOptions = {
@@ -26,7 +33,6 @@ export declare type RenderMediaOptions = {
     codec: Codec;
     composition: SmallTCompMetadata;
     inputProps?: unknown;
-    parallelism?: number | null;
     crf?: number | null;
     imageFormat?: 'png' | 'jpeg' | 'none';
     ffmpegExecutable?: FfmpegExecutable;
@@ -52,10 +58,30 @@ export declare type RenderMediaOptions = {
     cancelSignal?: CancelSignal;
     browserExecutable?: BrowserExecutable;
     verbose?: boolean;
-} & ServeUrlOrWebpackBundle;
+    /**
+     * @deprecated Only for Remotion internal usage
+     */
+    downloadMap?: DownloadMap;
+    muted?: boolean;
+    enforceAudioTrack?: boolean;
+    ffmpegOverride?: FfmpegOverrideFn;
+    audioBitrate?: string | null;
+    videoBitrate?: string | null;
+    onSlowestFrames?: OnSlowestFrames;
+    disallowParallelEncoding?: boolean;
+} & ServeUrlOrWebpackBundle & ConcurrencyOrParallelism;
+declare type ConcurrencyOrParallelism = {
+    concurrency?: number | null;
+} | {
+    /**
+     * @deprecated This field has been renamed to `concurrency`
+     */
+    parallelism?: number | null;
+};
 /**
  *
  * @description Render a video from a composition
  * @link https://www.remotion.dev/docs/renderer/render-media
  */
-export declare const renderMedia: ({ parallelism, proResProfile, crf, composition, imageFormat, ffmpegExecutable, ffprobeExecutable, inputProps, pixelFormat, codec, envVariables, quality, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, dumpBrowserLogs, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, ...options }: RenderMediaOptions) => Promise<Buffer | null>;
+export declare const renderMedia: ({ proResProfile, crf, composition, ffmpegExecutable, ffprobeExecutable, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, dumpBrowserLogs, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, onSlowestFrames, ...options }: RenderMediaOptions) => Promise<Buffer | null>;
+export {};

package/dist/render-media.js

@@ -8,42 +8,75 @@ const fs_1 = __importDefault(require("fs"));
 const os_1 = __importDefault(require("os"));
 const path_1 = __importDefault(require("path"));
 const remotion_1 = require("remotion");
+const download_map_1 = require("./assets/download-map");
 const can_use_parallel_encoding_1 = require("./can-use-parallel-encoding");
+const codec_supports_media_1 = require("./codec-supports-media");
 const crf_1 = require("./crf");
+const delete_directory_1 = require("./delete-directory");
 const ensure_frames_in_order_1 = require("./ensure-frames-in-order");
 const ensure_output_directory_1 = require("./ensure-output-directory");
 const get_duration_from_frame_range_1 = require("./get-duration-from-frame-range");
 const get_extension_from_codec_1 = require("./get-extension-from-codec");
 const get_extension_of_filename_1 = require("./get-extension-of-filename");
 const get_frame_to_render_1 = require("./get-frame-to-render");
+const image_format_1 = require("./image-format");
+const is_audio_codec_1 = require("./is-audio-codec");
 const legacy_webpack_config_1 = require("./legacy-webpack-config");
 const make_cancel_signal_1 = require("./make-cancel-signal");
 const overwrite_1 = require("./overwrite");
 const perf_1 = require("./perf");
+const pixel_format_1 = require("./pixel-format");
 const prespawn_ffmpeg_1 = require("./prespawn-ffmpeg");
+const prestitcher_memory_usage_1 = require("./prestitcher-memory-usage");
+const prores_profile_1 = require("./prores-profile");
 const quality_1 = require("./quality");
 const render_frames_1 = require("./render-frames");
 const stitch_frames_to_video_1 = require("./stitch-frames-to-video");
-const tmp_dir_1 = require("./tmp-dir");
 const validate_even_dimensions_with_codec_1 = require("./validate-even-dimensions-with-codec");
+const validate_every_nth_frame_1 = require("./validate-every-nth-frame");
+const validate_ffmpeg_1 = require("./validate-ffmpeg");
+const validate_ffmpeg_override_1 = require("./validate-ffmpeg-override");
 const validate_output_filename_1 = require("./validate-output-filename");
 const validate_scale_1 = require("./validate-scale");
+const validate_videobitrate_1 = require("./validate-videobitrate");
+const SLOWEST_FRAME_COUNT = 10;
+const getConcurrency = (others) => {
+    if ('concurrency' in others) {
+        return others.concurrency;
+    }
+    if ('parallelism' in others) {
+        return others.parallelism;
+    }
+    return null;
+};
 /**
  *
  * @description Render a video from a composition
  * @link https://www.remotion.dev/docs/renderer/render-media
  */
-const renderMedia = ({ parallelism, proResProfile, crf, composition, imageFormat, ffmpegExecutable, ffprobeExecutable, inputProps, pixelFormat, codec, envVariables, quality, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, dumpBrowserLogs, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, ...options }) => {
-    var _a, _b;
-    (0, quality_1.validateQuality)(quality);
-    if (typeof crf !== 'undefined' && crf !== null) {
-        (0, crf_1.validateSelectedCrfAndCodecCombination)(crf, codec);
-    }
+const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprobeExecutable, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, dumpBrowserLogs, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, onSlowestFrames, ...options }) => {
+    var _a, _b, _c, _d;
+    (0, validate_ffmpeg_1.validateFfmpeg)(ffmpegExecutable !== null && ffmpegExecutable !== void 0 ? ffmpegExecutable : null);
+    (0, quality_1.validateQuality)(options.quality);
+    (0, crf_1.validateQualitySettings)({ crf, codec, videoBitrate });
+    (0, validate_videobitrate_1.validateBitrate)(audioBitrate, 'audioBitrate');
+    (0, validate_videobitrate_1.validateBitrate)(videoBitrate, 'videoBitrate');
+    (0, prores_profile_1.validateSelectedCodecAndProResCombination)({
+        codec,
+        proResProfile,
+    });
+    (0, pixel_format_1.validateSelectedPixelFormatAndCodecCombination)(pixelFormat, codec);
     if (outputLocation) {
         (0, validate_output_filename_1.validateOutputFilename)(codec, (0, get_extension_of_filename_1.getExtensionOfFilename)(outputLocation));
     }
+    const absoluteOutputLocation = outputLocation
+        ? path_1.default.resolve(process.cwd(), outputLocation)
+        : null;
     (0, validate_scale_1.validateScale)(scale);
+    const concurrency = getConcurrency(options);
+    (0, validate_ffmpeg_override_1.validateFfmpegOverride)(ffmpegOverride);
     const everyNthFrame = (_a = options.everyNthFrame) !== null && _a !== void 0 ? _a : 1;
+    (0, validate_every_nth_frame_1.validateEveryNthFrame)(everyNthFrame, codec);
     const numberOfGifLoops = (_b = options.numberOfGifLoops) !== null && _b !== void 0 ? _b : null;
     const serveUrl = (0, legacy_webpack_config_1.getServeUrlWithFallback)(options);
     let stitchStage = 'encoding';
@@ -55,11 +88,32 @@ const renderMedia = ({ parallelism, proResProfile, crf, composition, imageFormat
     let encodedDoneIn = null;
     let cancelled = false;
     const renderStart = Date.now();
-    const tmpdir = (0, tmp_dir_1.tmpDir)('pre-encode');
-    const parallelEncoding = (0, can_use_parallel_encoding_1.canUseParallelEncoding)(codec);
-    const actualImageFormat = imageFormat !== null && imageFormat !== void 0 ? imageFormat : 'jpeg';
+    const downloadMap = (_c = options.downloadMap) !== null && _c !== void 0 ? _c : (0, download_map_1.makeDownloadMap)();
+    const { estimatedUsage, freeMemory, hasEnoughMemory } = (0, prestitcher_memory_usage_1.shouldUseParallelEncoding)({
+        height: composition.height,
+        width: composition.width,
+    });
+    const parallelEncoding = !options.disallowParallelEncoding &&
+        hasEnoughMemory &&
+        (0, can_use_parallel_encoding_1.canUseParallelEncoding)(codec);
+    if (options.verbose) {
+        console.log('[PRESTITCHER] Free memory:', freeMemory, 'Estimated usage parallel encoding', estimatedUsage);
+        console.log('[PRESTITCHER]: Codec supports parallel rendering:', (0, can_use_parallel_encoding_1.canUseParallelEncoding)(codec));
+        console.log('[PRESTITCHER]: User disallowed parallel encoding:', Boolean(options.disallowParallelEncoding));
+        if (parallelEncoding) {
+            console.log('[PRESTITCHER] Parallel encoding is enabled.');
+        }
+        else {
+            console.log('[PRESTITCHER] Parallel encoding is disabled.');
+        }
+    }
+    const imageFormat = (0, is_audio_codec_1.isAudioCodec)(codec)
+        ? 'none'
+        : (_d = options.imageFormat) !== null && _d !== void 0 ? _d : 'jpeg';
+    const quality = imageFormat === 'jpeg' ? options.quality : undefined;
+    (0, image_format_1.validateSelectedPixelFormatAndImageFormatCombination)(pixelFormat, imageFormat);
     const preEncodedFileLocation = parallelEncoding
-        ? path_1.default.join(tmpdir, 'pre-encode.' + (0, get_extension_from_codec_1.getFileExtensionFromCodec)(codec, 'chunk'))
+        ? path_1.default.join(downloadMap.preEncode, 'pre-encode.' + (0, get_extension_from_codec_1.getFileExtensionFromCodec)(codec, 'chunk'))
         : null;
     const outputDir = parallelEncoding
         ? null
@@ -77,6 +131,9 @@ const renderMedia = ({ parallelism, proResProfile, crf, composition, imageFormat
             renderedDoneIn,
             renderedFrames,
             stitchStage,
+            progress: Math.round(((0.7 * renderedFrames + 0.3 * encodedFrames) /
+                composition.durationInFrames) *
+                100) / 100,
         });
     };
     const realFrameRange = (0, get_frame_to_render_1.getRealFrameRange)(composition.durationInFrames, frameRange !== null && frameRange !== void 0 ? frameRange : null);
@@ -107,8 +164,10 @@ const renderMedia = ({ parallelism, proResProfile, crf, composition, imageFormat
                 },
                 verbose: (_a = options.verbose) !== null && _a !== void 0 ? _a : false,
                 ffmpegExecutable,
-                imageFormat: actualImageFormat,
+                imageFormat,
                 signal: cancelPrestitcher.cancelSignal,
+                ffmpegOverride: ffmpegOverride !== null && ffmpegOverride !== void 0 ? ffmpegOverride : (({ args }) => args),
+                videoBitrate: videoBitrate !== null && videoBitrate !== void 0 ? videoBitrate : null,
             });
             stitcherFfmpeg = preStitcher.task;
         }
@@ -126,15 +185,42 @@ const renderMedia = ({ parallelism, proResProfile, crf, composition, imageFormat
             }
         }
     };
+    const mediaSupport = (0, codec_supports_media_1.codecSupportsMedia)(codec);
+    const disableAudio = !mediaSupport.audio || muted;
+    const slowestFrames = [];
+    let maxTime = 0;
+    let minTime = 0;
+    const recordFrameTime = (frameIndex, time) => {
+        var _a, _b;
+        const frameTime = { frame: frameIndex, time };
+        if (time < minTime && slowestFrames.length === SLOWEST_FRAME_COUNT) {
+            return;
+        }
+        if (time > maxTime) {
+            // add at starting;
+            slowestFrames.unshift(frameTime);
+            maxTime = time;
+        }
+        else {
+            // add frame at appropriate position
+            const index = slowestFrames.findIndex(({ time: indexTime }) => indexTime < time);
+            slowestFrames.splice(index, 0, frameTime);
+        }
+        if (slowestFrames.length > SLOWEST_FRAME_COUNT) {
+            slowestFrames.pop();
+        }
+        minTime = (_b = (_a = slowestFrames[slowestFrames.length - 1]) === null || _a === void 0 ? void 0 : _a.time) !== null && _b !== void 0 ? _b : minTime;
+    };
     const happyPath = createPrestitcherIfNecessary()
         .then(() => {
         const renderFramesProc = (0, render_frames_1.renderFrames)({
             config: composition,
-            onFrameUpdate: (frame) => {
+            onFrameUpdate: (frame, frameIndex, timeToRenderInMilliseconds) => {
                 renderedFrames = frame;
                 callUpdate();
+                recordFrameTime(frameIndex, timeToRenderInMilliseconds);
             },
-            parallelism,
+            concurrency,
             outputDir,
             onStart: (data) => {
                 renderedFrames = 0;
@@ -143,7 +229,7 @@ const renderMedia = ({ parallelism, proResProfile, crf, composition, imageFormat
             },
             inputProps,
             envVariables,
-            imageFormat: actualImageFormat,
+            imageFormat,
             quality,
             frameRange: frameRange !== null && frameRange !== void 0 ? frameRange : null,
             puppeteerInstance,
@@ -173,6 +259,8 @@ const renderMedia = ({ parallelism, proResProfile, crf, composition, imageFormat
             browserExecutable,
             port,
             cancelSignal: cancelRenderFrames.cancelSignal,
+            downloadMap,
+            muted: disableAudio,
         });
         return renderFramesProc;
     })
@@ -182,8 +270,8 @@ const renderMedia = ({ parallelism, proResProfile, crf, composition, imageFormat
         .then(([{ assetsInfo }]) => {
         renderedDoneIn = Date.now() - renderStart;
         callUpdate();
-        if (outputLocation) {
-            (0, ensure_output_directory_1.ensureOutputDirectory)(outputLocation);
+        if (absoluteOutputLocation) {
+            (0, ensure_output_directory_1.ensureOutputDirectory)(absoluteOutputLocation);
         }
         const stitchStart = Date.now();
         return Promise.all([
@@ -191,10 +279,10 @@ const renderMedia = ({ parallelism, proResProfile, crf, composition, imageFormat
                 width: composition.width * (scale !== null && scale !== void 0 ? scale : 1),
                 height: composition.height * (scale !== null && scale !== void 0 ? scale : 1),
                 fps,
-                outputLocation,
+                outputLocation: absoluteOutputLocation,
                 internalOptions: {
                     preEncodedFileLocation,
-                    imageFormat: actualImageFormat,
+                    imageFormat,
                 },
                 force: overwrite !== null && overwrite !== void 0 ? overwrite : overwrite_1.DEFAULT_OVERWRITE,
                 pixelFormat,
@@ -214,6 +302,11 @@ const renderMedia = ({ parallelism, proResProfile, crf, composition, imageFormat
                 verbose: options.verbose,
                 dir: outputDir !== null && outputDir !== void 0 ? outputDir : undefined,
                 cancelSignal: cancelStitcher.cancelSignal,
+                muted: disableAudio,
+                enforceAudioTrack,
+                ffmpegOverride,
+                audioBitrate,
+                videoBitrate,
             }),
             stitchStart,
         ]);
@@ -222,6 +315,8 @@ const renderMedia = ({ parallelism, proResProfile, crf, composition, imageFormat
         encodedFrames = (0, get_duration_from_frame_range_1.getFramesToRender)(realFrameRange, everyNthFrame).length;
         encodedDoneIn = Date.now() - stitchStart;
         callUpdate();
+        slowestFrames.sort((a, b) => b.time - a.time);
+        onSlowestFrames === null || onSlowestFrames === void 0 ? void 0 : onSlowestFrames(slowestFrames);
         return buffer;
     })
         .catch((err) => {
@@ -250,7 +345,15 @@ const renderMedia = ({ parallelism, proResProfile, crf, composition, imageFormat
         .finally(() => {
         if (preEncodedFileLocation !== null &&
             fs_1.default.existsSync(preEncodedFileLocation)) {
-            fs_1.default.unlinkSync(preEncodedFileLocation);
+            (0, delete_directory_1.deleteDirectory)(path_1.default.dirname(preEncodedFileLocation));
+        }
+        // Clean download map if it was not passed in
+        if (!(options === null || options === void 0 ? void 0 : options.downloadMap)) {
+            (0, download_map_1.cleanDownloadMap)(downloadMap);
+        }
+        // Clean temporary image frames when rendering ends or fails
+        if (outputDir && fs_1.default.existsSync(outputDir)) {
+            (0, delete_directory_1.deleteDirectory)(outputDir);
         }
     });
     return Promise.race([

package/dist/render-still.d.ts

@@ -1,5 +1,6 @@
 import type { SmallTCompMetadata } from 'remotion';
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
+import type { DownloadMap } from './assets/download-map';
 import type { BrowserExecutable } from './browser-executable';
 import type { Browser as PuppeteerBrowser } from './browser/Browser';
 import type { FfmpegExecutable } from './ffmpeg-executable';
@@ -26,8 +27,12 @@ declare type InnerStillOptions = {
     cancelSignal?: CancelSignal;
     ffmpegExecutable?: FfmpegExecutable;
     ffprobeExecutable?: FfmpegExecutable;
+    /**
+     * @deprecated Only for Remotion internal usage
+     */
+    downloadMap?: DownloadMap;
 };
-declare type RenderStillOptions = InnerStillOptions & ServeUrlOrWebpackBundle & {
+export declare type RenderStillOptions = InnerStillOptions & ServeUrlOrWebpackBundle & {
     port?: number | null;
 };
 /**