@remotion/renderer 4.0.538 → 4.0.540

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/serve-handler/range-parser.js

@@ -27,7 +27,7 @@ const rangeParser = (size, str) => {
         let end = parseInt(range[1], 10);
         // -nnn
         if (isNaN(start)) {
-            start = size - end;
+            start = Math.max(size - end, 0);
             end = size - 1;
             // nnn-
         }

package/dist/serve-static.js

@@ -7,6 +7,7 @@ exports.serveStatic = void 0;
 const node_http_1 = __importDefault(require("node:http"));
 const get_port_1 = require("./get-port");
 const offthread_video_server_1 = require("./offthread-video-server");
+const port_config_1 = require("./port-config");
 const serve_handler_1 = require("./serve-handler");
 const serveStatic = async (path, options) => {
     const { listener: offthreadRequest, close: closeCompositor, compositor, } = (0, offthread_video_server_1.startOffthreadVideoServer)({
@@ -55,6 +56,8 @@ const serveStatic = async (path, options) => {
     const maxTries = 10;
     // Rendering only needs local access, unlike the Studio server.
     const host = '127.0.0.1';
+    // URLs use localhost, which can resolve to another supported address family.
+    const { hostsToTry } = (0, port_config_1.getPortConfig)(options.forceIPv4);
     for (let i = 0; i < maxTries; i++) {
         let unlock = () => { };
         try {
@@ -64,7 +67,7 @@ const serveStatic = async (path, options) => {
                     desiredPort: (_a = options === null || options === void 0 ? void 0 : options.port) !== null && _a !== void 0 ? _a : undefined,
                     from: 3000,
                     to: 3100,
-                    hostsToTry: [host],
+                    hostsToTry,
                 })
                     .then(({ port, unlockPort }) => {
                     unlock = unlockPort;

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.538",
+	"version": "4.0.540",
 	"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.538",
-		"@remotion/streaming": "4.0.538",
+		"remotion": "4.0.540",
+		"@remotion/streaming": "4.0.540",
 		"source-map": "0.8.0",
 		"ws": "8.21.0",
-		"@remotion/licensing": "4.0.538"
+		"@remotion/licensing": "4.0.540"
 	},
 	"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.538",
-		"@remotion/eslint-config-internal": "4.0.538",
+		"@remotion/example-videos": "4.0.540",
+		"@remotion/eslint-config-internal": "4.0.540",
 		"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.538",
-		"@remotion/compositor-darwin-x64": "4.0.538",
-		"@remotion/compositor-linux-arm64-gnu": "4.0.538",
-		"@remotion/compositor-linux-arm64-musl": "4.0.538",
-		"@remotion/compositor-linux-x64-gnu": "4.0.538",
-		"@remotion/compositor-linux-x64-musl": "4.0.538",
-		"@remotion/compositor-win32-x64-msvc": "4.0.538"
+		"@remotion/compositor-darwin-arm64": "4.0.540",
+		"@remotion/compositor-darwin-x64": "4.0.540",
+		"@remotion/compositor-linux-arm64-gnu": "4.0.540",
+		"@remotion/compositor-linux-arm64-musl": "4.0.540",
+		"@remotion/compositor-linux-x64-gnu": "4.0.540",
+		"@remotion/compositor-linux-x64-musl": "4.0.540",
+		"@remotion/compositor-win32-x64-msvc": "4.0.540"
 	},
 	"keywords": [
 		"remotion",