@remotion/renderer 4.0.0-alpha4 → 4.0.0-alpha5

package/dist/render-media.js

@@ -15,14 +15,13 @@ 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 legacy_webpack_config_1 = require("./legacy-webpack-config");
+const jpeg_quality_1 = require("./jpeg-quality");
 const make_cancel_signal_1 = require("./make-cancel-signal");
 const overwrite_1 = require("./overwrite");
 const perf_1 = require("./perf");
@@ -30,36 +29,27 @@ 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, 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);
+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);
     (0, crf_1.validateQualitySettings)({ crf, codec, videoBitrate });
     (0, validate_videobitrate_1.validateBitrate)(audioBitrate, 'audioBitrate');
     (0, validate_videobitrate_1.validateBitrate)(videoBitrate, 'videoBitrate');
@@ -80,12 +70,11 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
         ? 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;
-    const serveUrl = (0, legacy_webpack_config_1.getServeUrlWithFallback)(options);
+    (0, validate_number_of_gif_loops_1.validateNumberOfGifLoops)(numberOfGifLoops, codec);
     let stitchStage = 'encoding';
     let stitcherFfmpeg;
     let preStitcher = null;
@@ -104,20 +93,21 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
         hasEnoughMemory &&
         (0, can_use_parallel_encoding_1.canUseParallelEncoding)(codec);
     if (options.verbose) {
-        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));
+        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));
         if (parallelEncoding) {
-            console.log('[PRESTITCHER] Parallel encoding is enabled.');
+            log('[PRESTITCHER] Parallel encoding is enabled.');
         }
         else {
-            console.log('[PRESTITCHER] Parallel encoding is disabled.');
+            log('[PRESTITCHER] Parallel encoding is disabled.');
         }
     }
     const imageFormat = (0, is_audio_codec_1.isAudioCodec)(codec)
         ? 'none'
-        : (_f = options.imageFormat) !== null && _f !== void 0 ? _f : 'jpeg';
-    const quality = imageFormat === 'jpeg' ? options.quality : undefined;
+        : (_g = options.imageFormat) !== null && _g !== void 0 ? _g : 'jpeg';
+    const jpegQuality = imageFormat === 'jpeg' ? options.jpegQuality : 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))
@@ -125,7 +115,7 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
     const outputDir = parallelEncoding
         ? null
         : fs_1.default.mkdtempSync(path_1.default.join(os_1.default.tmpdir(), 'react-motion-render'));
-    if (((_g = options.internal) === null || _g === void 0 ? void 0 : _g.onCtrlCExit) && outputDir) {
+    if (((_h = options.internal) === null || _h === void 0 ? void 0 : _h.onCtrlCExit) && outputDir) {
         options.internal.onCtrlCExit(() => (0, delete_directory_1.deleteDirectory)(outputDir));
     }
     (0, validate_even_dimensions_with_codec_1.validateEvenDimensionsWithCodec)({
@@ -156,10 +146,10 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
     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 = async () => {
+    const createPrestitcherIfNecessary = () => {
         var _a;
         if (preEncodedFileLocation) {
-            preStitcher = await (0, prespawn_ffmpeg_1.prespawnFfmpeg)({
+            preStitcher = (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,
@@ -173,12 +163,11 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
                     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;
         }
     };
@@ -221,16 +210,17 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
         }
         minTime = (_b = (_a = slowestFrames[slowestFrames.length - 1]) === null || _a === void 0 ? void 0 : _a.time) !== null && _b !== void 0 ? _b : minTime;
     };
-    const happyPath = createPrestitcherIfNecessary()
+    const happyPath = Promise.resolve(createPrestitcherIfNecessary())
         .then(() => {
+        var _a;
         const renderFramesProc = (0, render_frames_1.renderFrames)({
-            config: composition,
+            composition,
             onFrameUpdate: (frame, frameIndex, timeToRenderInMilliseconds) => {
                 renderedFrames = frame;
                 callUpdate();
                 recordFrameTime(frameIndex, timeToRenderInMilliseconds);
             },
-            concurrency,
+            concurrency: options.concurrency,
             outputDir,
             onStart: (data) => {
                 renderedFrames = 0;
@@ -240,7 +230,7 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
             inputProps,
             envVariables,
             imageFormat,
-            quality,
+            jpegQuality,
             frameRange: frameRange !== null && frameRange !== void 0 ? frameRange : null,
             puppeteerInstance,
             everyNthFrame,
@@ -257,20 +247,19 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
                     setFrameToStitch(Math.min(realFrameRange[1] + 1, frame + everyNthFrame));
                 }
                 : undefined,
-            serveUrl,
+            serveUrl: options.serveUrl,
             dumpBrowserLogs,
             onBrowserLog,
             onDownload,
             timeoutInMilliseconds,
             chromiumOptions,
             scale,
-            ffmpegExecutable,
-            ffprobeExecutable,
             browserExecutable,
             port,
             cancelSignal: cancelRenderFrames.cancelSignal,
             downloadMap,
             muted: disableAudio,
+            verbose: (_a = options.verbose) !== null && _a !== void 0 ? _a : false,
         });
         return renderFramesProc;
     })
@@ -302,8 +291,6 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
                 proResProfile,
                 crf,
                 assetsInfo,
-                ffmpegExecutable,
-                ffprobeExecutable,
                 onProgress: (frame) => {
                     stitchStage = 'muxing';
                     encodedFrames = frame;
@@ -329,8 +316,11 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
         encodedDoneIn = Date.now() - stitchStart;
         callUpdate();
         slowestFrames.sort((a, b) => b.time - a.time);
-        onSlowestFrames === null || onSlowestFrames === void 0 ? void 0 : onSlowestFrames(slowestFrames);
-        return buffer;
+        const result = {
+            buffer,
+            slowestFrames,
+        };
+        return result;
     })
         .catch((err) => {
         /**

package/dist/render-still.d.ts

@@ -1,21 +1,23 @@
 /// <reference types="node" />
-import type { SmallTCompMetadata } from 'remotion';
+import type { AnySmallCompMetadata } 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: SmallTCompMetadata;
+    composition: AnySmallCompMetadata;
     output?: string | null;
     frame?: number;
     inputProps?: unknown;
     imageFormat?: StillImageFormat;
-    quality?: number;
+    /**
+     * @deprecated Renamed to `jpegQuality`
+     */
+    quality?: never;
+    jpegQuality?: number;
     puppeteerInstance?: PuppeteerBrowser;
     dumpBrowserLogs?: boolean;
     envVariables?: Record<string, string>;
@@ -26,17 +28,17 @@ declare type InnerStillOptions = {
     scale?: number;
     onDownload?: RenderMediaOnDownload;
     cancelSignal?: CancelSignal;
-    ffmpegExecutable?: FfmpegExecutable;
-    ffprobeExecutable?: FfmpegExecutable;
     /**
      * @deprecated Only for Remotion internal usage
      */
     downloadMap?: DownloadMap;
+    verbose?: boolean;
 };
 declare type RenderStillReturnValue = {
     buffer: Buffer | null;
 };
-export declare type RenderStillOptions = InnerStillOptions & ServeUrlOrWebpackBundle & {
+export declare type RenderStillOptions = InnerStillOptions & {
+    serveUrl: string;
     port?: number | null;
 };
 /**

package/dist/render-still.js

@@ -37,18 +37,20 @@ 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 legacy_webpack_config_1 = require("./legacy-webpack-config");
+const jpeg_quality_1 = require("./jpeg-quality");
 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 = 'png', serveUrl, puppeteerInstance, dumpBrowserLogs = false, onError, inputProps, envVariables, output, frame = 0, overwrite = true, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale = 1, proxyPort, cancelSignal, downloadMap, }) => {
+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.');
+    }
     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);
@@ -57,7 +59,7 @@ const innerRenderStill = async ({ composition, quality, imageFormat = 'png', ser
         component: 'in the `config` object passed to `renderStill()`',
         allowFloats: false,
     });
-    (0, image_format_1.validateNonNullImageFormat)(imageFormat);
+    (0, image_format_1.validateStillImageFormat)(imageFormat);
     remotion_1.Internals.validateFrame({
         frame,
         durationInFrames: composition.durationInFrames,
@@ -71,10 +73,10 @@ const innerRenderStill = async ({ composition, quality, imageFormat = 'png', ser
     (0, validate_scale_1.validateScale)(scale);
     output =
         typeof output === 'string' ? path_1.default.resolve(process.cwd(), output) : null;
-    if (quality !== undefined && imageFormat !== 'jpeg') {
+    if (jpegQuality !== undefined && imageFormat !== 'jpeg') {
         throw new Error("You can only pass the `quality` option if `imageFormat` is 'jpeg'.");
     }
-    (0, quality_1.validateQuality)(quality);
+    (0, jpeg_quality_1.validateJpegQuality)(jpegQuality);
     if (output) {
         if (fs_1.default.existsSync(output)) {
             if (!overwrite) {
@@ -168,7 +170,7 @@ const innerRenderStill = async ({ composition, quality, imageFormat = 'png', ser
         imageFormat,
         scale,
         output,
-        quality,
+        jpegQuality,
         wantsBuffer: !output,
     });
     await cleanup();
@@ -181,22 +183,21 @@ const innerRenderStill = async ({ composition, quality, imageFormat = 'png', ser
  */
 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, _b, _c;
+        var _a, _b;
         const onError = (err) => reject(err);
         let close = null;
         (0, prepare_server_1.prepareServer)({
-            webpackConfigOrServeUrl: selectedServeUrl,
+            webpackConfigOrServeUrl: options.serveUrl,
             onDownload,
             onError,
-            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,
+            port: (_a = options.port) !== null && _a !== void 0 ? _a : null,
             downloadMap,
             remotionRoot: (0, find_closest_package_json_1.findRemotionRoot)(),
+            concurrency: 1,
+            verbose: (_b = options.verbose) !== null && _b !== void 0 ? _b : false,
         })
             .then(({ serveUrl, closeServer, offthreadPort }) => {
             close = closeServer;

package/dist/screenshot-dom-element.d.ts

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

package/dist/screenshot-dom-element.js

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

package/dist/screenshot-task.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 screenshotTask: ({ format, height, omitBackground, page, width, path, quality, clipRegion, }: {
+export declare const screenshotTask: ({ format, height, omitBackground, page, width, path, jpegQuality, clipRegion, }: {
     page: Page;
     format: StillImageFormat;
     path?: string | undefined;
-    quality?: number | undefined;
+    jpegQuality?: 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, quality, clipRegion, }) => {
+const screenshotTask = async ({ format, height, omitBackground, page, width, path, jpegQuality, clipRegion, }) => {
     var _a;
     const client = page._client();
     const target = page.target();
@@ -15,34 +15,49 @@ const screenshotTask = async ({ format, height, omitBackground, page, width, pat
         targetId: target._targetId,
     });
     (0, perf_1.stopPerfMeasure)(perfTarget);
-    const shouldSetDefaultBackground = omitBackground && format === 'png';
+    const shouldSetDefaultBackground = omitBackground;
     if (shouldSetDefaultBackground)
         await client.send('Emulation.setDefaultBackgroundColorOverride', {
             color: { r: 0, g: 0, b: 0, a: 0 },
         });
     const cap = (0, perf_1.startPerfMeasure)('capture');
     try {
-        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,
-        });
+        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,
+            });
+        }
         (0, perf_1.stopPerfMeasure)(cap);
         if (shouldSetDefaultBackground)
             await client.send('Emulation.setDefaultBackgroundColorOverride');

package/dist/serve-handler/index.js

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

package/dist/serve-static.d.ts

@@ -1,14 +1,13 @@
 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;
     remotionRoot: string;
+    concurrency: number;
+    verbose: boolean;
 }) => Promise<{
     port: number;
     close: () => Promise<void>;

package/dist/serve-static.js

@@ -9,13 +9,12 @@ const get_port_1 = require("./get-port");
 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,
+    const { listener: offthreadRequest, close: closeCompositor } = (0, offthread_video_server_1.startOffthreadVideoServer)({
         onDownload: options.onDownload,
         onError: options.onError,
         downloadMap: options.downloadMap,
-        remotionRoot: options.remotionRoot,
+        concurrency: options.concurrency,
+        verbose: options.verbose,
     });
     const connections = {};
     const server = http_1.default.createServer((request, response) => {
@@ -31,7 +30,9 @@ const serveStatic = async (path, options) => {
         (0, serve_handler_1.serveHandler)(request, response, {
             public: path,
         }).catch(() => {
-            response.statusCode = 500;
+            if (!response.headersSent) {
+                response.writeHead(500);
+            }
             response.end('Error serving file');
         });
     });
@@ -65,22 +66,25 @@ const serveStatic = async (path, options) => {
                 for (const key in connections)
                     connections[key].destroy();
             };
-            const close = () => {
-                return new Promise((resolve, reject) => {
-                    destroyConnections();
-                    server.close((err) => {
-                        if (err) {
-                            if (err.code ===
-                                'ERR_SERVER_NOT_RUNNING') {
-                                return resolve();
+            const close = async () => {
+                await Promise.all([
+                    closeCompositor(),
+                    new Promise((resolve, reject) => {
+                        destroyConnections();
+                        server.close((err) => {
+                            if (err) {
+                                if (err.code ===
+                                    'ERR_SERVER_NOT_RUNNING') {
+                                    return resolve();
+                                }
+                                reject(err);
                             }
-                            reject(err);
-                        }
-                        else {
-                            resolve();
-                        }
-                    });
-                });
+                            else {
+                                resolve();
+                            }
+                        });
+                    }),
+                ]);
             };
             return { port: selectedPort, close };
         }

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

@@ -1,11 +1,9 @@
-/// <reference types="node" />
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 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 { ImageFormat } from './image-format';
+import type { VideoImageFormat } from './image-format';
 import type { CancelSignal } from './make-cancel-signal';
 import type { PixelFormat } from './pixel-format';
 import type { ProResProfile } from './prores-profile';
@@ -27,27 +25,19 @@ export declare type StitcherOptions = {
     onDownload?: RenderMediaOnDownload;
     proResProfile?: ProResProfile;
     verbose?: boolean;
-    ffmpegExecutable?: FfmpegExecutable;
-    ffprobeExecutable?: FfmpegExecutable;
     dir?: string;
     cancelSignal?: CancelSignal;
     internalOptions?: {
         preEncodedFileLocation: string | null;
-        imageFormat: ImageFormat;
+        imageFormat: VideoImageFormat;
         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 {};