@remotion/renderer 4.0.339 → 4.0.341

package/LICENSE.md

@@ -6,10 +6,10 @@ In Remotion 5.0, the license will slightly change. [View the changes here](https
 
 Depending on the type of your legal entity, you are granted permission to use Remotion for your project. Individuals and small companies are allowed to use Remotion to create videos for free (even commercial), while a company license is required for for-profit organizations of a certain size. This two-tier system was designed to ensure funding for this project while still allowing the source code to be available and the program to be free for most. Read below for the exact terms of use.
 
-- [Free license](#free-license)
-- [Company license](#company-license)
+- [Free License](#free-license)
+- [Company License](#company-license)
 
-## Free license
+## Free License
 
 Copyright © 2025 [Remotion](https://www.remotion.dev)
 
@@ -24,7 +24,7 @@ You are eligible to use Remotion for free if you are:
 
 ### Allowed use cases
 
-Permission is hereby granted, free of charge, to any person eligible for the "Free license", to use the software non-commercially or commercially for the purpose of creating videos and images and to modify the software to their own liking, for the purpose of fulfilling their custom use case or to contribute bug fixes or improvements back to Remotion.
+Permission is hereby granted, free of charge, to any person eligible for the "Free License", to use the software non-commercially or commercially for the purpose of creating videos and images and to modify the software to their own liking, for the purpose of fulfilling their custom use case or to contribute bug fixes or improvements back to Remotion.
 
 ### Disallowed use cases
 
@@ -38,12 +38,12 @@ The software is provided "as is", without warranty of any kind, express or impli
 
 Support is provided on a best-we-can-do basis via GitHub Issues and Discord.
 
-## Company license
+## Company License
 
-You are required to obtain a company license to use Remotion if you are not within the group of entities eligible for a free license. This license will enable you to use Remotion for the allowed use cases specified in the free license, and give you access to prioritized support (read the [Support Policy](https://www.remotion.dev/docs/support)).
+You are required to obtain a Company License to use Remotion if you are not within the group of entities eligible for a Free License. This license will enable you to use Remotion for the allowed use cases specified in the Free License, and give you access to prioritized support (read the [Support Policy](https://www.remotion.dev/docs/support)).
 
 Visit [remotion.pro](https://www.remotion.pro/license) for pricing and to buy a license.
 
 ### FAQs
 
-Are you not sure whether you need a company license because of an edge case? Here are some [frequently asked questions](https://www.remotion.pro/faq).
+Are you not sure whether you need a Company License because of an edge case? Here are some [frequently asked questions](https://www.remotion.pro/faq).

package/dist/assets/calculate-asset-positions.js

@@ -47,6 +47,7 @@ const calculateAssetPositions = (frames) => {
                     playbackRate: asset.playbackRate,
                     toneFrequency: asset.toneFrequency,
                     audioStartFrame: asset.audioStartFrame,
+                    audioStreamIndex: asset.audioStreamIndex,
                 });
             }
             const found = assets.find((a) => a.duration === null && areEqual(a, asset));

package/dist/assets/download-and-map-assets-to-file.d.ts

@@ -7,7 +7,7 @@ export type RenderMediaOnDownload = (src: string) => ((progress: {
     downloaded: number;
     totalSize: number | null;
 }) => void) | undefined | void;
-export declare const downloadAsset: ({ src, downloadMap, indent, logLevel, shouldAnalyzeAudioImmediately, binariesDirectory, cancelSignalForAudioAnalysis, }: {
+export declare const downloadAsset: ({ src, downloadMap, indent, logLevel, shouldAnalyzeAudioImmediately, binariesDirectory, cancelSignalForAudioAnalysis, audioStreamIndex, }: {
     src: string;
     downloadMap: DownloadMap;
     indent: boolean;
@@ -15,6 +15,7 @@ export declare const downloadAsset: ({ src, downloadMap, indent, logLevel, shoul
     shouldAnalyzeAudioImmediately: boolean;
     binariesDirectory: string | null;
     cancelSignalForAudioAnalysis: CancelSignal | undefined;
+    audioStreamIndex: number | undefined;
 }) => Promise<string>;
 export declare const markAllAssetsAsDownloaded: (downloadMap: DownloadMap) => void;
 export declare const getSanitizedFilenameForAssetUrl: ({ src, downloadDir, contentDisposition, contentType, }: {

package/dist/assets/download-and-map-assets-to-file.js

@@ -123,7 +123,7 @@ function validateBufferEncoding(potentialEncoding, dataUrl) {
         throw new TypeError(errMessage);
     }
 }
-const downloadAsset = async ({ src, downloadMap, indent, logLevel, shouldAnalyzeAudioImmediately, binariesDirectory, cancelSignalForAudioAnalysis, }) => {
+const downloadAsset = async ({ src, downloadMap, indent, logLevel, shouldAnalyzeAudioImmediately, binariesDirectory, cancelSignalForAudioAnalysis, audioStreamIndex, }) => {
     var _a, _b, _c;
     if ((0, compress_assets_1.isAssetCompressed)(src)) {
         return src;
@@ -198,6 +198,7 @@ const downloadAsset = async ({ src, downloadMap, indent, logLevel, shouldAnalyze
             indent,
             logLevel,
             cancelSignal: cancelSignalForAudioAnalysis,
+            audioStreamIndex,
         });
     }
     return to;
@@ -266,6 +267,7 @@ const downloadAndMapAssetsToFileUrl = async ({ renderAsset, onDownload, download
         shouldAnalyzeAudioImmediately,
         binariesDirectory,
         cancelSignalForAudioAnalysis,
+        audioStreamIndex: renderAsset.audioStreamIndex,
     });
     cleanup();
     return {

package/dist/assets/get-audio-channels.d.ts

@@ -1,18 +1,20 @@
 import type { LogLevel } from '../log-level';
 import type { CancelSignal } from '../make-cancel-signal';
 import type { AudioChannelsAndDurationResultCache, DownloadMap } from './download-map';
-export declare const getAudioChannelsAndDurationWithoutCache: ({ src, indent, logLevel, binariesDirectory, cancelSignal, }: {
+export declare const getAudioChannelsAndDurationWithoutCache: ({ src, indent, logLevel, binariesDirectory, cancelSignal, audioStreamIndex, }: {
     src: string;
     indent: boolean;
     logLevel: LogLevel;
     binariesDirectory: string | null;
     cancelSignal: CancelSignal | undefined;
+    audioStreamIndex: number | undefined;
 }) => Promise<AudioChannelsAndDurationResultCache>;
-export declare const getAudioChannelsAndDuration: ({ downloadMap, src, indent, logLevel, binariesDirectory, cancelSignal, }: {
+export declare const getAudioChannelsAndDuration: ({ downloadMap, src, indent, logLevel, binariesDirectory, cancelSignal, audioStreamIndex, }: {
     downloadMap: DownloadMap;
     src: string;
     indent: boolean;
     logLevel: LogLevel;
     binariesDirectory: string | null;
     cancelSignal: CancelSignal | undefined;
+    audioStreamIndex: number | undefined;
 }) => Promise<AudioChannelsAndDurationResultCache>;

package/dist/assets/get-audio-channels.js

@@ -4,10 +4,10 @@ exports.getAudioChannelsAndDuration = exports.getAudioChannelsAndDurationWithout
 const call_ffmpeg_1 = require("../call-ffmpeg");
 const p_limit_1 = require("../p-limit");
 const limit = (0, p_limit_1.pLimit)(1);
-const getAudioChannelsAndDurationWithoutCache = async ({ src, indent, logLevel, binariesDirectory, cancelSignal, }) => {
+const getAudioChannelsAndDurationWithoutCache = async ({ src, indent, logLevel, binariesDirectory, cancelSignal, audioStreamIndex, }) => {
     const args = [
         ['-v', 'error'],
-        ['-select_streams', 'a:0'],
+        ['-select_streams', audioStreamIndex ? `a:${audioStreamIndex}` : 'a:0'],
         [
             '-show_entries',
             'stream=channels:stream=start_time:format=duration:format=format_name',
@@ -48,9 +48,10 @@ const getAudioChannelsAndDurationWithoutCache = async ({ src, indent, logLevel,
     }
 };
 exports.getAudioChannelsAndDurationWithoutCache = getAudioChannelsAndDurationWithoutCache;
-async function getAudioChannelsAndDurationUnlimited({ downloadMap, src, indent, logLevel, binariesDirectory, cancelSignal, }) {
-    if (downloadMap.durationOfAssetCache[src]) {
-        return downloadMap.durationOfAssetCache[src];
+async function getAudioChannelsAndDurationUnlimited({ downloadMap, src, indent, logLevel, binariesDirectory, cancelSignal, audioStreamIndex, }) {
+    const cacheKey = audioStreamIndex ? `${src}-${audioStreamIndex}` : src;
+    if (downloadMap.durationOfAssetCache[cacheKey]) {
+        return downloadMap.durationOfAssetCache[cacheKey];
     }
     const result = await (0, exports.getAudioChannelsAndDurationWithoutCache)({
         src,
@@ -58,11 +59,12 @@ async function getAudioChannelsAndDurationUnlimited({ downloadMap, src, indent,
         logLevel,
         binariesDirectory,
         cancelSignal,
+        audioStreamIndex,
     });
-    downloadMap.durationOfAssetCache[src] = result;
+    downloadMap.durationOfAssetCache[cacheKey] = result;
     return result;
 }
-const getAudioChannelsAndDuration = ({ downloadMap, src, indent, logLevel, binariesDirectory, cancelSignal, }) => {
+const getAudioChannelsAndDuration = ({ downloadMap, src, indent, logLevel, binariesDirectory, cancelSignal, audioStreamIndex, }) => {
     return limit(() => getAudioChannelsAndDurationUnlimited({
         downloadMap,
         src,
@@ -70,6 +72,7 @@ const getAudioChannelsAndDuration = ({ downloadMap, src, indent, logLevel, binar
         logLevel,
         binariesDirectory,
         cancelSignal,
+        audioStreamIndex,
     }));
 };
 exports.getAudioChannelsAndDuration = getAudioChannelsAndDuration;

package/dist/assets/types.d.ts

@@ -7,6 +7,7 @@ export type UnsafeAsset = Omit<AudioOrVideoAsset, 'frame' | 'id' | 'volume' | 'm
     id: string;
     playbackRate: number;
     toneFrequency: number | null;
+    audioStreamIndex: number;
 };
 export type AssetVolume = number | number[];
 export type MediaAsset = Omit<UnsafeAsset, 'duration' | 'volume'> & {

package/dist/assets/types.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.uncompressMediaAsset = void 0;
 const uncompressMediaAsset = (allRenderAssets, assetToUncompress) => {
-    const isCompressed = assetToUncompress.src.match(/same-as-(.*)-([0-9]+)$/);
+    const isCompressed = assetToUncompress.src.match(/same-as-(.*)-([0-9.]+)$/);
     if (!isCompressed) {
         return assetToUncompress;
     }

package/dist/create-audio.js

@@ -58,6 +58,7 @@ const createAudio = async ({ assets, onDownload, fps, logLevel, onProgress, down
             trimLeftOffset,
             trimRightOffset,
             forSeamlessAacConcatenation,
+            audioStreamIndex: asset.audioStreamIndex,
         });
         preprocessProgress[index] = 1;
         updateProgress();

package/dist/esm/index.mjs

@@ -14178,11 +14178,12 @@ var getAudioChannelsAndDurationWithoutCache = async ({
   indent,
   logLevel,
   binariesDirectory,
-  cancelSignal
+  cancelSignal,
+  audioStreamIndex
 }) => {
   const args = [
     ["-v", "error"],
-    ["-select_streams", "a:0"],
+    ["-select_streams", audioStreamIndex ? `a:${audioStreamIndex}` : "a:0"],
     [
       "-show_entries",
       "stream=channels:stream=start_time:format=duration:format=format_name"
@@ -14223,19 +14224,22 @@ async function getAudioChannelsAndDurationUnlimited({
   indent,
   logLevel,
   binariesDirectory,
-  cancelSignal
+  cancelSignal,
+  audioStreamIndex
 }) {
-  if (downloadMap.durationOfAssetCache[src]) {
-    return downloadMap.durationOfAssetCache[src];
+  const cacheKey = audioStreamIndex ? `${src}-${audioStreamIndex}` : src;
+  if (downloadMap.durationOfAssetCache[cacheKey]) {
+    return downloadMap.durationOfAssetCache[cacheKey];
   }
   const result = await getAudioChannelsAndDurationWithoutCache({
     src,
     indent,
     logLevel,
     binariesDirectory,
-    cancelSignal
+    cancelSignal,
+    audioStreamIndex
   });
-  downloadMap.durationOfAssetCache[src] = result;
+  downloadMap.durationOfAssetCache[cacheKey] = result;
   return result;
 }
 var getAudioChannelsAndDuration = ({
@@ -14244,7 +14248,8 @@ var getAudioChannelsAndDuration = ({
   indent,
   logLevel,
   binariesDirectory,
-  cancelSignal
+  cancelSignal,
+  audioStreamIndex
 }) => {
   return limit(() => getAudioChannelsAndDurationUnlimited({
     downloadMap,
@@ -14252,7 +14257,8 @@ var getAudioChannelsAndDuration = ({
     indent,
     logLevel,
     binariesDirectory,
-    cancelSignal
+    cancelSignal,
+    audioStreamIndex
   }));
 };
 
@@ -14414,7 +14420,8 @@ var downloadAsset = async ({
   logLevel,
   shouldAnalyzeAudioImmediately,
   binariesDirectory,
-  cancelSignalForAudioAnalysis
+  cancelSignalForAudioAnalysis,
+  audioStreamIndex
 }) => {
   if (isAssetCompressed(src)) {
     return src;
@@ -14487,7 +14494,8 @@ var downloadAsset = async ({
       src: to,
       indent,
       logLevel,
-      cancelSignal: cancelSignalForAudioAnalysis
+      cancelSignal: cancelSignalForAudioAnalysis,
+      audioStreamIndex
     });
   }
   return to;
@@ -14567,7 +14575,8 @@ var downloadAndMapAssetsToFileUrl = async ({
     logLevel,
     shouldAnalyzeAudioImmediately,
     binariesDirectory,
-    cancelSignalForAudioAnalysis
+    cancelSignalForAudioAnalysis,
+    audioStreamIndex: renderAsset.audioStreamIndex
   });
   cleanup();
   return {
@@ -14915,7 +14924,8 @@ var startOffthreadVideoServer = ({
         logLevel,
         binariesDirectory,
         cancelSignalForAudioAnalysis: undefined,
-        shouldAnalyzeAudioImmediately: true
+        shouldAnalyzeAudioImmediately: true,
+        audioStreamIndex: undefined
       }).then((to) => {
         return new Promise((resolve2, reject) => {
           if (closed) {
@@ -19683,7 +19693,7 @@ var convertAssetToFlattenedVolume = (asset) => {
 
 // src/assets/types.ts
 var uncompressMediaAsset = (allRenderAssets, assetToUncompress) => {
-  const isCompressed = assetToUncompress.src.match(/same-as-(.*)-([0-9]+)$/);
+  const isCompressed = assetToUncompress.src.match(/same-as-(.*)-([0-9.]+)$/);
   if (!isCompressed) {
     return assetToUncompress;
   }
@@ -19741,7 +19751,8 @@ var calculateAssetPositions = (frames) => {
           volume: [],
           playbackRate: asset.playbackRate,
           toneFrequency: asset.toneFrequency,
-          audioStartFrame: asset.audioStartFrame
+          audioStartFrame: asset.audioStartFrame,
+          audioStreamIndex: asset.audioStreamIndex
         });
       }
       const found = assets.find((a) => a.duration === null && areEqual(a, asset));
@@ -20306,7 +20317,7 @@ var stringifyFfmpegFilter = ({
   const padAtEnd = chunkLengthInSeconds - audibleDuration - startInVideoSeconds;
   const padStart = startInVideoSeconds + (asset.trimLeft === 0 ? presentationTimeOffsetInSeconds : 0);
   return {
-    filter: `[0:a]` + [
+    filter: "[0:a]" + [
       `aformat=sample_fmts=s32:sample_rates=${DEFAULT_SAMPLE_RATE}`,
       ...trimAndTempoFilter,
       volumeFilter.value === "1" ? null : `volume=${volumeFilter.value}:eval=${volumeFilter.eval}`,
@@ -20332,7 +20343,8 @@ var preprocessAudioTrackUnlimited = async ({
   chunkLengthInSeconds,
   trimLeftOffset,
   trimRightOffset,
-  forSeamlessAacConcatenation
+  forSeamlessAacConcatenation,
+  audioStreamIndex
 }) => {
   const { channels, duration, startTime } = await getAudioChannelsAndDuration({
     downloadMap,
@@ -20340,7 +20352,8 @@ var preprocessAudioTrackUnlimited = async ({
     indent,
     logLevel,
     binariesDirectory,
-    cancelSignal
+    cancelSignal,
+    audioStreamIndex
   });
   const filter = stringifyFfmpegFilter({
     asset,
@@ -20363,6 +20376,7 @@ var preprocessAudioTrackUnlimited = async ({
   const args = [
     ["-hide_banner"],
     ["-i", resolveAssetSrc(asset.src)],
+    audioStreamIndex ? ["-map", `0:a:${audioStreamIndex}`] : [],
     ["-ac", "2"],
     ["-filter_script:a", file],
     ["-c:a", "pcm_s16le"],
@@ -20454,7 +20468,8 @@ var createAudio = async ({
       chunkLengthInSeconds,
       trimLeftOffset,
       trimRightOffset,
-      forSeamlessAacConcatenation
+      forSeamlessAacConcatenation,
+      audioStreamIndex: asset.audioStreamIndex
     });
     preprocessProgress[index] = 1;
     updateProgress();
@@ -21026,7 +21041,7 @@ var internalRenderMediaRaw = ({
   proResProfile,
   x264Preset,
   crf,
-  composition,
+  composition: compositionWithPossibleUnevenDimensions,
   serializedInputPropsWithCustomSchema,
   pixelFormat: userPixelFormat,
   codec,
@@ -21080,11 +21095,11 @@ var internalRenderMediaRaw = ({
   chromeMode,
   offthreadVideoThreads
 }) => {
-  const pixelFormat = userPixelFormat ?? composition.defaultPixelFormat ?? DEFAULT_PIXEL_FORMAT;
+  const pixelFormat = userPixelFormat ?? compositionWithPossibleUnevenDimensions.defaultPixelFormat ?? DEFAULT_PIXEL_FORMAT;
   if (repro) {
     enableRepro({
       serveUrl,
-      compositionName: composition.id,
+      compositionName: compositionWithPossibleUnevenDimensions.id,
       serializedInputPropsWithCustomSchema,
       serializedResolvedPropsWithCustomSchema
     });
@@ -21140,8 +21155,8 @@ var internalRenderMediaRaw = ({
   const recentFrameTimings = [];
   const renderStart = Date.now();
   const { estimatedUsage, freeMemory, hasEnoughMemory } = shouldUseParallelEncoding({
-    height: composition.height,
-    width: composition.width,
+    height: compositionWithPossibleUnevenDimensions.height,
+    width: compositionWithPossibleUnevenDimensions.width,
     logLevel
   });
   const parallelEncoding = !disallowParallelEncoding && hasEnoughMemory && canUseParallelEncoding(codec);
@@ -21186,22 +21201,36 @@ var internalRenderMediaRaw = ({
       tag: "renderMedia()"
     }, "Parallel encoding is disabled.");
   }
-  const imageFormat = isAudioCodec(codec) ? "none" : provisionalImageFormat ?? composition.defaultVideoImageFormat ?? DEFAULT_VIDEO_IMAGE_FORMAT;
+  const imageFormat = isAudioCodec(codec) ? "none" : provisionalImageFormat ?? compositionWithPossibleUnevenDimensions.defaultVideoImageFormat ?? DEFAULT_VIDEO_IMAGE_FORMAT;
   validateSelectedPixelFormatAndImageFormatCombination(pixelFormat, imageFormat);
   const workingDir = fs15.mkdtempSync(path25.join(os6.tmpdir(), "react-motion-render"));
   const preEncodedFileLocation = parallelEncoding ? path25.join(workingDir, "pre-encode." + getFileExtensionFromCodec(codec, audioCodec)) : null;
   if (onCtrlCExit && workingDir) {
     onCtrlCExit(`Delete ${workingDir}`, () => deleteDirectory(workingDir));
   }
+  const { actualWidth: widthEvenDimensions, actualHeight: heightEvenDimensions } = validateEvenDimensionsWithCodec({
+    codec,
+    height: compositionWithPossibleUnevenDimensions.height,
+    scale: 1,
+    width: compositionWithPossibleUnevenDimensions.width,
+    wantsImageSequence: false,
+    indent,
+    logLevel
+  });
   const { actualWidth, actualHeight } = validateEvenDimensionsWithCodec({
     codec,
-    height: composition.height,
+    height: compositionWithPossibleUnevenDimensions.height,
     scale,
-    width: composition.width,
+    width: compositionWithPossibleUnevenDimensions.width,
     wantsImageSequence: false,
     indent,
     logLevel
   });
+  const composition = {
+    ...compositionWithPossibleUnevenDimensions,
+    height: heightEvenDimensions,
+    width: widthEvenDimensions
+  };
   const realFrameRange = getRealFrameRange(composition.durationInFrames, frameRange);
   const totalFramesToRender = getFramesToRender(realFrameRange, everyNthFrame).length;
   Log.verbose({ indent, logLevel, tag: "renderMedia()" }, `Rendering frames ${realFrameRange.join("-")}`);

package/dist/offthread-video-server.js

@@ -101,6 +101,7 @@ const startOffthreadVideoServer = ({ downloadMap, logLevel, indent, offthreadVid
                 binariesDirectory,
                 cancelSignalForAudioAnalysis: undefined,
                 shouldAnalyzeAudioImmediately: true,
+                audioStreamIndex: undefined,
             })
                 .then((to) => {
                 return new Promise((resolve, reject) => {

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

@@ -17,6 +17,7 @@ type Options = {
     trimRightOffset: number;
     forSeamlessAacConcatenation: boolean;
     onProgress: (progress: number) => void;
+    audioStreamIndex: number;
 };
 export type PreprocessedAudioTrack = {
     outName: string;

package/dist/preprocess-audio-track.js

@@ -11,7 +11,7 @@ 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 stringify_ffmpeg_filter_1 = require("./stringify-ffmpeg-filter");
-const preprocessAudioTrackUnlimited = async ({ outName, asset, fps, downloadMap, indent, logLevel, binariesDirectory, cancelSignal, onProgress, chunkLengthInSeconds, trimLeftOffset, trimRightOffset, forSeamlessAacConcatenation, }) => {
+const preprocessAudioTrackUnlimited = async ({ outName, asset, fps, downloadMap, indent, logLevel, binariesDirectory, cancelSignal, onProgress, chunkLengthInSeconds, trimLeftOffset, trimRightOffset, forSeamlessAacConcatenation, audioStreamIndex, }) => {
     var _a;
     const { channels, duration, startTime } = await (0, get_audio_channels_1.getAudioChannelsAndDuration)({
         downloadMap,
@@ -20,6 +20,7 @@ const preprocessAudioTrackUnlimited = async ({ outName, asset, fps, downloadMap,
         logLevel,
         binariesDirectory,
         cancelSignal,
+        audioStreamIndex,
     });
     const filter = (0, stringify_ffmpeg_filter_1.stringifyFfmpegFilter)({
         asset,
@@ -42,6 +43,7 @@ const preprocessAudioTrackUnlimited = async ({ outName, asset, fps, downloadMap,
     const args = [
         ['-hide_banner'],
         ['-i', (0, resolve_asset_src_1.resolveAssetSrc)(asset.src)],
+        audioStreamIndex ? ['-map', `0:a:${audioStreamIndex}`] : [],
         ['-ac', '2'],
         ['-filter_script:a', file],
         ['-c:a', 'pcm_s16le'],

package/dist/render-media.js

@@ -52,13 +52,13 @@ const validate_videobitrate_1 = require("./validate-videobitrate");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
 const SLOWEST_FRAME_COUNT = 10;
 const MAX_RECENT_FRAME_TIMINGS = 50;
-const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, serializedInputPropsWithCustomSchema, pixelFormat: userPixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, onArtifact, metadata, hardwareAcceleration, chromeMode, offthreadVideoThreads, }) => {
+const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition: compositionWithPossibleUnevenDimensions, serializedInputPropsWithCustomSchema, pixelFormat: userPixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, onArtifact, metadata, hardwareAcceleration, chromeMode, offthreadVideoThreads, }) => {
     var _a, _b;
-    const pixelFormat = (_a = userPixelFormat !== null && userPixelFormat !== void 0 ? userPixelFormat : composition.defaultPixelFormat) !== null && _a !== void 0 ? _a : pixel_format_1.DEFAULT_PIXEL_FORMAT;
+    const pixelFormat = (_a = userPixelFormat !== null && userPixelFormat !== void 0 ? userPixelFormat : compositionWithPossibleUnevenDimensions.defaultPixelFormat) !== null && _a !== void 0 ? _a : pixel_format_1.DEFAULT_PIXEL_FORMAT;
     if (repro) {
         (0, repro_1.enableRepro)({
             serveUrl,
-            compositionName: composition.id,
+            compositionName: compositionWithPossibleUnevenDimensions.id,
             serializedInputPropsWithCustomSchema,
             serializedResolvedPropsWithCustomSchema,
         });
@@ -117,8 +117,8 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
     const recentFrameTimings = [];
     const renderStart = Date.now();
     const { estimatedUsage, freeMemory, hasEnoughMemory } = (0, prestitcher_memory_usage_1.shouldUseParallelEncoding)({
-        height: composition.height,
-        width: composition.width,
+        height: compositionWithPossibleUnevenDimensions.height,
+        width: compositionWithPossibleUnevenDimensions.width,
         logLevel,
     });
     const parallelEncoding = !disallowParallelEncoding &&
@@ -168,7 +168,7 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
     }
     const imageFormat = (0, is_audio_codec_1.isAudioCodec)(codec)
         ? 'none'
-        : ((_b = provisionalImageFormat !== null && provisionalImageFormat !== void 0 ? provisionalImageFormat : composition.defaultVideoImageFormat) !== null && _b !== void 0 ? _b : image_format_1.DEFAULT_VIDEO_IMAGE_FORMAT);
+        : ((_b = provisionalImageFormat !== null && provisionalImageFormat !== void 0 ? provisionalImageFormat : compositionWithPossibleUnevenDimensions.defaultVideoImageFormat) !== null && _b !== void 0 ? _b : image_format_1.DEFAULT_VIDEO_IMAGE_FORMAT);
     (0, image_format_1.validateSelectedPixelFormatAndImageFormatCombination)(pixelFormat, imageFormat);
     const workingDir = node_fs_1.default.mkdtempSync(node_path_1.default.join(node_os_1.default.tmpdir(), 'react-motion-render'));
     const preEncodedFileLocation = parallelEncoding
@@ -177,15 +177,30 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
     if (onCtrlCExit && workingDir) {
         onCtrlCExit(`Delete ${workingDir}`, () => (0, delete_directory_1.deleteDirectory)(workingDir));
     }
+    const { actualWidth: widthEvenDimensions, actualHeight: heightEvenDimensions } = (0, validate_even_dimensions_with_codec_1.validateEvenDimensionsWithCodec)({
+        codec,
+        height: compositionWithPossibleUnevenDimensions.height,
+        // Don't apply scale yet, only ensure even dimensions
+        scale: 1,
+        width: compositionWithPossibleUnevenDimensions.width,
+        wantsImageSequence: false,
+        indent,
+        logLevel,
+    });
     const { actualWidth, actualHeight } = (0, validate_even_dimensions_with_codec_1.validateEvenDimensionsWithCodec)({
         codec,
-        height: composition.height,
+        height: compositionWithPossibleUnevenDimensions.height,
         scale,
-        width: composition.width,
+        width: compositionWithPossibleUnevenDimensions.width,
         wantsImageSequence: false,
         indent,
         logLevel,
     });
+    const composition = {
+        ...compositionWithPossibleUnevenDimensions,
+        height: heightEvenDimensions,
+        width: widthEvenDimensions,
+    };
     const realFrameRange = (0, get_frame_to_render_1.getRealFrameRange)(composition.durationInFrames, frameRange);
     const totalFramesToRender = (0, get_duration_from_frame_range_1.getFramesToRender)(realFrameRange, everyNthFrame).length;
     logger_1.Log.verbose({ indent, logLevel, tag: 'renderMedia()' }, `Rendering frames ${realFrameRange.join('-')}`);

package/dist/stringify-ffmpeg-filter.js

@@ -118,7 +118,7 @@ const stringifyFfmpegFilter = ({ channels, volume, fps, assetDuration, chunkLeng
         (asset.trimLeft === 0 ? presentationTimeOffsetInSeconds : 0);
     // Set as few filters as possible, as combining them can create noise
     return {
-        filter: `[0:a]` +
+        filter: '[0:a]' +
             [
                 `aformat=sample_fmts=s32:sample_rates=${sample_rate_1.DEFAULT_SAMPLE_RATE}`,
                 // The order matters here! For speed and correctness, we first trim the audio

package/ensure-browser.mjs

@@ -18,7 +18,7 @@ var __toESM = (mod, isNodeMode, target) => {
 var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __require = /* @__PURE__ */ createRequire(import.meta.url);
 
-// ../../node_modules/.pnpm/ms@2.1.3/node_modules/ms/index.js
+// ../../node_modules/.pnpm/ms@2.1.2/node_modules/ms/index.js
 var require_ms = __commonJS((exports, module) => {
   var s = 1000;
   var m = s * 60;
@@ -128,7 +128,7 @@ var require_ms = __commonJS((exports, module) => {
   }
 });
 
-// ../../node_modules/.pnpm/debug@4.4.0/node_modules/debug/src/common.js
+// ../../node_modules/.pnpm/debug@4.3.4/node_modules/debug/src/common.js
 var require_common = __commonJS((exports, module) => {
   function setup(env) {
     createDebug.debug = createDebug;
@@ -230,64 +230,50 @@ var require_common = __commonJS((exports, module) => {
       createDebug.namespaces = namespaces;
       createDebug.names = [];
       createDebug.skips = [];
-      const split = (typeof namespaces === "string" ? namespaces : "").trim().replace(" ", ",").split(",").filter(Boolean);
-      for (const ns of split) {
-        if (ns[0] === "-") {
-          createDebug.skips.push(ns.slice(1));
-        } else {
-          createDebug.names.push(ns);
+      let i;
+      const split = (typeof namespaces === "string" ? namespaces : "").split(/[\s,]+/);
+      const len = split.length;
+      for (i = 0;i < len; i++) {
+        if (!split[i]) {
+          continue;
         }
-      }
-    }
-    function matchesTemplate(search, template) {
-      let searchIndex = 0;
-      let templateIndex = 0;
-      let starIndex = -1;
-      let matchIndex = 0;
-      while (searchIndex < search.length) {
-        if (templateIndex < template.length && (template[templateIndex] === search[searchIndex] || template[templateIndex] === "*")) {
-          if (template[templateIndex] === "*") {
-            starIndex = templateIndex;
-            matchIndex = searchIndex;
-            templateIndex++;
-          } else {
-            searchIndex++;
-            templateIndex++;
-          }
-        } else if (starIndex !== -1) {
-          templateIndex = starIndex + 1;
-          matchIndex++;
-          searchIndex = matchIndex;
+        namespaces = split[i].replace(/\*/g, ".*?");
+        if (namespaces[0] === "-") {
+          createDebug.skips.push(new RegExp("^" + namespaces.slice(1) + "$"));
         } else {
-          return false;
+          createDebug.names.push(new RegExp("^" + namespaces + "$"));
         }
       }
-      while (templateIndex < template.length && template[templateIndex] === "*") {
-        templateIndex++;
-      }
-      return templateIndex === template.length;
     }
     function disable() {
       const namespaces = [
-        ...createDebug.names,
-        ...createDebug.skips.map((namespace) => "-" + namespace)
+        ...createDebug.names.map(toNamespace),
+        ...createDebug.skips.map(toNamespace).map((namespace) => "-" + namespace)
       ].join(",");
       createDebug.enable("");
       return namespaces;
     }
     function enabled(name) {
-      for (const skip of createDebug.skips) {
-        if (matchesTemplate(name, skip)) {
+      if (name[name.length - 1] === "*") {
+        return true;
+      }
+      let i;
+      let len;
+      for (i = 0, len = createDebug.skips.length;i < len; i++) {
+        if (createDebug.skips[i].test(name)) {
           return false;
         }
       }
-      for (const ns of createDebug.names) {
-        if (matchesTemplate(name, ns)) {
+      for (i = 0, len = createDebug.names.length;i < len; i++) {
+        if (createDebug.names[i].test(name)) {
           return true;
         }
       }
       return false;
     }
+    function toNamespace(regexp) {
+      return regexp.toString().substring(2, regexp.toString().length - 2).replace(/\.\*\?$/, "*");
+    }
     function coerce(val) {
       if (val instanceof Error) {
         return val.stack || val.message;
@@ -303,7 +289,7 @@ var require_common = __commonJS((exports, module) => {
   module.exports = setup;
 });
 
-// ../../node_modules/.pnpm/debug@4.4.0/node_modules/debug/src/browser.js
+// ../../node_modules/.pnpm/debug@4.3.4/node_modules/debug/src/browser.js
 var require_browser = __commonJS((exports, module) => {
   exports.formatArgs = formatArgs;
   exports.save = save;
@@ -404,8 +390,7 @@ var require_browser = __commonJS((exports, module) => {
     if (typeof navigator !== "undefined" && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)) {
       return false;
     }
-    let m;
-    return typeof document !== "undefined" && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance || typeof window !== "undefined" && window.console && (window.console.firebug || window.console.exception && window.console.table) || typeof navigator !== "undefined" && navigator.userAgent && (m = navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)) && parseInt(m[1], 10) >= 31 || typeof navigator !== "undefined" && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/);
+    return typeof document !== "undefined" && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance || typeof window !== "undefined" && window.console && (window.console.firebug || window.console.exception && window.console.table) || typeof navigator !== "undefined" && navigator.userAgent && navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/) && parseInt(RegExp.$1, 10) >= 31 || typeof navigator !== "undefined" && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/);
   }
   function formatArgs(args) {
     args[0] = (this.useColors ? "%c" : "") + this.namespace + (this.useColors ? " %c" : " ") + args[0] + (this.useColors ? "%c " : " ") + "+" + module.exports.humanize(this.diff);
@@ -572,7 +557,7 @@ var require_supports_color = __commonJS((exports, module) => {
   };
 });
 
-// ../../node_modules/.pnpm/debug@4.4.0/node_modules/debug/src/node.js
+// ../../node_modules/.pnpm/debug@4.3.4/node_modules/debug/src/node.js
 var require_node = __commonJS((exports, module) => {
   var tty = __require("tty");
   var util = __require("util");
@@ -710,7 +695,7 @@ var require_node = __commonJS((exports, module) => {
     return new Date().toISOString() + " ";
   }
   function log(...args) {
-    return process.stderr.write(util.formatWithOptions(exports.inspectOpts, ...args) + `
+    return process.stderr.write(util.format(...args) + `
 `);
   }
   function save(namespaces) {
@@ -743,7 +728,7 @@ var require_node = __commonJS((exports, module) => {
   };
 });
 
-// ../../node_modules/.pnpm/debug@4.4.0/node_modules/debug/src/index.js
+// ../../node_modules/.pnpm/debug@4.3.4/node_modules/debug/src/index.js
 var require_src = __commonJS((exports, module) => {
   if (typeof process === "undefined" || process.type === "renderer" || false || process.__nwjs) {
     module.exports = require_browser();
@@ -3086,17 +3071,14 @@ var getDownloadsCacheDir = () => {
 };
 
 // src/browser/BrowserFetcher.ts
-var TESTED_VERSION = "134.0.6998.35";
-var PLAYWRIGHT_VERSION = "1161";
+var TESTED_VERSION = "133.0.6943.0";
+var PLAYWRIGHT_VERSION = "1155";
 function getChromeDownloadUrl({
   platform: platform2,
   version,
   chromeMode
 }) {
   if (platform2 === "linux-arm64") {
-    if (chromeMode === "chrome-for-testing") {
-      return `https://playwright.azureedge.net/builds/chromium/${version ?? PLAYWRIGHT_VERSION}/chromium-linux-arm64.zip`;
-    }
     return `https://playwright.azureedge.net/builds/chromium/${version ?? PLAYWRIGHT_VERSION}/chromium-headless-shell-linux-arm64.zip`;
   }
   if (chromeMode === "headless-shell") {

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/renderer"
   },
   "name": "@remotion/renderer",
-  "version": "4.0.339",
+  "version": "4.0.341",
   "description": "Render Remotion videos using Node.js or Bun",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,8 +18,8 @@
     "extract-zip": "2.0.1",
     "source-map": "^0.8.0-beta.0",
     "ws": "8.17.1",
-    "remotion": "4.0.339",
-    "@remotion/streaming": "4.0.339"
+    "remotion": "4.0.341",
+    "@remotion/streaming": "4.0.341"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -33,17 +33,17 @@
     "react-dom": "19.0.0",
     "@types/ws": "8.5.10",
     "eslint": "9.19.0",
-    "@remotion/example-videos": "4.0.339",
-    "@remotion/eslint-config-internal": "4.0.339"
+    "@remotion/example-videos": "4.0.341",
+    "@remotion/eslint-config-internal": "4.0.341"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-arm64": "4.0.339",
-    "@remotion/compositor-linux-arm64-musl": "4.0.339",
-    "@remotion/compositor-darwin-x64": "4.0.339",
-    "@remotion/compositor-linux-x64-gnu": "4.0.339",
-    "@remotion/compositor-linux-x64-musl": "4.0.339",
-    "@remotion/compositor-win32-x64-msvc": "4.0.339",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.339"
+    "@remotion/compositor-darwin-arm64": "4.0.341",
+    "@remotion/compositor-linux-arm64-musl": "4.0.341",
+    "@remotion/compositor-linux-x64-gnu": "4.0.341",
+    "@remotion/compositor-linux-x64-musl": "4.0.341",
+    "@remotion/compositor-win32-x64-msvc": "4.0.341",
+    "@remotion/compositor-linux-arm64-gnu": "4.0.341",
+    "@remotion/compositor-darwin-x64": "4.0.341"
   },
   "keywords": [
     "remotion",