@remotion/renderer 4.0.125 → 4.0.127

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

@@ -123,17 +123,17 @@ export declare const optionsMap: {
             description: () => import("react/jsx-runtime").JSX.Element;
             ssrName: string;
             docLink: string;
-            type: "aac" | "mp3" | "h264" | "h265" | "vp8" | "vp9" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif";
+            type: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif";
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
             }, { compositionCodec, configFile, downloadName, outName, uiCodec, }: {
                 outName: string | null;
                 downloadName: string | null;
-                configFile: "aac" | "mp3" | "h264" | "h265" | "vp8" | "vp9" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif" | null;
-                uiCodec: "aac" | "mp3" | "h264" | "h265" | "vp8" | "vp9" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif" | null;
-                compositionCodec: "aac" | "mp3" | "h264" | "h265" | "vp8" | "vp9" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif" | null;
+                configFile: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif" | null;
+                uiCodec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif" | null;
+                compositionCodec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif" | null;
             }) => {
-                value: "aac" | "mp3" | "h264" | "h265" | "vp8" | "vp9" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif";
+                value: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif";
                 source: string;
             };
             setConfig: (newCodec: import("..").CodecOrUndefined) => void;
@@ -287,12 +287,12 @@ export declare const optionsMap: {
         };
         readonly audioCodec: {
             cliFlag: "audio-codec";
-            setConfig: (audioCodec: "pcm-16" | "aac" | "mp3" | "opus" | null) => void;
+            setConfig: (audioCodec: "mp3" | "aac" | "pcm-16" | "opus" | null) => void;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
             }) => {
                 source: string;
-                value: "pcm-16" | "aac" | "mp3" | "opus";
+                value: "mp3" | "aac" | "pcm-16" | "opus";
             } | {
                 source: string;
                 value: null;
@@ -301,28 +301,10 @@ export declare const optionsMap: {
             docLink: string;
             name: string;
             ssrName: "audioCodec";
-            type: "pcm-16" | "aac" | "mp3" | "opus";
+            type: "mp3" | "aac" | "pcm-16" | "opus";
         };
     };
     readonly stitchFramesToVideo: {
-        readonly forSeamlessAacConcatenation: {
-            name: string;
-            cliFlag: "for-seamless-aac-concatenation";
-            description: () => import("react/jsx-runtime").JSX.Element;
-            docLink: string;
-            getValue: ({ commandLine }: {
-                commandLine: Record<string, unknown>;
-            }) => {
-                source: string;
-                value: true;
-            } | {
-                source: string;
-                value: false;
-            };
-            setConfig: (value: boolean) => void;
-            ssrName: string;
-            type: boolean;
-        };
         readonly separateAudioTo: {
             cliFlag: string;
             description: () => string;
@@ -553,6 +535,24 @@ export declare const optionsMap: {
         };
     };
     readonly renderFrames: {
+        readonly forSeamlessAacConcatenation: {
+            name: string;
+            cliFlag: "for-seamless-aac-concatenation";
+            description: () => import("react/jsx-runtime").JSX.Element;
+            docLink: string;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                source: string;
+                value: true;
+            } | {
+                source: string;
+                value: false;
+            };
+            setConfig: (value: boolean) => void;
+            ssrName: string;
+            type: boolean;
+        };
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";

package/dist/options/options-map.js

@@ -46,7 +46,6 @@ exports.optionsMap = {
         audioCodec: audio_codec_1.audioCodecOption,
     },
     stitchFramesToVideo: {
-        forSeamlessAacConcatenation: for_seamless_aac_concatenation_1.forSeamlessAacConcatenationOption,
         separateAudioTo: separate_audio_1.separateAudioOption,
     },
     renderStill: {
@@ -69,6 +68,7 @@ exports.optionsMap = {
         binariesDirectory: binaries_directory_1.binariesDirectoryOption,
     },
     renderFrames: {
+        forSeamlessAacConcatenation: for_seamless_aac_concatenation_1.forSeamlessAacConcatenationOption,
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,
         jpegQuality: jpeg_quality_1.jpegQualityOption,
         logLevel: log_level_1.logLevelOption,

package/dist/options/prores-profile.js

@@ -0,0 +1 @@
+"use strict";

package/dist/options/{separate-audio-to.d.ts → public-dir.d.ts}

@@ -1,6 +1,8 @@
-export declare const separateAudioOption: {
-    cliFlag: string;
+export declare const publicDirOption: {
+    name: string;
+    cliFlag: "public-dir";
     description: () => import("react/jsx-runtime").JSX.Element;
+    ssrName: "publicDir";
     docLink: string;
     getValue: ({ commandLine }: {
         commandLine: Record<string, unknown>;
@@ -11,8 +13,6 @@ export declare const separateAudioOption: {
         source: string;
         value: null;
     };
-    name: string;
-    setConfig: () => never;
-    ssrName: string;
+    setConfig: (value: string | null) => void;
     type: string | null;
 };

package/dist/options/public-dir.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.publicDirOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cliFlag = 'public-dir';
+let currentPublicDir = null;
+exports.publicDirOption = {
+    name: 'Public Directory',
+    cliFlag,
+    description: () => {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Define the location of the", ' ', (0, jsx_runtime_1.jsx)("a", { href: "/docs/terminology/public-dir", children: (0, jsx_runtime_1.jsx)("code", { children: "public/ directory" }) }), ". If not defined, Remotion will assume the location is the `public` folder in your Remotion root."] }));
+    },
+    ssrName: 'publicDir',
+    docLink: 'https://www.remotion.dev/docs/terminology/public-dir',
+    getValue: ({ commandLine }) => {
+        if (commandLine[cliFlag] !== undefined) {
+            return {
+                source: 'cli',
+                value: commandLine[cliFlag],
+            };
+        }
+        if (currentPublicDir !== null) {
+            return {
+                source: 'config',
+                value: currentPublicDir,
+            };
+        }
+        return {
+            source: 'default',
+            value: null,
+        };
+    },
+    setConfig: (value) => {
+        currentPublicDir = value;
+    },
+    type: '',
+};

package/dist/options/public-path.d.ts

@@ -0,0 +1,18 @@
+export declare const publicPathOption: {
+    name: string;
+    cliFlag: "public-path";
+    description: () => import("react/jsx-runtime").JSX.Element;
+    ssrName: "publicPath";
+    docLink: string;
+    getValue: ({ commandLine }: {
+        commandLine: Record<string, unknown>;
+    }) => {
+        source: string;
+        value: string;
+    } | {
+        source: string;
+        value: null;
+    };
+    setConfig: (value: string | null) => void;
+    type: string | null;
+};

package/dist/options/public-path.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.publicPathOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cliFlag = 'public-path';
+let currentPublicPath = null;
+exports.publicPathOption = {
+    name: 'Public Path',
+    cliFlag,
+    description: () => {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["The path of the URL where the bundle is going to be hosted. By default it is ", (0, jsx_runtime_1.jsx)("code", { children: "/" }), ", meaning that the bundle is going to be hosted at the root of the domain (e.g. ", (0, jsx_runtime_1.jsx)("code", { children: "https://localhost:3000/" }), "). If you are deploying to a subdirectory (e.g. ", (0, jsx_runtime_1.jsx)("code", { children: "/sites/my-site/" }), "), you should set this to the subdirectory."] }));
+    },
+    ssrName: 'publicPath',
+    docLink: 'https://www.remotion.dev/docs/renderer',
+    getValue: ({ commandLine }) => {
+        if (commandLine[cliFlag] !== undefined) {
+            return {
+                source: 'cli',
+                value: commandLine[cliFlag],
+            };
+        }
+        if (currentPublicPath !== null) {
+            return {
+                source: 'config',
+                value: currentPublicPath,
+            };
+        }
+        return {
+            source: 'default',
+            value: null,
+        };
+    },
+    setConfig: (value) => {
+        currentPublicPath = value;
+    },
+    type: '',
+};

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

@@ -6,7 +6,7 @@ export declare const videoCodecOption: {
     description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: string;
     docLink: string;
-    type: "aac" | "mp3" | "h264" | "h265" | "vp8" | "vp9" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif";
+    type: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif";
     getValue: ({ commandLine }: {
         commandLine: Record<string, unknown>;
     }, { compositionCodec, configFile, downloadName, outName, uiCodec, }: {

package/dist/preprocess-audio-track.d.ts

@@ -6,13 +6,15 @@ import type { ProcessedTrack } from './stringify-ffmpeg-filter';
 type Options = {
     outName: string;
     asset: MediaAsset;
-    expectedFrames: number;
     fps: number;
     downloadMap: DownloadMap;
     indent: boolean;
     logLevel: LogLevel;
     binariesDirectory: string | null;
     cancelSignal: CancelSignal | undefined;
+    chunkLengthInSeconds: number;
+    trimLeftOffset: number;
+    trimRightOffset: number;
     forSeamlessAacConcatenation: boolean;
     onProgress: (progress: number) => void;
 };

package/dist/preprocess-audio-track.js

@@ -10,7 +10,7 @@ const p_limit_1 = require("./p-limit");
 const parse_ffmpeg_progress_1 = require("./parse-ffmpeg-progress");
 const resolve_asset_src_1 = require("./resolve-asset-src");
 const sample_rate_1 = require("./sample-rate");
-const preprocessAudioTrackUnlimited = async ({ outName, asset, expectedFrames, fps, downloadMap, indent, logLevel, binariesDirectory, cancelSignal, forSeamlessAacConcatenation, onProgress, }) => {
+const preprocessAudioTrackUnlimited = async ({ outName, asset, fps, downloadMap, indent, logLevel, binariesDirectory, cancelSignal, onProgress, chunkLengthInSeconds, trimLeftOffset, trimRightOffset, forSeamlessAacConcatenation, }) => {
     var _a;
     const { channels, duration } = await (0, get_audio_channels_1.getAudioChannelsAndDuration)({
         downloadMap,
@@ -22,10 +22,12 @@ const preprocessAudioTrackUnlimited = async ({ outName, asset, expectedFrames, f
     });
     const filter = (0, calculate_ffmpeg_filters_1.calculateFfmpegFilter)({
         asset,
-        durationInFrames: expectedFrames,
         fps,
         channels,
         assetDuration: duration,
+        chunkLengthInSeconds,
+        trimLeftOffset,
+        trimRightOffset,
         forSeamlessAacConcatenation,
     });
     if (filter === null) {
@@ -33,6 +35,7 @@ const preprocessAudioTrackUnlimited = async ({ outName, asset, expectedFrames, f
     }
     const { cleanup, file } = await (0, ffmpeg_filter_file_1.makeFfmpegFilterFile)(filter, downloadMap);
     const args = [
+        ['-hide_banner'],
         ['-i', (0, resolve_asset_src_1.resolveAssetSrc)(asset.src)],
         ['-ac', '2'],
         ['-filter_script:a', file],
@@ -53,11 +56,8 @@ const preprocessAudioTrackUnlimited = async ({ outName, asset, expectedFrames, f
     (_a = task.stderr) === null || _a === void 0 ? void 0 : _a.on('data', (data) => {
         const utf8 = data.toString('utf8');
         const parsed = (0, parse_ffmpeg_progress_1.parseFfmpegProgress)(utf8, fps);
-        if (parsed === undefined) {
-            logger_1.Log.verbose({ indent, logLevel }, utf8);
-        }
-        else {
-            onProgress(parsed / expectedFrames);
+        if (parsed !== undefined) {
+            onProgress(parsed / (chunkLengthInSeconds * fps));
         }
     });
     await task;

package/dist/pure.d.ts

@@ -1,10 +1,10 @@
 export declare const NoReactAPIs: {
     wrapWithErrorHandling: <A extends unknown[], R>(fn: (...args: A) => Promise<R>) => (...args: A) => Promise<R>;
     getExtensionOfFilename: (filename: string | null) => string | null;
-    getFileExtensionFromCodec: <T extends "aac" | "mp3" | "h264" | "h265" | "vp8" | "vp9" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif">(codec: T, audioCodec: "pcm-16" | "aac" | "mp3" | "opus" | null) => import("./file-extensions").FileExtension;
-    validateOutputFilename: <T_1 extends "aac" | "mp3" | "h264" | "h265" | "vp8" | "vp9" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif">({ codec, audioCodecSetting, extension, preferLossless, separateAudioTo, }: {
+    getFileExtensionFromCodec: <T extends "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif">(codec: T, audioCodec: "mp3" | "aac" | "pcm-16" | "opus" | null) => import("./file-extensions").FileExtension;
+    validateOutputFilename: <T_1 extends "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif">({ codec, audioCodecSetting, extension, preferLossless, separateAudioTo, }: {
         codec: T_1;
-        audioCodecSetting: "pcm-16" | "aac" | "mp3" | "opus" | null;
+        audioCodecSetting: "mp3" | "aac" | "pcm-16" | "opus" | null;
         extension: string;
         preferLossless: boolean;
         separateAudioTo: string | null;

package/dist/render-frames.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="node" />
+import type { TAsset } from 'remotion';
 import type { VideoConfig } from 'remotion/no-react';
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { BrowserExecutable } from './browser-executable';
@@ -39,7 +40,12 @@ export type InternalRenderFramesOptions = {
     serializedInputPropsWithCustomSchema: string;
     serializedResolvedPropsWithCustomSchema: string;
     parallelEncodingEnabled: boolean;
+    compositionStart: number;
 } & ToOptions<typeof optionsMap.renderFrames>;
+export type FrameAndAssets = {
+    frame: number;
+    assets: TAsset[];
+};
 export type RenderFramesOptions = {
     onStart: (data: OnStartData) => void;
     onFrameUpdate: (framesRendered: number, frameIndex: number, timeToRenderInMilliseconds: number) => void;

package/dist/render-frames.js

@@ -18,6 +18,7 @@ const handle_javascript_exception_1 = require("./error-handling/handle-javascrip
 const find_closest_package_json_1 = require("./find-closest-package-json");
 const get_concurrency_1 = require("./get-concurrency");
 const get_duration_from_frame_range_1 = require("./get-duration-from-frame-range");
+const get_extra_frames_to_capture_1 = require("./get-extra-frames-to-capture");
 const get_frame_padded_index_1 = require("./get-frame-padded-index");
 const get_frame_to_render_1 = require("./get-frame-to-render");
 const jpeg_quality_1 = require("./jpeg-quality");
@@ -37,7 +38,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, actualConcurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, compositor, sourceMapGetter, logLevel, indent, parallelEncodingEnabled, }) => {
+const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, jpegQuality, imageFormat, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, actualConcurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, compositor, sourceMapGetter, logLevel, indent, parallelEncodingEnabled, compositionStart, forSeamlessAacConcatenation, }) => {
     if (outputDir) {
         if (!node_fs_1.default.existsSync(outputDir)) {
             node_fs_1.default.mkdirSync(outputDir, {
@@ -47,6 +48,12 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
     }
     const downloadPromises = [];
     const realFrameRange = (0, get_frame_to_render_1.getRealFrameRange)(composition.durationInFrames, frameRange);
+    const { extraFramesToCaptureAssets, chunkLengthInSeconds, trimLeftOffset, trimRightOffset, } = (0, get_extra_frames_to_capture_1.getExtraFramesToCapture)({
+        fps: composition.fps,
+        compositionStart,
+        realFrameRange,
+        forSeamlessAacConcatenation,
+    });
     const framesToRender = (0, get_duration_from_frame_range_1.getFramesToRender)(realFrameRange, everyNthFrame);
     const lastFrame = framesToRender[framesToRender.length - 1];
     const makePage = async (context) => {
@@ -136,13 +143,13 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
         frameCount: framesToRender.length,
         parallelEncoding: parallelEncodingEnabled,
     });
-    const assets = new Array(framesToRender.length).fill(undefined);
+    const assets = [];
     let stopped = false;
     cancelSignal === null || cancelSignal === void 0 ? void 0 : cancelSignal(() => {
         stopped = true;
     });
     const frameDir = outputDir !== null && outputDir !== void 0 ? outputDir : downloadMap.compositingDir;
-    const renderFrameWithOptionToReject = async ({ frame, index, reject, width, height, compId, }) => {
+    const renderFrameWithOptionToReject = async ({ frame, index, reject, width, height, compId, assetsOnly, }) => {
         const pool = await poolPromise;
         const freePage = await pool.acquire();
         if (stopped) {
@@ -182,15 +189,17 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
             frame,
             freePage,
             height,
-            imageFormat,
-            output: node_path_1.default.join(frameDir, (0, get_frame_padded_index_1.getFrameOutputFileName)({
-                frame,
-                imageFormat,
-                index,
-                countType,
-                lastFrame,
-                totalFrames: framesToRender.length,
-            })),
+            imageFormat: assetsOnly ? 'none' : imageFormat,
+            output: index === null
+                ? null
+                : node_path_1.default.join(frameDir, (0, get_frame_padded_index_1.getFrameOutputFileName)({
+                    frame,
+                    imageFormat,
+                    index,
+                    countType,
+                    lastFrame,
+                    totalFrames: framesToRender.length,
+                })),
             jpegQuality,
             width,
             scale,
@@ -199,15 +208,21 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
             compositor,
             timeoutInMilliseconds,
         });
-        if (onFrameBuffer) {
+        if (onFrameBuffer && !assetsOnly) {
             if (!buffer) {
                 throw new Error('unexpected null buffer');
             }
             onFrameBuffer(buffer, frame);
         }
         (0, perf_1.stopPerfMeasure)(id);
-        const compressedAssets = collectedAssets.map((asset) => (0, compress_assets_1.compressAsset)(assets.filter(truthy_1.truthy).flat(1), asset));
-        assets[index] = compressedAssets;
+        const compressedAssets = collectedAssets.map((asset) => (0, compress_assets_1.compressAsset)(assets
+            .filter(truthy_1.truthy)
+            .map((a) => a.assets)
+            .flat(2), asset));
+        assets.push({
+            assets: compressedAssets,
+            frame,
+        });
         compressedAssets.forEach((renderAsset) => {
             (0, download_and_map_assets_to_file_1.downloadAndMapAssetsToFileUrl)({
                 renderAsset,
@@ -219,13 +234,15 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
                 onError(new Error(`Error while downloading asset: ${err.stack}`));
             });
         });
-        framesRendered++;
-        onFrameUpdate === null || onFrameUpdate === void 0 ? void 0 : onFrameUpdate(framesRendered, frame, perf_hooks_1.performance.now() - startTime);
+        if (!assetsOnly) {
+            framesRendered++;
+            onFrameUpdate === null || onFrameUpdate === void 0 ? void 0 : onFrameUpdate(framesRendered, frame, perf_hooks_1.performance.now() - startTime);
+        }
         cleanupPageError();
         freePage.off('error', errorCallbackOnFrame);
         pool.release(freePage);
     };
-    const renderFrame = (frame, index) => {
+    const renderFrame = (frame, index, assetsOnly) => {
         return new Promise((resolve, reject) => {
             renderFrameWithOptionToReject({
                 frame,
@@ -234,6 +251,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
                 width: composition.width,
                 height: composition.height,
                 compId: composition.id,
+                assetsOnly,
             })
                 .then(() => {
                 resolve();
@@ -243,10 +261,10 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
             });
         });
     };
-    const renderFrameAndRetryTargetClose = async ({ frame, index, retriesLeft, attempt, }) => {
+    const renderFrameAndRetryTargetClose = async ({ frame, index, retriesLeft, attempt, assetsOnly, }) => {
         try {
             await Promise.race([
-                renderFrame(frame, index),
+                renderFrame(frame, index, assetsOnly),
                 new Promise((_, reject) => {
                     cancelSignal === null || cancelSignal === void 0 ? void 0 : cancelSignal(() => {
                         reject(new Error(make_cancel_signal_1.cancelErrorMessages.renderFrames));
@@ -284,23 +302,42 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
                 index,
                 retriesLeft: retriesLeft - 1,
                 attempt: attempt + 1,
+                assetsOnly,
             });
         }
     };
-    const progress = Promise.all(framesToRender.map((frame, index) => renderFrameAndRetryTargetClose({
-        frame,
-        index,
-        retriesLeft: MAX_RETRIES_PER_FRAME,
-        attempt: 1,
-    })));
-    const happyPath = progress.then(() => {
+    const extraFrames = Promise.all(extraFramesToCaptureAssets.map((frame) => {
+        return renderFrameAndRetryTargetClose({
+            frame,
+            index: null,
+            retriesLeft: MAX_RETRIES_PER_FRAME,
+            attempt: 1,
+            assetsOnly: true,
+        });
+    }));
+    const mainFrames = Promise.all(framesToRender.map((frame, index) => {
+        return renderFrameAndRetryTargetClose({
+            frame,
+            index,
+            retriesLeft: MAX_RETRIES_PER_FRAME,
+            attempt: 1,
+            assetsOnly: false,
+        });
+    }));
+    const happyPath = Promise.all([extraFrames, mainFrames]).then(() => {
         const firstFrameIndex = countType === 'from-zero' ? 0 : framesToRender[0];
         const returnValue = {
             assetsInfo: {
-                assets,
+                assets: assets.sort((a, b) => {
+                    return a.frame - b.frame;
+                }),
                 imageSequenceName: node_path_1.default.join(frameDir, `element-%0${filePadLength}d.${imageFormat}`),
                 firstFrameIndex,
                 downloadMap,
+                trimLeftOffset,
+                trimRightOffset,
+                chunkLengthInSeconds,
+                forSeamlessAacConcatenation,
             },
             frameCount: framesToRender.length,
         };
@@ -310,7 +347,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
     await Promise.all(downloadPromises);
     return result;
 };
-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, }) => {
+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, }) => {
     (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);
@@ -401,6 +438,8 @@ const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOpti
                     serializedResolvedPropsWithCustomSchema,
                     parallelEncodingEnabled,
                     binariesDirectory,
+                    forSeamlessAacConcatenation,
+                    compositionStart,
                 });
             }),
         ])
@@ -493,6 +532,8 @@ const renderFrames = (options) => {
         offthreadVideoCacheSizeInBytes: offthreadVideoCacheSizeInBytes !== null && offthreadVideoCacheSizeInBytes !== void 0 ? offthreadVideoCacheSizeInBytes : null,
         parallelEncodingEnabled: false,
         binariesDirectory: binariesDirectory !== null && binariesDirectory !== void 0 ? binariesDirectory : null,
+        compositionStart: 0,
+        forSeamlessAacConcatenation: false,
     });
 };
 exports.renderFrames = renderFrames;

package/dist/render-media.d.ts

@@ -65,6 +65,7 @@ export type InternalRenderMediaOptions = {
     concurrency: number | string | null;
     finishRenderProgress: () => void;
     binariesDirectory: string | null;
+    compositionStart: number;
 } & MoreRenderMediaOptions;
 type Prettify<T> = {
     [K in keyof T]: T[K];

package/dist/render-media.js

@@ -47,7 +47,7 @@ const validate_scale_1 = require("./validate-scale");
 const validate_videobitrate_1 = require("./validate-videobitrate");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
 const SLOWEST_FRAME_COUNT = 10;
-const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, serializedInputPropsWithCustomSchema, 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, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, colorSpace, repro, finishRenderProgress, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, }) => {
+const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, serializedInputPropsWithCustomSchema, 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, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, colorSpace, repro, finishRenderProgress, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, compositionStart, }) => {
     if (repro) {
         (0, repro_1.enableRepro)({
             serveUrl,
@@ -340,6 +340,8 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
                 offthreadVideoCacheSizeInBytes,
                 parallelEncodingEnabled: parallelEncoding,
                 binariesDirectory,
+                compositionStart,
+                forSeamlessAacConcatenation,
             });
             return renderFramesProc;
         })
@@ -399,7 +401,6 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
                     colorSpace,
                     binariesDirectory,
                     separateAudioTo,
-                    forSeamlessAacConcatenation,
                 }),
                 stitchStart,
             ]);
@@ -547,6 +548,8 @@ const renderMedia = ({ proResProfile, x264Preset, crf, composition, inputProps,
         binariesDirectory: binariesDirectory !== null && binariesDirectory !== void 0 ? binariesDirectory : null,
         separateAudioTo: separateAudioTo !== null && separateAudioTo !== void 0 ? separateAudioTo : null,
         forSeamlessAacConcatenation: forSeamlessAacConcatenation !== null && forSeamlessAacConcatenation !== void 0 ? forSeamlessAacConcatenation : false,
+        // TODO: In the future, introduce this as a public API when launching the distributed rendering API
+        compositionStart: 0,
     });
 };
 exports.renderMedia = renderMedia;

package/dist/stitch-frames-to-video.d.ts

@@ -75,5 +75,5 @@ export declare const internalStitchFramesToVideo: (options: InternalStitchFrames
  * @description Takes a series of images and audio information generated by renderFrames() and encodes it to a video.
  * @see [Documentation](https://www.remotion.dev/docs/renderer/stitch-frames-to-video)
  */
-export declare const stitchFramesToVideo: ({ assetsInfo, force, fps, height, width, audioBitrate, audioCodec, cancelSignal, codec, crf, enforceAudioTrack, ffmpegOverride, muted, numberOfGifLoops, onDownload, onProgress, outputLocation, pixelFormat, proResProfile, verbose, videoBitrate, encodingMaxRate, encodingBufferSize, x264Preset, colorSpace, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, }: StitchFramesToVideoOptions) => Promise<Buffer | null>;
+export declare const stitchFramesToVideo: ({ assetsInfo, force, fps, height, width, audioBitrate, audioCodec, cancelSignal, codec, crf, enforceAudioTrack, ffmpegOverride, muted, numberOfGifLoops, onDownload, onProgress, outputLocation, pixelFormat, proResProfile, verbose, videoBitrate, encodingMaxRate, encodingBufferSize, x264Preset, colorSpace, binariesDirectory, separateAudioTo, }: StitchFramesToVideoOptions) => Promise<Buffer | null>;
 export {};