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

package/dist/render-media.js

@@ -15,13 +15,14 @@ const crf_1 = require("./crf");
 const delete_directory_1 = require("./delete-directory");
 const ensure_frames_in_order_1 = require("./ensure-frames-in-order");
 const ensure_output_directory_1 = require("./ensure-output-directory");
+const find_closest_package_json_1 = require("./find-closest-package-json");
 const get_duration_from_frame_range_1 = require("./get-duration-from-frame-range");
 const get_extension_from_codec_1 = require("./get-extension-from-codec");
 const get_extension_of_filename_1 = require("./get-extension-of-filename");
 const get_frame_to_render_1 = require("./get-frame-to-render");
 const image_format_1 = require("./image-format");
 const is_audio_codec_1 = require("./is-audio-codec");
-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 overwrite_1 = require("./overwrite");
 const perf_1 = require("./perf");
@@ -29,27 +30,36 @@ const pixel_format_1 = require("./pixel-format");
 const prespawn_ffmpeg_1 = require("./prespawn-ffmpeg");
 const prestitcher_memory_usage_1 = require("./prestitcher-memory-usage");
 const prores_profile_1 = require("./prores-profile");
+const quality_1 = require("./quality");
 const render_frames_1 = require("./render-frames");
 const stitch_frames_to_video_1 = require("./stitch-frames-to-video");
 const validate_even_dimensions_with_codec_1 = require("./validate-even-dimensions-with-codec");
 const validate_every_nth_frame_1 = require("./validate-every-nth-frame");
+const validate_ffmpeg_1 = require("./validate-ffmpeg");
 const validate_ffmpeg_override_1 = require("./validate-ffmpeg-override");
-const validate_number_of_gif_loops_1 = require("./validate-number-of-gif-loops");
 const validate_output_filename_1 = require("./validate-output-filename");
 const validate_scale_1 = require("./validate-scale");
 const validate_videobitrate_1 = require("./validate-videobitrate");
 const SLOWEST_FRAME_COUNT = 10;
+const getConcurrency = (others) => {
+    if ('concurrency' in others) {
+        return others.concurrency;
+    }
+    if ('parallelism' in others) {
+        return others.parallelism;
+    }
+    return null;
+};
 /**
  *
  * @description Render a video from a composition
  * @see [Documentation](https://www.remotion.dev/docs/renderer/render-media)
  */
-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 }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    if (options.quality) {
-        throw new Error(`The "quality" option has been renamed. Please use "jpegQuality" instead.`);
-    }
-    (0, jpeg_quality_1.validateJpegQuality)(options.jpegQuality);
+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 }) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const remotionRoot = (0, find_closest_package_json_1.findRemotionRoot)();
+    (0, validate_ffmpeg_1.validateFfmpeg)(ffmpegExecutable !== null && ffmpegExecutable !== void 0 ? ffmpegExecutable : null, remotionRoot, 'ffmpeg');
+    (0, quality_1.validateQuality)(options.quality);
     (0, crf_1.validateQualitySettings)({ crf, codec, videoBitrate });
     (0, validate_videobitrate_1.validateBitrate)(audioBitrate, 'audioBitrate');
     (0, validate_videobitrate_1.validateBitrate)(videoBitrate, 'videoBitrate');
@@ -70,11 +80,12 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
         ? path_1.default.resolve(process.cwd(), outputLocation)
         : null;
     (0, validate_scale_1.validateScale)(scale);
+    const concurrency = getConcurrency(options);
     (0, validate_ffmpeg_override_1.validateFfmpegOverride)(ffmpegOverride);
     const everyNthFrame = (_b = options.everyNthFrame) !== null && _b !== void 0 ? _b : 1;
     (0, validate_every_nth_frame_1.validateEveryNthFrame)(everyNthFrame, codec);
     const numberOfGifLoops = (_c = options.numberOfGifLoops) !== null && _c !== void 0 ? _c : null;
-    (0, validate_number_of_gif_loops_1.validateNumberOfGifLoops)(numberOfGifLoops, codec);
+    const serveUrl = (0, legacy_webpack_config_1.getServeUrlWithFallback)(options);
     let stitchStage = 'encoding';
     let stitcherFfmpeg;
     let preStitcher = null;
@@ -93,21 +104,20 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
         hasEnoughMemory &&
         (0, can_use_parallel_encoding_1.canUseParallelEncoding)(codec);
     if (options.verbose) {
-        const log = (_f = options.printLog) !== null && _f !== void 0 ? _f : console.log;
-        log('[PRESTITCHER] Free memory:', freeMemory, 'Estimated usage parallel encoding', estimatedUsage);
-        log('[PRESTITCHER]: Codec supports parallel rendering:', (0, can_use_parallel_encoding_1.canUseParallelEncoding)(codec));
-        log('[PRESTITCHER]: User disallowed parallel encoding:', Boolean(options.disallowParallelEncoding));
+        console.log('[PRESTITCHER] Free memory:', freeMemory, 'Estimated usage parallel encoding', estimatedUsage);
+        console.log('[PRESTITCHER]: Codec supports parallel rendering:', (0, can_use_parallel_encoding_1.canUseParallelEncoding)(codec));
+        console.log('[PRESTITCHER]: User disallowed parallel encoding:', Boolean(options.disallowParallelEncoding));
         if (parallelEncoding) {
-            log('[PRESTITCHER] Parallel encoding is enabled.');
+            console.log('[PRESTITCHER] Parallel encoding is enabled.');
         }
         else {
-            log('[PRESTITCHER] Parallel encoding is disabled.');
+            console.log('[PRESTITCHER] Parallel encoding is disabled.');
         }
     }
     const imageFormat = (0, is_audio_codec_1.isAudioCodec)(codec)
         ? 'none'
-        : (_g = options.imageFormat) !== null && _g !== void 0 ? _g : 'jpeg';
-    const jpegQuality = imageFormat === 'jpeg' ? options.jpegQuality : undefined;
+        : (_f = options.imageFormat) !== null && _f !== void 0 ? _f : 'jpeg';
+    const quality = imageFormat === 'jpeg' ? options.quality : undefined;
     (0, image_format_1.validateSelectedPixelFormatAndImageFormatCombination)(pixelFormat, imageFormat);
     const preEncodedFileLocation = parallelEncoding
         ? path_1.default.join(downloadMap.preEncode, 'pre-encode.' + (0, get_extension_from_codec_1.getFileExtensionFromCodec)(codec, audioCodec !== null && audioCodec !== void 0 ? audioCodec : null))
@@ -115,7 +125,7 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
     const outputDir = parallelEncoding
         ? null
         : fs_1.default.mkdtempSync(path_1.default.join(os_1.default.tmpdir(), 'react-motion-render'));
-    if (((_h = options.internal) === null || _h === void 0 ? void 0 : _h.onCtrlCExit) && outputDir) {
+    if (((_g = options.internal) === null || _g === void 0 ? void 0 : _g.onCtrlCExit) && outputDir) {
         options.internal.onCtrlCExit(() => (0, delete_directory_1.deleteDirectory)(outputDir));
     }
     (0, validate_even_dimensions_with_codec_1.validateEvenDimensionsWithCodec)({
@@ -146,10 +156,10 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
     const { waitForRightTimeOfFrameToBeInserted, setFrameToStitch, waitForFinish } = (0, ensure_frames_in_order_1.ensureFramesInOrder)(realFrameRange);
     const fps = composition.fps / (everyNthFrame !== null && everyNthFrame !== void 0 ? everyNthFrame : 1);
     remotion_1.Internals.validateFps(fps, 'in "renderMedia()"', codec === 'gif');
-    const createPrestitcherIfNecessary = () => {
+    const createPrestitcherIfNecessary = async () => {
         var _a;
         if (preEncodedFileLocation) {
-            preStitcher = (0, prespawn_ffmpeg_1.prespawnFfmpeg)({
+            preStitcher = await (0, prespawn_ffmpeg_1.prespawnFfmpeg)({
                 width: composition.width * (scale !== null && scale !== void 0 ? scale : 1),
                 height: composition.height * (scale !== null && scale !== void 0 ? scale : 1),
                 fps,
@@ -163,11 +173,12 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
                     callUpdate();
                 },
                 verbose: (_a = options.verbose) !== null && _a !== void 0 ? _a : false,
+                ffmpegExecutable,
                 imageFormat,
                 signal: cancelPrestitcher.cancelSignal,
                 ffmpegOverride: ffmpegOverride !== null && ffmpegOverride !== void 0 ? ffmpegOverride : (({ args }) => args),
                 videoBitrate: videoBitrate !== null && videoBitrate !== void 0 ? videoBitrate : null,
-            });
+            }, remotionRoot);
             stitcherFfmpeg = preStitcher.task;
         }
     };
@@ -210,16 +221,16 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
         }
         minTime = (_b = (_a = slowestFrames[slowestFrames.length - 1]) === null || _a === void 0 ? void 0 : _a.time) !== null && _b !== void 0 ? _b : minTime;
     };
-    const happyPath = Promise.resolve(createPrestitcherIfNecessary())
+    const happyPath = createPrestitcherIfNecessary()
         .then(() => {
         const renderFramesProc = (0, render_frames_1.renderFrames)({
-            composition,
+            config: composition,
             onFrameUpdate: (frame, frameIndex, timeToRenderInMilliseconds) => {
                 renderedFrames = frame;
                 callUpdate();
                 recordFrameTime(frameIndex, timeToRenderInMilliseconds);
             },
-            concurrency: options.concurrency,
+            concurrency,
             outputDir,
             onStart: (data) => {
                 renderedFrames = 0;
@@ -229,7 +240,7 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
             inputProps,
             envVariables,
             imageFormat,
-            jpegQuality,
+            quality,
             frameRange: frameRange !== null && frameRange !== void 0 ? frameRange : null,
             puppeteerInstance,
             everyNthFrame,
@@ -246,13 +257,15 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
                     setFrameToStitch(Math.min(realFrameRange[1] + 1, frame + everyNthFrame));
                 }
                 : undefined,
-            serveUrl: options.serveUrl,
+            serveUrl,
             dumpBrowserLogs,
             onBrowserLog,
             onDownload,
             timeoutInMilliseconds,
             chromiumOptions,
             scale,
+            ffmpegExecutable,
+            ffprobeExecutable,
             browserExecutable,
             port,
             cancelSignal: cancelRenderFrames.cancelSignal,
@@ -289,6 +302,8 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
                 proResProfile,
                 crf,
                 assetsInfo,
+                ffmpegExecutable,
+                ffprobeExecutable,
                 onProgress: (frame) => {
                     stitchStage = 'muxing';
                     encodedFrames = frame;
@@ -314,11 +329,8 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
         encodedDoneIn = Date.now() - stitchStart;
         callUpdate();
         slowestFrames.sort((a, b) => b.time - a.time);
-        const result = {
-            buffer,
-            slowestFrames,
-        };
-        return result;
+        onSlowestFrames === null || onSlowestFrames === void 0 ? void 0 : onSlowestFrames(slowestFrames);
+        return buffer;
     })
         .catch((err) => {
         /**

package/dist/render-still.d.ts

@@ -1,23 +1,21 @@
 /// <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 { Browser as PuppeteerBrowser } from './browser/Browser';
+import type { FfmpegExecutable } from './ffmpeg-executable';
 import type { StillImageFormat } from './image-format';
+import type { ServeUrlOrWebpackBundle } from './legacy-webpack-config';
 import type { CancelSignal } from './make-cancel-signal';
 import type { ChromiumOptions } from './open-browser';
 declare type InnerStillOptions = {
-    composition: AnySmallCompMetadata;
+    composition: SmallTCompMetadata;
     output?: string | null;
     frame?: number;
     inputProps?: unknown;
     imageFormat?: StillImageFormat;
-    /**
-     * @deprecated Renamed to `jpegQuality`
-     */
-    quality?: never;
-    jpegQuality?: number;
+    quality?: number;
     puppeteerInstance?: PuppeteerBrowser;
     dumpBrowserLogs?: boolean;
     envVariables?: Record<string, string>;
@@ -28,6 +26,8 @@ declare type InnerStillOptions = {
     scale?: number;
     onDownload?: RenderMediaOnDownload;
     cancelSignal?: CancelSignal;
+    ffmpegExecutable?: FfmpegExecutable;
+    ffprobeExecutable?: FfmpegExecutable;
     /**
      * @deprecated Only for Remotion internal usage
      */
@@ -36,8 +36,7 @@ declare type InnerStillOptions = {
 declare type RenderStillReturnValue = {
     buffer: Buffer | null;
 };
-export declare type RenderStillOptions = InnerStillOptions & {
-    serveUrl: string;
+export declare type RenderStillOptions = InnerStillOptions & ServeUrlOrWebpackBundle & {
     port?: number | null;
 };
 /**

package/dist/render-still.js

@@ -37,20 +37,18 @@ const ensure_output_directory_1 = require("./ensure-output-directory");
 const handle_javascript_exception_1 = require("./error-handling/handle-javascript-exception");
 const find_closest_package_json_1 = require("./find-closest-package-json");
 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 prepare_server_1 = require("./prepare-server");
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
+const quality_1 = require("./quality");
 const seek_to_frame_1 = require("./seek-to-frame");
 const set_props_and_env_1 = require("./set-props-and-env");
 const take_frame_and_compose_1 = require("./take-frame-and-compose");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const validate_scale_1 = require("./validate-scale");
-const innerRenderStill = async ({ composition, quality, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, dumpBrowserLogs = false, onError, inputProps, envVariables, output, frame = 0, overwrite = true, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale = 1, proxyPort, cancelSignal, downloadMap, jpegQuality, }) => {
-    if (quality) {
-        throw new Error('quality has been renamed to jpegQuality. Please rename the option.');
-    }
+const innerRenderStill = async ({ composition, quality, imageFormat = 'png', serveUrl, puppeteerInstance, dumpBrowserLogs = false, onError, inputProps, envVariables, output, frame = 0, overwrite = true, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale = 1, proxyPort, cancelSignal, downloadMap, }) => {
     remotion_1.Internals.validateDimension(composition.height, 'height', 'in the `config` object passed to `renderStill()`');
     remotion_1.Internals.validateDimension(composition.width, 'width', 'in the `config` object passed to `renderStill()`');
     remotion_1.Internals.validateFps(composition.fps, 'in the `config` object of `renderStill()`', false);
@@ -59,7 +57,7 @@ const innerRenderStill = async ({ composition, quality, imageFormat = image_form
         component: 'in the `config` object passed to `renderStill()`',
         allowFloats: false,
     });
-    (0, image_format_1.validateStillImageFormat)(imageFormat);
+    (0, image_format_1.validateNonNullImageFormat)(imageFormat);
     remotion_1.Internals.validateFrame({
         frame,
         durationInFrames: composition.durationInFrames,
@@ -73,10 +71,10 @@ const innerRenderStill = async ({ composition, quality, imageFormat = image_form
     (0, validate_scale_1.validateScale)(scale);
     output =
         typeof output === 'string' ? path_1.default.resolve(process.cwd(), output) : null;
-    if (jpegQuality !== undefined && imageFormat !== 'jpeg') {
+    if (quality !== undefined && imageFormat !== 'jpeg') {
         throw new Error("You can only pass the `quality` option if `imageFormat` is 'jpeg'.");
     }
-    (0, jpeg_quality_1.validateJpegQuality)(jpegQuality);
+    (0, quality_1.validateQuality)(quality);
     if (output) {
         if (fs_1.default.existsSync(output)) {
             if (!overwrite) {
@@ -170,7 +168,7 @@ const innerRenderStill = async ({ composition, quality, imageFormat = image_form
         imageFormat,
         scale,
         output,
-        jpegQuality,
+        quality,
         wantsBuffer: !output,
     });
     await cleanup();
@@ -183,17 +181,20 @@ const innerRenderStill = async ({ composition, quality, imageFormat = image_form
  */
 const renderStill = (options) => {
     var _a, _b;
+    const selectedServeUrl = (0, legacy_webpack_config_1.getServeUrlWithFallback)(options);
     const downloadMap = (_a = options.downloadMap) !== null && _a !== void 0 ? _a : (0, download_map_1.makeDownloadMap)();
     const onDownload = (_b = options.onDownload) !== null && _b !== void 0 ? _b : (() => () => undefined);
     const happyPath = new Promise((resolve, reject) => {
-        var _a;
+        var _a, _b, _c;
         const onError = (err) => reject(err);
         let close = null;
         (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)(),
         })

package/dist/screenshot-dom-element.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 screenshotDOMElement: ({ page, imageFormat, jpegQuality, opts, height, width, clipRegion, }: {
+import type { ImageFormat } from './image-format';
+export declare const screenshotDOMElement: ({ page, imageFormat, quality, opts, height, width, clipRegion, }: {
     page: Page;
-    imageFormat: StillImageFormat;
-    jpegQuality: number | undefined;
+    imageFormat: ImageFormat;
+    quality: number | undefined;
     opts: {
         path: string | null;
     };

package/dist/screenshot-dom-element.js

@@ -3,11 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.screenshotDOMElement = void 0;
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
 const puppeteer_screenshot_1 = require("./puppeteer-screenshot");
-const screenshotDOMElement = async ({ page, imageFormat, jpegQuality, opts, height, width, clipRegion, }) => {
+const screenshotDOMElement = async ({ page, imageFormat, quality, opts, height, width, clipRegion, }) => {
     const { path } = opts;
-    if (imageFormat === 'png' ||
-        imageFormat === 'pdf' ||
-        imageFormat === 'webp') {
+    if (imageFormat === 'png') {
         await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
             pageFunction: () => {
                 document.body.style.background = 'transparent';
@@ -27,7 +25,6 @@ const screenshotDOMElement = async ({ page, imageFormat, jpegQuality, opts, heig
             page,
         });
     }
-    // @ts-expect-error
     if (imageFormat === 'none') {
         throw new TypeError('Tried to make a screenshot with format "none"');
     }
@@ -36,7 +33,7 @@ const screenshotDOMElement = async ({ page, imageFormat, jpegQuality, opts, heig
         omitBackground: imageFormat === 'png',
         path: path !== null && path !== void 0 ? path : undefined,
         type: imageFormat,
-        jpegQuality,
+        quality,
         width,
         height,
         clipRegion,

package/dist/screenshot-task.d.ts

@@ -2,11 +2,11 @@
 import type { ClipRegion } from 'remotion';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';
-export declare const screenshotTask: ({ format, height, omitBackground, page, width, path, jpegQuality, clipRegion, }: {
+export declare const screenshotTask: ({ format, height, omitBackground, page, width, path, quality, clipRegion, }: {
     page: Page;
     format: StillImageFormat;
     path?: string | undefined;
-    jpegQuality?: number | undefined;
+    quality?: number | undefined;
     omitBackground: boolean;
     width: number;
     height: number;

package/dist/screenshot-task.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.screenshotTask = void 0;
 const fs_1 = __importDefault(require("fs"));
 const perf_1 = require("./perf");
-const screenshotTask = async ({ format, height, omitBackground, page, width, path, jpegQuality, clipRegion, }) => {
+const screenshotTask = async ({ format, height, omitBackground, page, width, path, quality, clipRegion, }) => {
     var _a;
     const client = page._client();
     const target = page.target();
@@ -15,49 +15,34 @@ const screenshotTask = async ({ format, height, omitBackground, page, width, pat
         targetId: target._targetId,
     });
     (0, perf_1.stopPerfMeasure)(perfTarget);
-    const shouldSetDefaultBackground = omitBackground;
+    const shouldSetDefaultBackground = omitBackground && format === 'png';
     if (shouldSetDefaultBackground)
         await client.send('Emulation.setDefaultBackgroundColorOverride', {
             color: { r: 0, g: 0, b: 0, a: 0 },
         });
     const cap = (0, perf_1.startPerfMeasure)('capture');
     try {
-        let result;
-        if (format === 'pdf') {
-            result = await client.send('Page.printToPDF', {
-                paperWidth: width / 96,
-                paperHeight: height / 96,
-                marginTop: 0,
-                marginBottom: 0,
-                marginLeft: 0,
-                marginRight: 0,
-                scale: 1,
-                printBackground: true,
-            });
-        }
-        else {
-            result = await client.send('Page.captureScreenshot', {
-                format,
-                quality: jpegQuality,
-                clip: clipRegion !== null && clipRegion !== 'hide'
-                    ? {
-                        x: clipRegion.x,
-                        y: clipRegion.y,
-                        height: clipRegion.height,
-                        scale: 1,
-                        width: clipRegion.width,
-                    }
-                    : {
-                        x: 0,
-                        y: 0,
-                        height,
-                        scale: 1,
-                        width,
-                    },
-                captureBeyondViewport: true,
-                optimizeForSpeed: true,
-            });
-        }
+        const result = await client.send('Page.captureScreenshot', {
+            format,
+            quality,
+            clip: clipRegion !== null && clipRegion !== 'hide'
+                ? {
+                    x: clipRegion.x,
+                    y: clipRegion.y,
+                    height: clipRegion.height,
+                    scale: 1,
+                    width: clipRegion.width,
+                }
+                : {
+                    x: 0,
+                    y: 0,
+                    height,
+                    scale: 1,
+                    width,
+                },
+            captureBeyondViewport: true,
+            optimizeForSpeed: true,
+        });
         (0, perf_1.stopPerfMeasure)(cap);
         if (shouldSetDefaultBackground)
             await client.send('Emulation.setDefaultBackgroundColorOverride');

package/dist/serve-handler/index.js

@@ -59,11 +59,10 @@ const findRelated = async (current, relativePath) => {
 };
 const sendError = (absolutePath, response, spec) => {
     const { message, statusCode } = spec;
+    response.statusCode = statusCode;
     const headers = getHeaders(absolutePath, null);
-    response.writeHead(statusCode, {
-        ...headers,
-        'Content-Type': 'application/json',
-    });
+    response.writeHead(statusCode, headers);
+    response.setHeader('content-type', 'application/json');
     response.end(JSON.stringify({ statusCode, message }));
 };
 const internalError = (absolutePath, response) => {
@@ -124,8 +123,7 @@ const serveHandler = async (request, response, config) => {
         try {
             const related = await findRelated(current, relativePath);
             if (related) {
-                stats = related.stats;
-                absolutePath = related.absolutePath;
+                ({ stats, absolutePath } = related);
             }
         }
         catch (err) {

package/dist/serve-static.d.ts

@@ -1,7 +1,10 @@
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { DownloadMap } from './assets/download-map';
+import type { FfmpegExecutable } from './ffmpeg-executable';
 export declare const serveStatic: (path: string | null, options: {
     port: number | null;
+    ffmpegExecutable: FfmpegExecutable;
+    ffprobeExecutable: FfmpegExecutable;
     onDownload: RenderMediaOnDownload;
     onError: (err: Error) => void;
     downloadMap: DownloadMap;

package/dist/serve-static.js

@@ -10,6 +10,8 @@ const offthread_video_server_1 = require("./offthread-video-server");
 const serve_handler_1 = require("./serve-handler");
 const serveStatic = async (path, options) => {
     const offthreadRequest = (0, offthread_video_server_1.startOffthreadVideoServer)({
+        ffmpegExecutable: options.ffmpegExecutable,
+        ffprobeExecutable: options.ffprobeExecutable,
         onDownload: options.onDownload,
         onError: options.onError,
         downloadMap: options.downloadMap,
@@ -29,9 +31,7 @@ const serveStatic = async (path, options) => {
         (0, serve_handler_1.serveHandler)(request, response, {
             public: path,
         }).catch(() => {
-            if (!response.headersSent) {
-                response.writeHead(500);
-            }
+            response.statusCode = 500;
             response.end('Error serving file');
         });
     });

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

@@ -3,8 +3,9 @@ import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-
 import type { RenderAssetInfo } from './assets/download-map';
 import type { AudioCodec } from './audio-codec';
 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';
@@ -26,19 +27,27 @@ export declare type StitcherOptions = {
     onDownload?: RenderMediaOnDownload;
     proResProfile?: ProResProfile;
     verbose?: boolean;
+    ffmpegExecutable?: FfmpegExecutable;
+    ffprobeExecutable?: FfmpegExecutable;
     dir?: string;
     cancelSignal?: CancelSignal;
     internalOptions?: {
         preEncodedFileLocation: string | null;
-        imageFormat: VideoImageFormat;
+        imageFormat: ImageFormat;
         preferLossless: boolean;
     };
     muted?: boolean;
     enforceAudioTrack?: boolean;
     ffmpegOverride?: FfmpegOverrideFn;
 };
+declare type ReturnType = {
+    task: Promise<Buffer | null>;
+    getLogs: () => string;
+};
+export declare const spawnFfmpeg: (options: StitcherOptions, remotionRoot: string) => Promise<ReturnType>;
 /**
  * @description Takes a series of images and audio information generated by renderFrames() and encodes it to a video.
  * @see [Documentation](https://www.remotion.dev/docs/renderer/stitch-frames-to-video)
  */
 export declare const stitchFramesToVideo: (options: StitcherOptions) => Promise<Buffer | null>;
+export {};