@remotion/renderer 4.0.0-alpha.217 → 4.0.0-alpha4

package/dist/prespawn-ffmpeg.d.ts

@@ -1,10 +1,12 @@
+import execa from 'execa';
 import type { Codec } from './codec';
+import type { FfmpegExecutable } from './ffmpeg-executable';
 import type { FfmpegOverrideFn } from './ffmpeg-override';
-import type { VideoImageFormat } from './image-format';
+import type { ImageFormat } from './image-format';
 import type { CancelSignal } from './make-cancel-signal';
 import type { PixelFormat } from './pixel-format';
 import type { ProResProfile } from './prores-profile';
-declare type PreStitcherOptions = {
+declare type PreSticherOptions = {
     fps: number;
     width: number;
     height: number;
@@ -15,13 +17,14 @@ declare type PreStitcherOptions = {
     onProgress: (progress: number) => void;
     proResProfile: ProResProfile | undefined;
     verbose: boolean;
-    imageFormat: VideoImageFormat;
+    ffmpegExecutable: FfmpegExecutable | undefined;
+    imageFormat: ImageFormat;
     ffmpegOverride: FfmpegOverrideFn;
     signal: CancelSignal;
     videoBitrate: string | null;
 };
-export declare const prespawnFfmpeg: (options: PreStitcherOptions) => {
-    task: import("execa").ExecaChildProcess<string>;
+export declare const prespawnFfmpeg: (options: PreSticherOptions, remotionRoot: string) => Promise<{
+    task: execa.ExecaChildProcess<string>;
     getLogs: () => string;
-};
+}>;
 export {};

package/dist/prespawn-ffmpeg.js

@@ -1,18 +1,22 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.prespawnFfmpeg = void 0;
+const execa_1 = __importDefault(require("execa"));
 const remotion_1 = require("remotion");
-const call_ffmpeg_1 = require("./call-ffmpeg");
 const codec_1 = require("./codec");
-const get_executable_path_1 = require("./compositor/get-executable-path");
 const crf_1 = require("./crf");
+const ffmpeg_flags_1 = require("./ffmpeg-flags");
 const get_codec_name_1 = require("./get-codec-name");
 const get_prores_profile_name_1 = require("./get-prores-profile-name");
 const parse_ffmpeg_progress_1 = require("./parse-ffmpeg-progress");
 const pixel_format_1 = require("./pixel-format");
 const validate_even_dimensions_with_codec_1 = require("./validate-even-dimensions-with-codec");
-const prespawnFfmpeg = (options) => {
-    var _a, _b, _c;
+const validate_ffmpeg_1 = require("./validate-ffmpeg");
+const prespawnFfmpeg = async (options, remotionRoot) => {
+    var _a, _b, _c, _d, _e, _f;
     remotion_1.Internals.validateDimension(options.height, 'height', 'passed to `stitchFramesToVideo()`');
     remotion_1.Internals.validateDimension(options.width, 'width', 'passed to `stitchFramesToVideo()`');
     const codec = (_a = options.codec) !== null && _a !== void 0 ? _a : codec_1.DEFAULT_CODEC;
@@ -24,6 +28,7 @@ const prespawnFfmpeg = (options) => {
         scale: 1,
     });
     const pixelFormat = (_b = options.pixelFormat) !== null && _b !== void 0 ? _b : pixel_format_1.DEFAULT_PIXEL_FORMAT;
+    await (0, validate_ffmpeg_1.validateFfmpeg)((_c = options.ffmpegExecutable) !== null && _c !== void 0 ? _c : null, remotionRoot, 'ffmpeg');
     const encoderName = (0, get_codec_name_1.getCodecName)(codec);
     const proResProfileName = (0, get_prores_profile_name_1.getProResProfileName)(codec, options.proResProfile);
     if (encoderName === null) {
@@ -31,7 +36,7 @@ const prespawnFfmpeg = (options) => {
     }
     const supportsCrf = codec !== 'prores';
     if (options.verbose) {
-        console.log('[verbose] ffmpeg', (0, get_executable_path_1.getExecutablePath)('ffmpeg'));
+        console.log('[verbose] ffmpeg', (_d = options.ffmpegExecutable) !== null && _d !== void 0 ? _d : 'ffmpeg in PATH');
         console.log('[verbose] encoder', encoderName);
         console.log('[verbose] pixelFormat', pixelFormat);
         if (supportsCrf) {
@@ -75,12 +80,12 @@ const prespawnFfmpeg = (options) => {
     const finalFfmpegString = options.ffmpegOverride
         ? options.ffmpegOverride({ type: 'pre-stitcher', args: ffmpegString })
         : ffmpegString;
-    const task = (0, call_ffmpeg_1.callFf)('ffmpeg', finalFfmpegString);
+    const task = (0, execa_1.default)(await (0, ffmpeg_flags_1.getExecutableBinary)((_e = options.ffmpegExecutable) !== null && _e !== void 0 ? _e : null, remotionRoot, 'ffmpeg'), finalFfmpegString);
     options.signal(() => {
         task.kill();
     });
     let ffmpegOutput = '';
-    (_c = task.stderr) === null || _c === void 0 ? void 0 : _c.on('data', (data) => {
+    (_f = task.stderr) === null || _f === void 0 ? void 0 : _f.on('data', (data) => {
         const str = data.toString();
         ffmpegOutput += str;
         if (options.onProgress) {

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

@@ -1,3 +1,7 @@
+export declare const estimateMemoryUsageForPrestitcher: ({ width, height, }: {
+    width: number;
+    height: number;
+}) => number;
 export declare const shouldUseParallelEncoding: ({ width, height, }: {
     width: number;
     height: number;

package/dist/prestitcher-memory-usage.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.shouldUseParallelEncoding = void 0;
+exports.shouldUseParallelEncoding = exports.estimateMemoryUsageForPrestitcher = void 0;
 const os_1 = __importDefault(require("os"));
 const estimateMemoryUsageForPrestitcher = ({ width, height, }) => {
     // Empirically we detected that per 1 million pixels, FFMPEG uses around 1GB of memory, relatively independent of
@@ -12,9 +12,10 @@ const estimateMemoryUsageForPrestitcher = ({ width, height, }) => {
     const memoryUsageOfPixel = memoryUsageFor4K / 1000000;
     return memoryUsageOfPixel * width * height;
 };
+exports.estimateMemoryUsageForPrestitcher = estimateMemoryUsageForPrestitcher;
 const shouldUseParallelEncoding = ({ width, height, }) => {
     const freeMemory = os_1.default.freemem();
-    const estimatedUsage = estimateMemoryUsageForPrestitcher({
+    const estimatedUsage = (0, exports.estimateMemoryUsageForPrestitcher)({
         height,
         width,
     });

package/dist/prores-profile.d.ts

@@ -1,7 +1,8 @@
 import type { Codec } from './codec';
-export declare const proResProfileOptions: readonly ["4444-xq", "4444", "hq", "standard", "light", "proxy"];
+declare const proResProfileOptions: readonly ["4444-xq", "4444", "hq", "standard", "light", "proxy"];
 export declare type ProResProfile = typeof proResProfileOptions[number];
 export declare const validateSelectedCodecAndProResCombination: ({ codec, proResProfile, }: {
     codec: Codec;
     proResProfile: ProResProfile | undefined;
 }) => void;
+export {};

package/dist/prores-profile.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateSelectedCodecAndProResCombination = exports.proResProfileOptions = void 0;
-exports.proResProfileOptions = [
+exports.validateSelectedCodecAndProResCombination = void 0;
+const proResProfileOptions = [
     '4444-xq',
     '4444',
     'hq',
@@ -14,8 +14,8 @@ const validateSelectedCodecAndProResCombination = ({ codec, proResProfile, }) =>
         throw new TypeError(`You have set a ProRes profile but the codec is "${codec}". Set the codec to "prores" or remove the ProRes profile.`);
     }
     if (proResProfile !== undefined &&
-        !exports.proResProfileOptions.includes(proResProfile)) {
-        throw new TypeError(`The ProRes profile "${proResProfile}" is not valid. Valid options are ${exports.proResProfileOptions
+        !proResProfileOptions.includes(proResProfile)) {
+        throw new TypeError(`The ProRes profile "${proResProfile}" is not valid. Valid options are ${proResProfileOptions
             .map((p) => `"${p}"`)
             .join(', ')}`);
     }

package/dist/provide-screenshot.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="node" />
 import type { ClipRegion } from 'remotion';
 import type { Page } from './browser/BrowserPage';
-import type { StillImageFormat } from './image-format';
-export declare const provideScreenshot: ({ page, imageFormat, options, jpegQuality, height, width, clipRegion, }: {
+import type { ImageFormat } from './image-format';
+export declare const provideScreenshot: ({ page, imageFormat, options, quality, height, width, clipRegion, }: {
     page: Page;
-    imageFormat: StillImageFormat;
-    jpegQuality: number | undefined;
+    imageFormat: ImageFormat;
+    quality: number | undefined;
     options: {
         frame: number;
         output: string | null;

package/dist/provide-screenshot.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.provideScreenshot = void 0;
 const screenshot_dom_element_1 = require("./screenshot-dom-element");
-const provideScreenshot = ({ page, imageFormat, options, jpegQuality, height, width, clipRegion, }) => {
+const provideScreenshot = ({ page, imageFormat, options, quality, height, width, clipRegion, }) => {
     return (0, screenshot_dom_element_1.screenshotDOMElement)({
         page,
         opts: {
             path: options.output,
         },
         imageFormat,
-        jpegQuality,
+        quality,
         height,
         width,
         clipRegion,

package/dist/puppeteer-screenshot.d.ts

@@ -1,12 +1,11 @@
 /// <reference types="node" />
 import type { ClipRegion } from 'remotion';
 import type { Page } from './browser/BrowserPage';
-import type { StillImageFormat } from './image-format';
 export declare const screenshot: (options: {
     page: Page;
-    type: StillImageFormat;
+    type: 'png' | 'jpeg';
     path?: string;
-    jpegQuality?: number;
+    quality?: number;
     omitBackground: boolean;
     width: number;
     height: number;

package/dist/puppeteer-screenshot.js

@@ -27,22 +27,45 @@ exports.screenshot = void 0;
 const assert = __importStar(require("assert"));
 const screenshot_task_1 = require("./screenshot-task");
 const screenshot = (options) => {
-    if (options.jpegQuality) {
-        assert.ok(options.type === 'jpeg', `options.quality is unsupported for the ${options.type} screenshots`);
-        assert.ok(typeof options.jpegQuality === 'number', 'Expected options.quality to be a number but found ' +
-            typeof options.jpegQuality);
-        assert.ok(Number.isInteger(options.jpegQuality), 'Expected options.quality to be an integer');
-        assert.ok(options.jpegQuality >= 0 && options.jpegQuality <= 100, 'Expected options.quality to be between 0 and 100 (inclusive), got ' +
-            options.jpegQuality);
+    let screenshotType = null;
+    // options.type takes precedence over inferring the type from options.path
+    // because it may be a 0-length file with no extension created beforehand
+    // (i.e. as a temp file).
+    if (options.type) {
+        assert.ok(options.type === 'png' || options.type === 'jpeg', 'Unknown options.type value: ' + options.type);
+        screenshotType = options.type;
+    }
+    else if (options.path) {
+        const filePath = options.path;
+        const extension = filePath
+            .slice(filePath.lastIndexOf('.') + 1)
+            .toLowerCase();
+        if (extension === 'png')
+            screenshotType = 'png';
+        else if (extension === 'jpg' || extension === 'jpeg')
+            screenshotType = 'jpeg';
+        assert.ok(screenshotType, `Unsupported screenshot type for extension \`.${extension}\``);
+    }
+    if (!screenshotType)
+        screenshotType = 'png';
+    if (options.quality) {
+        assert.ok(screenshotType === 'jpeg', 'options.quality is unsupported for the ' +
+            screenshotType +
+            ' screenshots');
+        assert.ok(typeof options.quality === 'number', 'Expected options.quality to be a number but found ' +
+            typeof options.quality);
+        assert.ok(Number.isInteger(options.quality), 'Expected options.quality to be an integer');
+        assert.ok(options.quality >= 0 && options.quality <= 100, 'Expected options.quality to be between 0 and 100 (inclusive), got ' +
+            options.quality);
     }
     return options.page.screenshotTaskQueue.postTask(() => (0, screenshot_task_1.screenshotTask)({
         page: options.page,
-        format: options.type,
+        format: screenshotType,
         height: options.height,
         width: options.width,
         omitBackground: options.omitBackground,
         path: options.path,
-        jpegQuality: options.jpegQuality,
+        quality: options.quality,
         clipRegion: options.clipRegion,
     }));
 };

package/dist/render-frames.d.ts

@@ -1,27 +1,41 @@
 /// <reference types="node" />
-import type { AnySmallCompMetadata } from 'remotion';
+import type { SmallTCompMetadata } from 'remotion';
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { DownloadMap } from './assets/download-map';
 import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';
 import type { Browser } from './browser/Browser';
+import type { FfmpegExecutable } from './ffmpeg-executable';
 import type { FrameRange } from './frame-range';
-import type { VideoImageFormat } from './image-format';
+import type { ImageFormat } from './image-format';
+import type { ServeUrlOrWebpackBundle } from './legacy-webpack-config';
 import type { CancelSignal } from './make-cancel-signal';
 import type { ChromiumOptions } from './open-browser';
 import type { OnStartData, RenderFramesOutput } from './types';
+declare type ConfigOrComposition = {
+    /**
+     * @deprecated This field has been renamed to `composition`
+     */
+    config: SmallTCompMetadata;
+} | {
+    composition: SmallTCompMetadata;
+};
+declare type ConcurrencyOrParallelism = {
+    concurrency?: number | string | null;
+} | {
+    /**
+     * @deprecated This field has been renamed to `concurrency`
+     */
+    parallelism?: number | null;
+};
 declare type RenderFramesOptions = {
     onStart: (data: OnStartData) => void;
     onFrameUpdate: (framesRendered: number, frameIndex: number, timeToRenderInMilliseconds: number) => void;
     outputDir: string | null;
     inputProps: unknown;
     envVariables?: Record<string, string>;
-    imageFormat: VideoImageFormat;
-    /**
-     * @deprecated Renamed to "jpegQuality"
-     */
-    quality?: never;
-    jpegQuality?: number;
+    imageFormat: ImageFormat;
+    quality?: number;
     frameRange?: FrameRange | null;
     everyNthFrame?: number;
     dumpBrowserLogs?: boolean;
@@ -33,17 +47,16 @@ declare type RenderFramesOptions = {
     timeoutInMilliseconds?: number;
     chromiumOptions?: ChromiumOptions;
     scale?: number;
+    ffmpegExecutable?: FfmpegExecutable;
+    ffprobeExecutable?: FfmpegExecutable;
     port?: number | null;
     cancelSignal?: CancelSignal;
-    composition: AnySmallCompMetadata;
     /**
      * @deprecated Only for Remotion internal usage
      */
     downloadMap?: DownloadMap;
     muted?: boolean;
-    concurrency?: number | string | null;
-    serveUrl: string;
-};
+} & ConfigOrComposition & ConcurrencyOrParallelism & ServeUrlOrWebpackBundle;
 /**
  * @description Renders a series of images using Puppeteer and computes information for mixing audio.
  * @see [Documentation](https://www.remotion.dev/docs/renderer/render-frames)

package/dist/render-frames.js

@@ -11,7 +11,6 @@ const remotion_1 = require("remotion");
 const download_and_map_assets_to_file_1 = require("./assets/download-and-map-assets-to-file");
 const download_map_1 = require("./assets/download-map");
 const browser_1 = require("./browser");
-const is_target_closed_err_1 = require("./browser/is-target-closed-err");
 const compress_assets_1 = require("./compress-assets");
 const cycle_browser_tabs_1 = require("./cycle-browser-tabs");
 const handle_javascript_exception_1 = require("./error-handling/handle-javascript-exception");
@@ -21,13 +20,14 @@ const get_duration_from_frame_range_1 = require("./get-duration-from-frame-range
 const get_frame_padded_index_1 = require("./get-frame-padded-index");
 const get_frame_to_render_1 = require("./get-frame-to-render");
 const image_format_1 = require("./image-format");
-const jpeg_quality_1 = require("./jpeg-quality");
+const legacy_webpack_config_1 = require("./legacy-webpack-config");
 const make_cancel_signal_1 = require("./make-cancel-signal");
 const open_browser_1 = require("./open-browser");
 const perf_1 = require("./perf");
 const pool_1 = require("./pool");
 const prepare_server_1 = require("./prepare-server");
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
+const quality_1 = require("./quality");
 const replace_browser_1 = require("./replace-browser");
 const seek_to_frame_1 = require("./seek-to-frame");
 const set_props_and_env_1 = require("./set-props-and-env");
@@ -35,7 +35,25 @@ const take_frame_and_compose_1 = require("./take-frame-and-compose");
 const truthy_1 = require("./truthy");
 const validate_scale_1 = require("./validate-scale");
 const MAX_RETRIES_PER_FRAME = 1;
-const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, jpegQuality, quality, imageFormat = image_format_1.DEFAULT_VIDEO_IMAGE_FORMAT, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale = 1, actualConcurrency, everyNthFrame = 1, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, }) => {
+const getComposition = (others) => {
+    if ('composition' in others) {
+        return others.composition;
+    }
+    if ('config' in others) {
+        return others.config;
+    }
+    return undefined;
+};
+const getConcurrency = (others) => {
+    if ('concurrency' in others) {
+        return others.concurrency;
+    }
+    if ('parallelism' in others) {
+        return others.parallelism;
+    }
+    return undefined;
+};
+const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, quality, imageFormat = image_format_1.DEFAULT_IMAGE_FORMAT, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale = 1, actualConcurrency, everyNthFrame = 1, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, }) => {
     if (outputDir) {
         if (!fs_1.default.existsSync(outputDir)) {
             fs_1.default.mkdirSync(outputDir, {
@@ -43,9 +61,6 @@ const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, jpeg
             });
         }
     }
-    if (quality) {
-        throw new Error(`The "quality" option has been renamed. Use "jpegQuality" instead.`);
-    }
     const downloadPromises = [];
     const realFrameRange = (0, get_frame_to_render_1.getRealFrameRange)(composition.durationInFrames, frameRange !== null && frameRange !== void 0 ? frameRange : null);
     const framesToRender = (0, get_duration_from_frame_range_1.getFramesToRender)(realFrameRange, everyNthFrame);
@@ -170,7 +185,7 @@ const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, jpeg
                 lastFrame,
                 totalFrames: framesToRender.length,
             })),
-            jpegQuality,
+            quality,
             width,
             scale,
             downloadMap,
@@ -218,21 +233,16 @@ const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, jpeg
         });
     };
     const renderFrameAndRetryTargetClose = async (frame, index, retriesLeft, attempt) => {
+        var _a, _b;
         try {
-            await Promise.race([
-                renderFrame(frame, index),
-                new Promise((_, reject) => {
-                    cancelSignal === null || cancelSignal === void 0 ? void 0 : cancelSignal(() => {
-                        reject(new Error(make_cancel_signal_1.cancelErrorMessages.renderFrames));
-                    });
-                }),
-            ]);
+            await renderFrame(frame, index);
         }
         catch (err) {
-            if ((0, make_cancel_signal_1.isUserCancelledRender)(err)) {
+            if (!((_a = err === null || err === void 0 ? void 0 : err.message) === null || _a === void 0 ? void 0 : _a.includes('Target closed')) &&
+                !((_b = err === null || err === void 0 ? void 0 : err.message) === null || _b === void 0 ? void 0 : _b.includes('Session closed'))) {
                 throw err;
             }
-            if (!(0, is_target_closed_err_1.isTargetClosedErr)(err)) {
+            if ((0, make_cancel_signal_1.isUserCancelledRender)(err)) {
                 throw err;
             }
             if (stopped) {
@@ -282,7 +292,8 @@ const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, jpeg
  */
 const renderFrames = (options) => {
     var _a, _b, _c;
-    const { composition, concurrency } = options;
+    const composition = getComposition(options);
+    const concurrency = getConcurrency(options);
     if (!composition) {
         throw new Error('No `composition` option has been specified for renderFrames()');
     }
@@ -294,10 +305,11 @@ const renderFrames = (options) => {
         component: 'in the `config` object passed to `renderFrames()`',
         allowFloats: false,
     });
-    if (options.jpegQuality !== undefined && options.imageFormat !== 'jpeg') {
-        throw new Error("You can only pass the `jpegQuality` option if `imageFormat` is 'jpeg'.");
+    if (options.quality !== undefined && options.imageFormat !== 'jpeg') {
+        throw new Error("You can only pass the `quality` option if `imageFormat` is 'jpeg'.");
     }
-    (0, jpeg_quality_1.validateJpegQuality)(options.jpegQuality);
+    const selectedServeUrl = (0, legacy_webpack_config_1.getServeUrlWithFallback)(options);
+    (0, quality_1.validateQuality)(options.quality);
     (0, validate_scale_1.validateScale)(options.scale);
     const makeBrowser = () => {
         var _a;
@@ -314,7 +326,7 @@ const renderFrames = (options) => {
     const actualConcurrency = (0, get_concurrency_1.getActualConcurrency)(concurrency !== null && concurrency !== void 0 ? concurrency : null);
     const openedPages = [];
     return new Promise((resolve, reject) => {
-        var _a;
+        var _a, _b, _c;
         const cleanup = [];
         if (!options.downloadMap) {
             cleanup.push(() => (0, download_map_1.cleanDownloadMap)(downloadMap));
@@ -331,10 +343,12 @@ const renderFrames = (options) => {
             }),
             Promise.all([
                 (0, prepare_server_1.prepareServer)({
-                    webpackConfigOrServeUrl: options.serveUrl,
+                    webpackConfigOrServeUrl: selectedServeUrl,
                     onDownload,
                     onError,
-                    port: (_a = options.port) !== null && _a !== void 0 ? _a : null,
+                    ffmpegExecutable: (_a = options.ffmpegExecutable) !== null && _a !== void 0 ? _a : null,
+                    ffprobeExecutable: (_b = options.ffprobeExecutable) !== null && _b !== void 0 ? _b : null,
+                    port: (_c = options.port) !== null && _c !== void 0 ? _c : null,
                     downloadMap,
                     remotionRoot: (0, find_closest_package_json_1.findRemotionRoot)(),
                 }),
@@ -370,10 +384,9 @@ const renderFrames = (options) => {
             // If new browser was opened, then closing the browser as a cleanup.
             if (options.puppeteerInstance) {
                 Promise.all(openedPages.map((p) => p.close())).catch((err) => {
-                    if ((0, is_target_closed_err_1.isTargetClosedErr)(err)) {
-                        return;
+                    if (!(err === null || err === void 0 ? void 0 : err.message.includes('Target closed'))) {
+                        console.log('Unable to close browser tab', err);
                     }
-                    console.log('Unable to close browser tab', err);
                 });
             }
             else {

package/dist/render-media.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="node" />
-import type { AnySmallCompMetadata } from 'remotion';
+import type { SmallTCompMetadata } from 'remotion';
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { DownloadMap } from './assets/download-map';
 import type { AudioCodec } from './audio-codec';
@@ -7,9 +7,10 @@ import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';
 import type { Browser as PuppeteerBrowser } from './browser/Browser';
 import type { Codec } from './codec';
+import type { FfmpegExecutable } from './ffmpeg-executable';
 import type { FfmpegOverrideFn } from './ffmpeg-override';
 import type { FrameRange } from './frame-range';
-import type { VideoImageFormat } from './image-format';
+import type { ServeUrlOrWebpackBundle } from './legacy-webpack-config';
 import type { CancelSignal } from './make-cancel-signal';
 import type { ChromiumOptions } from './open-browser';
 import type { PixelFormat } from './pixel-format';
@@ -20,6 +21,7 @@ export declare type SlowFrame = {
     frame: number;
     time: number;
 };
+export declare type OnSlowestFrames = (frames: SlowFrame[]) => void;
 export declare type RenderMediaOnProgress = (progress: {
     renderedFrames: number;
     encodedFrames: number;
@@ -31,17 +33,15 @@ export declare type RenderMediaOnProgress = (progress: {
 export declare type RenderMediaOptions = {
     outputLocation?: string | null;
     codec: Codec;
-    composition: AnySmallCompMetadata;
+    composition: SmallTCompMetadata;
     inputProps?: unknown;
     crf?: number | null;
-    imageFormat?: VideoImageFormat;
+    imageFormat?: 'png' | 'jpeg' | 'none';
+    ffmpegExecutable?: FfmpegExecutable;
+    ffprobeExecutable?: FfmpegExecutable;
     pixelFormat?: PixelFormat;
     envVariables?: Record<string, string>;
-    /**
-     * @deprecated Renamed to `jpegQuality`
-     */
-    quality?: never;
-    jpegQuality?: number;
+    quality?: number;
     frameRange?: FrameRange | null;
     everyNthFrame?: number;
     numberOfGifLoops?: number | null;
@@ -76,20 +76,22 @@ export declare type RenderMediaOptions = {
     ffmpegOverride?: FfmpegOverrideFn;
     audioBitrate?: string | null;
     videoBitrate?: string | null;
+    onSlowestFrames?: OnSlowestFrames;
     disallowParallelEncoding?: boolean;
-    printLog?: (...data: unknown[]) => void;
     audioCodec?: AudioCodec | null;
-    serveUrl: string;
+} & ServeUrlOrWebpackBundle & ConcurrencyOrParallelism;
+declare type ConcurrencyOrParallelism = {
     concurrency?: number | string | null;
-};
-declare type RenderMediaResult = {
-    buffer: Buffer | null;
-    slowestFrames: SlowFrame[];
+} | {
+    /**
+     * @deprecated This field has been renamed to `concurrency`
+     */
+    parallelism?: number | null;
 };
 /**
  *
  * @description Render a video from a composition
  * @see [Documentation](https://www.remotion.dev/docs/renderer/render-media)
  */
-export declare const renderMedia: ({ proResProfile, crf, composition, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, dumpBrowserLogs, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, audioCodec, ...options }: RenderMediaOptions) => Promise<RenderMediaResult>;
+export declare const renderMedia: ({ proResProfile, crf, composition, ffmpegExecutable, ffprobeExecutable, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, dumpBrowserLogs, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, onSlowestFrames, audioCodec, ...options }: RenderMediaOptions) => Promise<Buffer | null>;
 export {};