@remotion/renderer 4.0.539 → 4.0.541

package/dist/render-media.d.ts

@@ -148,5 +148,5 @@ type RenderMediaResult = {
     contentType: string;
 };
 export declare const internalRenderMedia: (args_0: InternalRenderMediaOptions) => Promise<RenderMediaResult>;
-export declare const renderMedia: ({ proResProfile, x264Preset, gopSize, 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, disableSharedMemoryCapture, everyNthFrame, imageFormat, numberOfGifLoops, dumpBrowserLogs, preferLossless, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, onBrowserDownload, onArtifact, metadata, hardwareAcceleration, chromeMode, offthreadVideoThreads, compositionStart, mediaCacheSizeInBytes, isProduction, sampleRate, ...apiKeyOrLicenseKey }: RenderMediaOptions) => Promise<RenderMediaResult>;
+export declare const renderMedia: ({ proResProfile, x264Preset, gopSize, 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, disableSharedMemoryCapture, everyNthFrame, imageFormat, numberOfGifLoops, dumpBrowserLogs, preferLossless, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, onBrowserDownload, onArtifact, metadata, hardwareAcceleration, chromeMode, offthreadVideoThreads, compositionStart, mediaCacheSizeInBytes, preferredEffectBackend, isProduction, sampleRate, ...apiKeyOrLicenseKey }: RenderMediaOptions) => Promise<RenderMediaResult>;
 export {};

package/dist/render-media.js

@@ -56,7 +56,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 = 150;
-const internalRenderMediaRaw = async ({ proResProfile, x264Preset, gopSize, 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, disableSharedMemoryCapture, 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, onLog, licenseKey, isProduction, sampleRate, }) => {
+const internalRenderMediaRaw = async ({ proResProfile, x264Preset, gopSize, 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, disableSharedMemoryCapture, 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, preferredEffectBackend, onLog, licenseKey, isProduction, sampleRate, }) => {
     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) {
@@ -491,6 +491,7 @@ const internalRenderMediaRaw = async ({ proResProfile, x264Preset, gopSize, crf,
                 chromeMode,
                 imageSequencePattern: null,
                 mediaCacheSizeInBytes,
+                preferredEffectBackend,
                 onLog,
                 sampleRate,
             });
@@ -671,7 +672,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, gopSize, 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, disableSharedMemoryCapture, everyNthFrame, imageFormat, numberOfGifLoops, dumpBrowserLogs, preferLossless, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, onBrowserDownload, onArtifact, metadata, hardwareAcceleration, chromeMode, offthreadVideoThreads, compositionStart, mediaCacheSizeInBytes, isProduction, sampleRate, ...apiKeyOrLicenseKey }) => {
+const renderMedia = ({ proResProfile, x264Preset, gopSize, 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, disableSharedMemoryCapture, everyNthFrame, imageFormat, numberOfGifLoops, dumpBrowserLogs, preferLossless, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, onBrowserDownload, onArtifact, metadata, hardwareAcceleration, chromeMode, offthreadVideoThreads, compositionStart, mediaCacheSizeInBytes, preferredEffectBackend, isProduction, sampleRate, ...apiKeyOrLicenseKey }) => {
     var _a, _b, _c, _d;
     const indent = false;
     const logLevel = verbose || dumpBrowserLogs ? 'verbose' : (passedLogLevel !== null && passedLogLevel !== void 0 ? passedLogLevel : 'info');
@@ -765,6 +766,7 @@ const renderMedia = ({ proResProfile, x264Preset, gopSize, crf, composition, inp
         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,
+        preferredEffectBackend: preferredEffectBackend !== null && preferredEffectBackend !== void 0 ? preferredEffectBackend : 'auto',
         licenseKey: effectiveLicenseKey,
         onLog: default_on_log_1.defaultOnLog,
         isProduction: isProduction !== null && isProduction !== void 0 ? isProduction : null,

package/dist/render-still.js

@@ -68,7 +68,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, mediaCacheSizeInBytes, onLog, }) => {
+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, preferredEffectBackend, onLog, }) => {
     var _a;
     (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()`');
@@ -137,8 +137,10 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         onError: errorCallback,
         frame: null,
     });
+    page.on('error', errorCallback);
     const cleanup = async () => {
         cleanUpJSException();
+        page.off('error', errorCallback);
         if (puppeteerInstance) {
             await page.close();
         }
@@ -167,6 +169,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         onServeUrlVisited: () => undefined,
         isMainTab: true,
         mediaCacheSizeInBytes,
+        preferredEffectBackend,
         initialMemoryAvailable: (0, get_available_memory_1.getAvailableMemory)(logLevel),
         darkMode: (_a = chromiumOptions.darkMode) !== null && _a !== void 0 ? _a : false,
         sampleRate: 48000,
@@ -337,7 +340,7 @@ exports.internalRenderStill = (0, wrap_with_error_handling_1.wrapWithErrorHandli
  */
 const renderStill = (options) => {
     var _a, _b, _c;
-    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, isProduction, ...apiKeyOrLicenseKey } = 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, preferredEffectBackend, isProduction, ...apiKeyOrLicenseKey } = options;
     if (typeof jpegQuality !== 'undefined' && imageFormat !== 'jpeg') {
         throw new Error("You can only pass the `quality` option if `imageFormat` is 'jpeg'.");
     }
@@ -403,6 +406,7 @@ const renderStill = (options) => {
         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,
+        preferredEffectBackend: preferredEffectBackend !== null && preferredEffectBackend !== void 0 ? preferredEffectBackend : 'auto',
         licenseKey: effectiveLicenseKey,
         onLog: default_on_log_1.defaultOnLog,
         isProduction: isProduction !== null && isProduction !== void 0 ? isProduction : null,

package/dist/select-composition.js

@@ -16,7 +16,7 @@ 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, mediaCacheSizeInBytes, chromiumOptions, }) => {
+const innerSelectComposition = async ({ page, serializedInputPropsWithCustomSchema, envVariables, serveUrl, timeoutInMilliseconds, port, id, indent, logLevel, onServeUrlVisited, mediaCacheSizeInBytes, preferredEffectBackend, chromiumOptions, }) => {
     var _a;
     (0, validate_puppeteer_timeout_1.validatePuppeteerTimeout)(timeoutInMilliseconds);
     await (0, set_props_and_env_1.setPropsAndEnv)({
@@ -35,6 +35,7 @@ const innerSelectComposition = async ({ page, serializedInputPropsWithCustomSche
         onServeUrlVisited,
         isMainTab: true,
         mediaCacheSizeInBytes,
+        preferredEffectBackend,
         initialMemoryAvailable: (0, get_available_memory_1.getAvailableMemory)(logLevel),
         darkMode: (_a = chromiumOptions.darkMode) !== null && _a !== void 0 ? _a : false,
         sampleRate: 48000,
@@ -100,7 +101,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, mediaCacheSizeInBytes, } = options;
+    const { puppeteerInstance, browserExecutable, chromiumOptions, serveUrl: serveUrlOrWebpackUrl, logLevel, indent, port, envVariables, id, serializedInputPropsWithCustomSchema, onBrowserLog, server, timeoutInMilliseconds, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, onServeUrlVisited, chromeMode, mediaCacheSizeInBytes, preferredEffectBackend, } = options;
     const [{ page, cleanupPage }, serverUsed] = await Promise.all([
         (0, get_browser_instance_1.getPageAndCleanupFn)({
             passedInInstance: puppeteerInstance,
@@ -162,6 +163,7 @@ const internalSelectCompositionRaw = async (options) => {
             onServeUrlVisited,
             chromeMode,
             mediaCacheSizeInBytes,
+            preferredEffectBackend,
         })
             .then((data) => {
             return resolve(data);
@@ -187,7 +189,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, mediaCacheSizeInBytes, } = options;
+    const { id, serveUrl, browserExecutable, chromiumOptions, envVariables, inputProps, onBrowserLog, port, puppeteerInstance, timeoutInMilliseconds, verbose, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, chromeMode, offthreadVideoThreads, mediaCacheSizeInBytes, preferredEffectBackend, } = options;
     const indent = false;
     const logLevel = passedLogLevel !== null && passedLogLevel !== void 0 ? passedLogLevel : (verbose ? 'verbose' : 'info');
     const data = await (0, exports.internalSelectComposition)({
@@ -219,6 +221,7 @@ const selectComposition = async (options) => {
         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,
+        preferredEffectBackend: preferredEffectBackend !== null && preferredEffectBackend !== void 0 ? preferredEffectBackend : 'auto',
     });
     return data.metadata;
 };

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

@@ -1,3 +1,4 @@
+import type { PreferredEffectBackend } from 'remotion';
 import type { Page } from './browser/BrowserPage';
 import type { LogLevel } from './log-level';
 type SetPropsAndEnv = {
@@ -17,6 +18,7 @@ type SetPropsAndEnv = {
     onServeUrlVisited: () => void;
     isMainTab: boolean;
     mediaCacheSizeInBytes: number | null;
+    preferredEffectBackend: PreferredEffectBackend;
     initialMemoryAvailable: number | null;
     sampleRate: number;
 };

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setPropsAndEnv = void 0;
+const no_react_1 = require("remotion/no-react");
 const version_1 = require("remotion/version");
 const TimeoutSettings_1 = require("./browser/TimeoutSettings");
 const goto_page_or_throw_1 = require("./goto-page-or-throw");
@@ -10,16 +11,19 @@ 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, mediaCacheSizeInBytes, initialMemoryAvailable, darkMode, sampleRate, }) => {
+const innerSetPropsAndEnv = async ({ serializedInputPropsWithCustomSchema, envVariables, page, serveUrl, initialFrame, timeoutInMilliseconds, proxyPort, retriesRemaining, audioEnabled, videoEnabled, indent, logLevel, onServeUrlVisited, isMainTab, mediaCacheSizeInBytes, preferredEffectBackend, initialMemoryAvailable, darkMode, sampleRate, }) => {
+    no_react_1.NoReactInternals.validatePreferredEffectBackend(preferredEffectBackend);
     (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, cacheSizeInBytes, initMemoryAvailable, sRate) => {
+    await page.evaluateOnNewDocument((timeout, mainTab, cacheSizeInBytes, effectBackend, disableWebGpuEffects, initMemoryAvailable, sRate) => {
         window.remotion_puppeteerTimeout = timeout;
         window.remotion_isMainTab = mainTab;
         window.remotion_mediaCacheSizeInBytes = cacheSizeInBytes;
+        window.remotion_preferredEffectBackend = effectBackend;
+        window.remotion_disableWebGpuEffects = disableWebGpuEffects;
         window.remotion_initialMemoryAvailable = initMemoryAvailable;
         window.remotion_sampleRate = sRate;
         // To make useRemotionEnvironment() work
@@ -31,7 +35,7 @@ const innerSetPropsAndEnv = async ({ serializedInputPropsWithCustomSchema, envVa
             window.process.env = {};
         }
         window.process.env.NODE_ENV = 'production';
-    }, actualTimeout, isMainTab, mediaCacheSizeInBytes, initialMemoryAvailable, sampleRate);
+    }, actualTimeout, isMainTab, mediaCacheSizeInBytes, preferredEffectBackend, Boolean(process.env.AWS_LAMBDA_FUNCTION_NAME), initialMemoryAvailable, sampleRate);
     await page.evaluateOnNewDocument('window.remotion_broadcastChannel = new BroadcastChannel("remotion-video-frame-extraction")');
     if (envVariables) {
         await page.evaluateOnNewDocument((input) => {
@@ -89,6 +93,7 @@ const innerSetPropsAndEnv = async ({ serializedInputPropsWithCustomSchema, envVa
             onServeUrlVisited,
             isMainTab,
             mediaCacheSizeInBytes,
+            preferredEffectBackend,
             initialMemoryAvailable,
             darkMode,
             sampleRate,

package/dist/stringify-ffmpeg-filter.js

@@ -88,6 +88,9 @@ const stringifyFfmpegFilter = ({ channels, volume, fps, assetDuration, chunkLeng
     // For later assets, remove that time from the silence before the asset instead.
     const assetTrimLeftOffset = startInVideo === 0 ? trimLeftOffset : 0;
     const startInChunkSeconds = startInVideo === 0 ? 0 : startInVideoSeconds - trimLeftOffset;
+    const capturedFrameCount = Math.round((chunkLengthInSeconds + trimLeftOffset - trimRightOffset) * fps);
+    // Only assets present on the last captured frame need the chunk's trailing trim.
+    const assetTrimRightOffset = startInVideo + asset.duration >= capturedFrameCount ? trimRightOffset : 0;
     const { trimLeft, maxTrim } = (0, seamless_aac_trim_1.getActualTrimLeft)({
         trimLeft: asset.trimLeft,
         fps,
@@ -106,7 +109,7 @@ const stringifyFfmpegFilter = ({ channels, volume, fps, assetDuration, chunkLeng
     const { actualTrimLeft, audibleDuration, filter: trimAndTempoFilter, } = trimAndSetTempo({
         assetDuration,
         trimLeftOffset: assetTrimLeftOffset,
-        trimRightOffset,
+        trimRightOffset: assetTrimRightOffset,
         asset,
         fps,
         indent,
@@ -150,10 +153,11 @@ const stringifyFfmpegFilter = ({ channels, volume, fps, assetDuration, chunkLeng
         // This should be fine because FFMPEG documentation states:
         // "Unused delays will be silently ignored."
         // https://ffmpeg.org/ffmpeg-filters.html#adelay
+        // Use samples so adjacent AAC chunks place the waveform at the same offset.
         padStart === 0
             ? null
             : `adelay=${new Array(channels + 1)
-                .fill((padStart * 1000).toFixed(0))
+                .fill(`${Math.round(padStart * sampleRate)}S`)
                 .join('|')}`,
         actualTrimLeft,
     };

package/dist/symbolicate-stacktrace.js

@@ -62,7 +62,7 @@ const getSourceMap = (filePath, fileContents, type) => {
     return (0, exports.getSourceMapFromRemoteUrl)(url);
 };
 const fetchUrl = async (url) => {
-    const { request, response } = await (0, read_file_1.readFile)(url);
+    const { request, response } = await (0, read_file_1.readFile)(url, null);
     return new Promise((resolve, reject) => {
         let downloaded = '';
         response.on('data', (d) => {

package/dist/validate-selected-frames.d.ts

@@ -1,4 +1,4 @@
-export declare const validateSelectedFrames: ({ frames, durationInFrames, }: {
-    frames: unknown;
-    durationInFrames: number | null;
-}) => number[];
+import { NoReactInternals } from 'remotion/no-react';
+export declare const { validateSelectedFrames, }: {
+    validateSelectedFrames: typeof NoReactInternals.validateSelectedFrames;
+};

package/dist/validate-selected-frames.js

@@ -1,34 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.validateSelectedFrames = void 0;
-const validateSelectedFrames = ({ frames, durationInFrames, }) => {
-    if (!Array.isArray(frames)) {
-        throw new TypeError('The `frames` option must be an array of frame numbers.');
-    }
-    if (frames.length === 0) {
-        throw new TypeError('The `frames` option must contain at least one frame.');
-    }
-    for (const frame of frames) {
-        if (typeof frame !== 'number') {
-            throw new TypeError(`The \`frames\` option must contain only numbers, but got ${typeof frame}.`);
-        }
-        if (!Number.isFinite(frame)) {
-            throw new TypeError(`The \`frames\` option must contain only finite numbers, but got ${frame}.`);
-        }
-        if (!Number.isInteger(frame)) {
-            throw new TypeError(`The \`frames\` option must contain only integers, but got ${frame}.`);
-        }
-        if (frame < 0) {
-            throw new TypeError(`The \`frames\` option must contain only non-negative numbers, but got ${frame}.`);
-        }
-        if (durationInFrames !== null && frame >= durationInFrames) {
-            throw new RangeError(`Frame ${frame} is out of range, must be between 0 and ${durationInFrames - 1}.`);
-        }
-    }
-    const uniqueFrames = new Set(frames);
-    if (uniqueFrames.size !== frames.length) {
-        throw new TypeError('The `frames` option must not contain duplicate frames.');
-    }
-    return [...frames].sort((a, b) => a - b);
-};
-exports.validateSelectedFrames = validateSelectedFrames;
+const no_react_1 = require("remotion/no-react");
+({ validateSelectedFrames: exports.validateSelectedFrames } = no_react_1.NoReactInternals);

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/renderer"
 	},
 	"name": "@remotion/renderer",
-	"version": "4.0.539",
+	"version": "4.0.541",
 	"description": "Render Remotion videos using Node.js or Bun",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -22,11 +22,11 @@
 	},
 	"dependencies": {
 		"execa": "5.1.1",
-		"remotion": "4.0.539",
-		"@remotion/streaming": "4.0.539",
+		"remotion": "4.0.541",
+		"@remotion/streaming": "4.0.541",
 		"source-map": "0.8.0",
 		"ws": "8.21.0",
-		"@remotion/licensing": "4.0.539"
+		"@remotion/licensing": "4.0.541"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -36,25 +36,25 @@
 		"@testing-library/dom": "10.4.0",
 		"@testing-library/react": "16.1.0",
 		"@happy-dom/global-registrator": "14.5.1",
-		"react": "19.2.3",
-		"react-dom": "19.2.3",
+		"react": "19.3.1",
+		"react-dom": "19.3.1",
 		"typescript": "7.1.0-beta",
 		"@types/ws": "8.5.10",
-		"@remotion/example-videos": "4.0.539",
-		"@remotion/eslint-config-internal": "4.0.539",
+		"@remotion/example-videos": "4.0.541",
+		"@remotion/eslint-config-internal": "4.0.541",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@types/pngjs": "6.0.5",
 		"pngjs": "7.0.0"
 	},
 	"optionalDependencies": {
-		"@remotion/compositor-darwin-arm64": "4.0.539",
-		"@remotion/compositor-darwin-x64": "4.0.539",
-		"@remotion/compositor-linux-arm64-gnu": "4.0.539",
-		"@remotion/compositor-linux-arm64-musl": "4.0.539",
-		"@remotion/compositor-linux-x64-gnu": "4.0.539",
-		"@remotion/compositor-linux-x64-musl": "4.0.539",
-		"@remotion/compositor-win32-x64-msvc": "4.0.539"
+		"@remotion/compositor-darwin-arm64": "4.0.541",
+		"@remotion/compositor-darwin-x64": "4.0.541",
+		"@remotion/compositor-linux-arm64-gnu": "4.0.541",
+		"@remotion/compositor-linux-arm64-musl": "4.0.541",
+		"@remotion/compositor-linux-x64-gnu": "4.0.541",
+		"@remotion/compositor-linux-x64-musl": "4.0.541",
+		"@remotion/compositor-win32-x64-msvc": "4.0.541"
 	},
 	"keywords": [
 		"remotion",

package/dist/options/experimental-client-side-rendering.d.ts

@@ -1,16 +0,0 @@
-export declare const experimentalClientSideRenderingOption: {
-    name: string;
-    cliFlag: "enable-experimental-client-side-rendering";
-    description: () => import("react/jsx-runtime").JSX.Element;
-    ssrName: null;
-    docLink: string;
-    type: boolean;
-    getValue: ({ commandLine }: {
-        commandLine: Record<string, unknown>;
-    }) => {
-        value: boolean;
-        source: string;
-    };
-    setConfig(value: boolean): void;
-    id: "enable-experimental-client-side-rendering";
-};

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

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

package/dist/options/experimental-sequence-activity-limit.d.ts

@@ -1,19 +0,0 @@
-export declare const experimentalSequenceActivityLimitOption: {
-    name: string;
-    addedIn: string;
-    cliFlag: "experimental-sequence-activity-limit";
-    id: "experimental-sequence-activity-limit";
-    description: () => import("react/jsx-runtime").JSX.Element;
-    ssrName: null;
-    docLink: string;
-    type: number;
-    getValue: ({ commandLine }: {
-        commandLine: Record<string, unknown>;
-    }) => {
-        value: number;
-        source: string;
-    };
-    setConfig(value: number): void;
-    getConfigValue: () => number | null;
-    reset: () => void;
-};

package/dist/options/experimental-sequence-activity-limit.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.experimentalSequenceActivityLimitOption = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const no_react_1 = require("remotion/no-react");
-let configuredLimit = null;
-const cliFlag = 'experimental-sequence-activity-limit';
-exports.experimentalSequenceActivityLimitOption = {
-    name: 'Experimental hidden Sequence Activity limit',
-    addedIn: '4.0.535',
-    cliFlag,
-    id: cliFlag,
-    description: () => (jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: "Limit nearby hidden scenes discovered by experimental Sequence Activity in the Remotion Studio, including nested sequences and their ancestors. Visible, premounted, and postmounted scenes always render. Defaults to 20. Must be a safe integer of at least -1. Set to 0 to disable hidden discovery, or -1 for unlimited discovery without admission delays. Only applies when experimental Sequence Activity is enabled. Does not affect rendering." })),
-    ssrName: null,
-    docLink: 'https://www.remotion.dev/docs/options/experimental-sequence-activity-limit',
-    type: 0,
-    getValue: ({ commandLine }) => {
-        if (commandLine[cliFlag] !== undefined) {
-            const value = commandLine[cliFlag];
-            if (!Number.isSafeInteger(value) || value < -1) {
-                throw new Error('Sequence Activity limit must be a safe integer of at least -1.');
-            }
-            return { value: value, source: 'cli' };
-        }
-        return {
-            value: configuredLimit !== null && configuredLimit !== void 0 ? configuredLimit : no_react_1.NoReactInternals.DEFAULT_SEQUENCE_ACTIVITY_LIMIT,
-            source: 'config',
-        };
-    },
-    setConfig(value) {
-        if (!Number.isSafeInteger(value) || value < -1) {
-            throw new Error('Sequence Activity limit must be a safe integer of at least -1.');
-        }
-        configuredLimit = value;
-    },
-    getConfigValue: () => configuredLimit,
-    reset: () => {
-        configuredLimit = null;
-    },
-};

package/dist/options/experimental-sequence-activity.d.ts

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

package/dist/options/experimental-sequence-activity.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.experimentalSequenceActivityOption = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-let experimentalSequenceActivityEnabled = false;
-let configuredExperimentalSequenceActivityEnabled = null;
-const cliFlag = 'experimental-sequence-activity';
-exports.experimentalSequenceActivityOption = {
-    name: 'Enable experimental Sequence Activity',
-    addedIn: '4.0.535',
-    cliFlag,
-    description: () => (jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: "Discover layers in nearby hidden scenes in the Remotion Studio before they become visible. This experimental feature may use more CPU. Disabled by default. Does not affect rendering." })),
-    ssrName: null,
-    docLink: 'https://www.remotion.dev/docs/options/experimental-sequence-activity',
-    type: false,
-    getValue: ({ commandLine }) => {
-        if (commandLine[cliFlag] !== undefined && commandLine[cliFlag] !== null) {
-            return {
-                value: commandLine[cliFlag],
-                source: 'cli',
-            };
-        }
-        return {
-            value: experimentalSequenceActivityEnabled,
-            source: 'config',
-        };
-    },
-    setConfig(value) {
-        experimentalSequenceActivityEnabled = value;
-        configuredExperimentalSequenceActivityEnabled = value;
-    },
-    getConfigValue: () => configuredExperimentalSequenceActivityEnabled,
-    reset: () => {
-        experimentalSequenceActivityEnabled = false;
-        configuredExperimentalSequenceActivityEnabled = null;
-    },
-    id: cliFlag,
-};

package/dist/options/experimental-tracks.d.ts

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

package/dist/options/experimental-tracks.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.experimentalTracksOption = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-let experimentalTracksEnabled = false;
-let configuredExperimentalTracksEnabled = null;
-const cliFlag = 'experimental-tracks';
-exports.experimentalTracksOption = {
-    name: 'Enable experimental timeline tracks',
-    addedIn: '4.0.534',
-    cliFlag,
-    description: () => (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: ["Enable experimental timeline tracks in the Remotion Studio. Group clips from ",
-            jsx_runtime_1.jsx("code", { children: '<Track>' }),
-            ", ",
-            jsx_runtime_1.jsx("code", { children: '<Series>' }),
-            " and", ' ', jsx_runtime_1.jsx("code", { children: '<TransitionSeries>' }),
-            " on shared rows, with overlays on additional rows. Disabled by default."] })),
-    ssrName: null,
-    docLink: 'https://www.remotion.dev/docs/options/experimental-tracks',
-    type: false,
-    getValue: ({ commandLine }) => {
-        if (commandLine[cliFlag] !== undefined && commandLine[cliFlag] !== null) {
-            return {
-                value: commandLine[cliFlag],
-                source: 'cli',
-            };
-        }
-        return {
-            value: experimentalTracksEnabled,
-            source: 'config',
-        };
-    },
-    setConfig(value) {
-        experimentalTracksEnabled = value;
-        configuredExperimentalTracksEnabled = value;
-    },
-    getConfigValue: () => configuredExperimentalTracksEnabled,
-    reset: () => {
-        experimentalTracksEnabled = false;
-        configuredExperimentalTracksEnabled = null;
-    },
-    id: cliFlag,
-};

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

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