@remotion/renderer 4.0.227 → 4.0.229

package/dist/options/hardware-acceleration.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hardwareAccelerationOption = exports.getHardwareAcceleration = exports.hardwareAccelerationOptions = void 0;
+exports.hardwareAccelerationOptions = [
+    'disable',
+    'if-possible',
+    'required',
+];
+const cliFlag = 'hardware-acceleration';
+let currentValue = null;
+const getHardwareAcceleration = () => {
+    return currentValue;
+};
+exports.getHardwareAcceleration = getHardwareAcceleration;
+exports.hardwareAccelerationOption = {
+    name: 'Hardware Acceleration',
+    cliFlag,
+    description: () => `
+			One of
+			${new Intl.ListFormat('en', { type: 'disjunction' }).format(exports.hardwareAccelerationOptions.map((a) => JSON.stringify(a)))}
+			. Default "disable". Encode using a hardware-accelerated encoder if
+			available. If set to "required" and no hardware-accelerated encoder is
+			available, then the render will fail.
+		`,
+    ssrName: 'hardwareAcceleration',
+    docLink: 'https://www.remotion.dev/docs/encoding',
+    type: 'disable',
+    getValue: ({ commandLine }) => {
+        if (commandLine[cliFlag] !== undefined) {
+            const value = commandLine[cliFlag];
+            if (!exports.hardwareAccelerationOptions.includes(value)) {
+                throw new Error(`Invalid value for --${cliFlag}: ${value}`);
+            }
+            return {
+                source: 'cli',
+                value,
+            };
+        }
+        if (currentValue !== null) {
+            return {
+                source: 'config',
+                value: currentValue,
+            };
+        }
+        return {
+            source: 'default',
+            value: 'disable',
+        };
+    },
+    setConfig: (value) => {
+        if (!exports.hardwareAccelerationOptions.includes(value)) {
+            throw new Error(`Invalid value for --${cliFlag}: ${value}`);
+        }
+        currentValue = value;
+    },
+};

package/dist/options/index.d.ts

@@ -171,7 +171,7 @@ export declare const allOptions: {
     webhookCustomDataOption: {
         name: string;
         cliFlag: "webhook-custom-data";
-        description: (type: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
+        description: (type: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
         ssrName: "customData";
         docLink: string;
         type: Record<string, unknown> | null;
@@ -584,7 +584,7 @@ export declare const allOptions: {
     metadataOption: {
         name: string;
         cliFlag: "metadata";
-        description: (mode: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
+        description: (mode: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
         docLink: string;
         type: import("./metadata").Metadata;
         getValue: ({ commandLine }: {
@@ -598,6 +598,21 @@ export declare const allOptions: {
         setConfig: (newMetadata: import("./metadata").Metadata) => void;
         ssrName: string;
     };
+    hardwareAccelerationOption: {
+        name: string;
+        cliFlag: "hardware-acceleration";
+        description: () => string;
+        ssrName: string;
+        docLink: string;
+        type: import("./hardware-acceleration").HardwareAccelerationOption;
+        getValue: ({ commandLine }: {
+            commandLine: Record<string, unknown>;
+        }) => {
+            source: string;
+            value: "disable" | "if-possible" | "required";
+        };
+        setConfig: (value: import("./hardware-acceleration").HardwareAccelerationOption) => void;
+    };
 };
 export type AvailableOptions = keyof typeof allOptions;
 export type TypeOfOption<Type> = Type extends AnyRemotionOption<infer X> ? X : never;

package/dist/options/index.js

@@ -17,6 +17,7 @@ const enforce_audio_1 = require("./enforce-audio");
 const folder_expiry_1 = require("./folder-expiry");
 const for_seamless_aac_concatenation_1 = require("./for-seamless-aac-concatenation");
 const gl_1 = require("./gl");
+const hardware_acceleration_1 = require("./hardware-acceleration");
 const headless_1 = require("./headless");
 const jpeg_quality_1 = require("./jpeg-quality");
 const log_level_1 = require("./log-level");
@@ -76,4 +77,5 @@ exports.allOptions = {
     throwIfSiteExistsOption: throw_if_site_exists_1.throwIfSiteExistsOption,
     disableGitSourceOption: disable_git_source_1.disableGitSourceOption,
     metadataOption: metadata_1.metadataOption,
+    hardwareAccelerationOption: hardware_acceleration_1.hardwareAccelerationOption,
 };

package/dist/options/metadata.d.ts

@@ -2,7 +2,7 @@ export type Metadata = Record<string, string>;
 export declare const metadataOption: {
     name: string;
     cliFlag: "metadata";
-    description: (mode: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
+    description: (mode: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
     docLink: string;
     type: Metadata;
     getValue: ({ commandLine }: {

package/dist/options/options-map.d.ts

@@ -313,6 +313,21 @@ export declare const optionsMap: {
             getValue: () => never;
             setConfig: () => never;
         };
+        readonly hardwareAcceleration: {
+            name: string;
+            cliFlag: "hardware-acceleration";
+            description: () => string;
+            ssrName: string;
+            docLink: string;
+            type: import("./hardware-acceleration").HardwareAccelerationOption;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                source: string;
+                value: "disable" | "if-possible" | "required";
+            };
+            setConfig: (value: import("./hardware-acceleration").HardwareAccelerationOption) => void;
+        };
     };
     readonly stitchFramesToVideo: {
         readonly separateAudioTo: {
@@ -333,6 +348,21 @@ export declare const optionsMap: {
             ssrName: string;
             type: string | null;
         };
+        readonly hardwareAcceleration: {
+            name: string;
+            cliFlag: "hardware-acceleration";
+            description: () => string;
+            ssrName: string;
+            docLink: string;
+            type: import("./hardware-acceleration").HardwareAccelerationOption;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                source: string;
+                value: "disable" | "if-possible" | "required";
+            };
+            setConfig: (value: import("./hardware-acceleration").HardwareAccelerationOption) => void;
+        };
     };
     readonly renderStill: {
         readonly offthreadVideoCacheSizeInBytes: {

package/dist/options/options-map.js

@@ -11,6 +11,7 @@ const encoding_buffer_size_1 = require("./encoding-buffer-size");
 const encoding_max_rate_1 = require("./encoding-max-rate");
 const enforce_audio_1 = require("./enforce-audio");
 const for_seamless_aac_concatenation_1 = require("./for-seamless-aac-concatenation");
+const hardware_acceleration_1 = require("./hardware-acceleration");
 const jpeg_quality_1 = require("./jpeg-quality");
 const log_level_1 = require("./log-level");
 const mute_1 = require("./mute");
@@ -47,9 +48,11 @@ exports.optionsMap = {
         separateAudioTo: separate_audio_1.separateAudioOption,
         audioCodec: audio_codec_1.audioCodecOption,
         onBrowserDownload: on_browser_download_1.onBrowserDownloadOption,
+        hardwareAcceleration: hardware_acceleration_1.hardwareAccelerationOption,
     },
     stitchFramesToVideo: {
         separateAudioTo: separate_audio_1.separateAudioOption,
+        hardwareAcceleration: hardware_acceleration_1.hardwareAccelerationOption,
     },
     renderStill: {
         offthreadVideoCacheSizeInBytes: offthreadvideo_cache_size_1.offthreadVideoCacheSizeInBytesOption,

package/dist/options/webhook-custom-data.d.ts

@@ -1,7 +1,7 @@
 export declare const webhookCustomDataOption: {
     name: string;
     cliFlag: "webhook-custom-data";
-    description: (type: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
+    description: (type: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
     ssrName: "customData";
     docLink: string;
     type: Record<string, unknown> | null;

package/dist/prespawn-ffmpeg.d.ts

@@ -1,3 +1,4 @@
+import type { HardwareAccelerationOption } from './client';
 import type { Codec } from './codec';
 import type { FfmpegOverrideFn } from './ffmpeg-override';
 import type { VideoImageFormat } from './image-format';
@@ -38,6 +39,7 @@ type PreStitcherOptions = {
     indent: boolean;
     colorSpace: ColorSpace | null;
     binariesDirectory: string | null;
+    hardwareAcceleration: HardwareAccelerationOption;
 };
 export declare const prespawnFfmpeg: (options: PreStitcherOptions) => {
     task: import("execa").ExecaChildProcess<string>;

package/dist/prespawn-ffmpeg.js

@@ -47,6 +47,9 @@ const prespawnFfmpeg = (options) => {
             encodingMaxRate: options.encodingMaxRate,
             encodingBufferSize: options.encodingBufferSize,
             colorSpace: options.colorSpace,
+            hardwareAcceleration: options.hardwareAcceleration,
+            indent: options.indent,
+            logLevel: options.logLevel,
         }),
         '-y',
         options.outputLocation,

package/dist/provide-screenshot.d.ts

@@ -1,7 +1,6 @@
-import type { ClipRegion } from 'remotion/no-react';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';
-export declare const provideScreenshot: ({ page, imageFormat, options, jpegQuality, height, width, clipRegion, timeoutInMilliseconds, scale, }: {
+export declare const provideScreenshot: ({ page, imageFormat, options, jpegQuality, height, width, timeoutInMilliseconds, scale, }: {
     page: Page;
     imageFormat: StillImageFormat;
     jpegQuality: number | undefined;
@@ -11,7 +10,6 @@ export declare const provideScreenshot: ({ page, imageFormat, options, jpegQuali
     };
     height: number;
     width: number;
-    clipRegion: ClipRegion | null;
     timeoutInMilliseconds: number;
     scale: number;
 }) => Promise<Buffer>;

package/dist/provide-screenshot.js

@@ -2,7 +2,7 @@
 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, timeoutInMilliseconds, scale, }) => {
+const provideScreenshot = ({ page, imageFormat, options, jpegQuality, height, width, timeoutInMilliseconds, scale, }) => {
     return (0, screenshot_dom_element_1.screenshotDOMElement)({
         page,
         opts: {
@@ -12,7 +12,6 @@ const provideScreenshot = ({ page, imageFormat, options, jpegQuality, height, wi
         jpegQuality,
         height,
         width,
-        clipRegion,
         timeoutInMilliseconds,
         scale,
     });

package/dist/puppeteer-screenshot.d.ts

@@ -1,4 +1,3 @@
-import type { ClipRegion } from 'remotion/no-react';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';
 export declare const screenshot: (options: {
@@ -9,6 +8,5 @@ export declare const screenshot: (options: {
     omitBackground: boolean;
     width: number;
     height: number;
-    clipRegion: ClipRegion | null;
     scale: number;
 }) => Promise<Buffer | string>;

package/dist/puppeteer-screenshot.js

@@ -42,7 +42,6 @@ const screenshot = (options) => {
         omitBackground: options.omitBackground,
         path: options.path,
         jpegQuality: options.type === 'jpeg' ? options.jpegQuality : undefined,
-        clipRegion: options.clipRegion,
         scale: options.scale,
     }));
 };

package/dist/render-frames.js

@@ -35,13 +35,13 @@ const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
 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");
-const take_frame_and_compose_1 = require("./take-frame-and-compose");
+const take_frame_1 = require("./take-frame");
 const truthy_1 = require("./truthy");
 const validate_1 = require("./validate");
 const validate_scale_1 = require("./validate-scale");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
 const MAX_RETRIES_PER_FRAME = 1;
-const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, jpegQuality, imageFormat, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, resolvedConcurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, compositor, sourceMapGetter, logLevel, indent, parallelEncodingEnabled, compositionStart, forSeamlessAacConcatenation, onArtifact, binariesDirectory, }) => {
+const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, jpegQuality, imageFormat, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, resolvedConcurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, sourceMapGetter, logLevel, indent, parallelEncodingEnabled, compositionStart, forSeamlessAacConcatenation, onArtifact, binariesDirectory, }) => {
     if (outputDir) {
         if (!node_fs_1.default.existsSync(outputDir)) {
             node_fs_1.default.mkdirSync(outputDir, {
@@ -191,7 +191,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
             throw new Error('Pass either `outputDir` or `onFrameBuffer` to renderFrames(), not both.');
         }
         const id = (0, perf_1.startPerfMeasure)('save');
-        const { buffer, collectedAssets } = await (0, take_frame_and_compose_1.takeFrameAndCompose)({
+        const { buffer, collectedAssets } = await (0, take_frame_1.takeFrame)({
             frame,
             freePage,
             height,
@@ -209,9 +209,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
             jpegQuality,
             width,
             scale,
-            downloadMap,
             wantsBuffer: Boolean(onFrameBuffer),
-            compositor,
             timeoutInMilliseconds,
         });
         if (onFrameBuffer && !assetsOnly) {
@@ -465,7 +463,7 @@ const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOpti
                 }),
                 browserInstance,
             ]).then(([{ server: openedServer, cleanupServer }, pInstance]) => {
-                const { serveUrl, offthreadPort, compositor, sourceMap, downloadMap } = openedServer;
+                const { serveUrl, offthreadPort, sourceMap, downloadMap } = openedServer;
                 const browserReplacer = (0, replace_browser_1.handleBrowserCrash)(pInstance, logLevel, indent);
                 const cycle = (0, cycle_browser_tabs_1.cycleBrowserTabs)(browserReplacer, resolvedConcurrency, logLevel, indent);
                 cleanup.push(() => {
@@ -483,7 +481,6 @@ const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOpti
                     proxyPort: offthreadPort,
                     makeBrowser,
                     browserReplacer,
-                    compositor,
                     sourceMapGetter: sourceMap,
                     downloadMap,
                     cancelSignal,

package/dist/render-media.d.ts

@@ -135,5 +135,5 @@ export declare const internalRenderMedia: (args_0: InternalRenderMediaOptions) =
  * @returns {Promise<RenderMediaResult>} A promise that resolves to the rendering result, including a buffer and information about the slowest frames.
  *
  */
-export declare const renderMedia: ({ proResProfile, x264Preset, crf, composition, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, jpegQuality, concurrency, serveUrl, disallowParallelEncoding, everyNthFrame, imageFormat, numberOfGifLoops, dumpBrowserLogs, preferLossless, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, onBrowserDownload, onArtifact, metadata, }: RenderMediaOptions) => Promise<RenderMediaResult>;
+export declare const renderMedia: ({ proResProfile, x264Preset, crf, composition, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, jpegQuality, concurrency, serveUrl, disallowParallelEncoding, everyNthFrame, imageFormat, numberOfGifLoops, dumpBrowserLogs, preferLossless, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, onBrowserDownload, onArtifact, metadata, hardwareAcceleration, }: RenderMediaOptions) => Promise<RenderMediaResult>;
 export {};

package/dist/render-media.js

@@ -50,7 +50,7 @@ const validate_scale_1 = require("./validate-scale");
 const validate_videobitrate_1 = require("./validate-videobitrate");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
 const SLOWEST_FRAME_COUNT = 10;
-const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, serializedInputPropsWithCustomSchema, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, 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, }) => {
+const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, serializedInputPropsWithCustomSchema, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, 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, }) => {
     if (repro) {
         (0, repro_1.enableRepro)({
             serveUrl,
@@ -69,6 +69,7 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
         videoBitrate,
         encodingMaxRate,
         encodingBufferSize,
+        hardwareAcceleration,
     });
     (0, validate_videobitrate_1.validateBitrate)(audioBitrate, 'audioBitrate');
     (0, validate_videobitrate_1.validateBitrate)(videoBitrate, 'videoBitrate');
@@ -228,6 +229,7 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
                 x264Preset: x264Preset !== null && x264Preset !== void 0 ? x264Preset : null,
                 colorSpace,
                 binariesDirectory,
+                hardwareAcceleration,
             });
             stitcherFfmpeg = preStitcher.task;
         }
@@ -422,6 +424,7 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
                 binariesDirectory,
                 separateAudioTo,
                 metadata,
+                hardwareAcceleration,
             });
         })
             .then((buffer) => {
@@ -505,7 +508,7 @@ exports.internalRenderMedia = (0, wrap_with_error_handling_1.wrapWithErrorHandli
  * @returns {Promise<RenderMediaResult>} A promise that resolves to the rendering result, including a buffer and information about the slowest frames.
  *
  */
-const renderMedia = ({ proResProfile, x264Preset, crf, composition, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, jpegQuality, concurrency, serveUrl, disallowParallelEncoding, everyNthFrame, imageFormat, numberOfGifLoops, dumpBrowserLogs, preferLossless, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, onBrowserDownload, onArtifact, metadata, }) => {
+const renderMedia = ({ proResProfile, x264Preset, crf, composition, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, jpegQuality, concurrency, serveUrl, disallowParallelEncoding, everyNthFrame, imageFormat, numberOfGifLoops, dumpBrowserLogs, preferLossless, verbose, quality, logLevel: passedLogLevel, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, onBrowserDownload, onArtifact, metadata, hardwareAcceleration, }) => {
     var _a, _b;
     const indent = false;
     const logLevel = verbose || dumpBrowserLogs ? 'verbose' : (passedLogLevel !== null && passedLogLevel !== void 0 ? passedLogLevel : 'info');
@@ -575,6 +578,7 @@ const renderMedia = ({ proResProfile, x264Preset, crf, composition, inputProps,
         metadata: metadata !== null && metadata !== void 0 ? metadata : null,
         // TODO: In the future, introduce this as a public API when launching the distributed rendering API
         compositionStart: 0,
+        hardwareAcceleration: hardwareAcceleration !== null && hardwareAcceleration !== void 0 ? hardwareAcceleration : 'disable',
     });
 };
 exports.renderMedia = renderMedia;

package/dist/render-still.js

@@ -48,12 +48,12 @@ const prepare_server_1 = require("./prepare-server");
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
 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 take_frame_1 = require("./take-frame");
 const validate_1 = require("./validate");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const validate_scale_1 = require("./validate-scale");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
-const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, onError, serializedInputPropsWithCustomSchema, envVariables, output, frame = 0, overwrite, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale, proxyPort, cancelSignal, jpegQuality, onBrowserLog, compositor, sourceMapGetter, downloadMap, logLevel, indent, serializedResolvedPropsWithCustomSchema, onBrowserDownload, onArtifact, }) => {
+const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, onError, serializedInputPropsWithCustomSchema, envVariables, output, frame = 0, overwrite, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale, proxyPort, cancelSignal, jpegQuality, onBrowserLog, sourceMapGetter, logLevel, indent, serializedResolvedPropsWithCustomSchema, onBrowserDownload, onArtifact, }) => {
     (0, validate_1.validateDimension)(composition.height, 'height', 'in the `config` object passed to `renderStill()`');
     (0, validate_1.validateDimension)(composition.width, 'width', 'in the `config` object passed to `renderStill()`');
     (0, validate_1.validateFps)(composition.fps, 'in the `config` object of `renderStill()`', false);
@@ -189,7 +189,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         logLevel,
         attempt: 0,
     });
-    const { buffer, collectedAssets } = await (0, take_frame_and_compose_1.takeFrameAndCompose)({
+    const { buffer, collectedAssets } = await (0, take_frame_1.takeFrame)({
         frame: stillFrame,
         freePage: page,
         height: composition.height,
@@ -199,8 +199,6 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         output,
         jpegQuality,
         wantsBuffer: !output,
-        compositor,
-        downloadMap,
         timeoutInMilliseconds,
     });
     const artifactAssets = (0, filter_asset_types_1.onlyArtifact)(collectedAssets);
@@ -236,15 +234,13 @@ const internalRenderStillRaw = (options) => {
         })
             .then(({ server, cleanupServer }) => {
             cleanup.push(() => cleanupServer(false));
-            const { serveUrl, offthreadPort, compositor, sourceMap: sourceMapGetter, downloadMap, } = server;
+            const { serveUrl, offthreadPort, sourceMap: sourceMapGetter } = server;
             return innerRenderStill({
                 ...options,
                 serveUrl,
                 onError,
                 proxyPort: offthreadPort,
-                compositor,
                 sourceMapGetter,
-                downloadMap,
             });
         })
             .then((res) => resolve(res))

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

@@ -1,7 +1,6 @@
-import type { ClipRegion } from 'remotion/no-react';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';
-export declare const screenshotDOMElement: ({ page, imageFormat, jpegQuality, opts, height, width, clipRegion, timeoutInMilliseconds, scale, }: {
+export declare const screenshotDOMElement: ({ page, imageFormat, jpegQuality, opts, height, width, timeoutInMilliseconds, scale, }: {
     page: Page;
     imageFormat: StillImageFormat;
     jpegQuality: number | undefined;
@@ -10,7 +9,6 @@ export declare const screenshotDOMElement: ({ page, imageFormat, jpegQuality, op
     };
     height: number;
     width: number;
-    clipRegion: ClipRegion | null;
     timeoutInMilliseconds: number;
     scale: number;
 }) => Promise<Buffer>;

package/dist/screenshot-dom-element.js

@@ -3,7 +3,7 @@ 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, timeoutInMilliseconds, scale, }) => {
+const screenshotDOMElement = async ({ page, imageFormat, jpegQuality, opts, height, width, timeoutInMilliseconds, scale, }) => {
     const { path } = opts;
     if (imageFormat === 'png' ||
         imageFormat === 'pdf' ||
@@ -41,7 +41,6 @@ const screenshotDOMElement = async ({ page, imageFormat, jpegQuality, opts, heig
         jpegQuality,
         width,
         height,
-        clipRegion,
         scale,
     });
     if (typeof buf === 'string') {

package/dist/screenshot-task.d.ts

@@ -1,7 +1,6 @@
-import type { ClipRegion } from 'remotion/no-react';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';
-export declare const screenshotTask: ({ format, height, omitBackground, page, width, path, jpegQuality, clipRegion, scale, }: {
+export declare const screenshotTask: ({ format, height, omitBackground, page, width, path, jpegQuality, scale, }: {
     page: Page;
     format: StillImageFormat;
     path?: string;
@@ -9,6 +8,5 @@ export declare const screenshotTask: ({ format, height, omitBackground, page, wi
     omitBackground: boolean;
     width: number;
     height: number;
-    clipRegion: ClipRegion | null;
     scale: number;
 }) => Promise<Buffer | string>;

package/dist/screenshot-task.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.screenshotTask = void 0;
 const node_fs_1 = __importDefault(require("node:fs"));
 const perf_1 = require("./perf");
-const screenshotTask = async ({ format, height, omitBackground, page, width, path, jpegQuality, clipRegion, scale, }) => {
+const screenshotTask = async ({ format, height, omitBackground, page, width, path, jpegQuality, scale, }) => {
     var _a;
     const client = page._client();
     const target = page.target();
@@ -49,21 +49,13 @@ const screenshotTask = async ({ format, height, omitBackground, page, width, pat
             const { value } = 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: height * scaleFactor,
-                        scale: 1,
-                        width: width * scaleFactor,
-                    },
+                clip: {
+                    x: 0,
+                    y: 0,
+                    height: height * scaleFactor,
+                    scale: 1,
+                    width: width * scaleFactor,
+                },
                 captureBeyondViewport: true,
                 optimizeForSpeed: true,
                 fromSurface,

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

@@ -41,7 +41,7 @@ type InternalStitchFramesToVideoOptions = {
     ffmpegOverride: null | FfmpegOverrideFn;
     colorSpace: ColorSpace | null;
     binariesDirectory: string | null;
-    metadata?: Record<string, string> | null;
+    metadata: Record<string, string> | null;
 } & ToOptions<typeof optionsMap.stitchFramesToVideo>;
 export type StitchFramesToVideoOptions = {
     fps: number;
@@ -79,5 +79,5 @@ export declare const internalStitchFramesToVideo: (options: InternalStitchFrames
  * @param {StitchFramesToVideoOptions} options The configuration options for stitching frames into a video
  * @returns {Promise<Buffer | null>} A promise that resolves with the video buffer or null if the output was written to a file
  */
-export declare const stitchFramesToVideo: ({ assetsInfo, force, fps, height, width, audioBitrate, audioCodec, cancelSignal, codec, crf, enforceAudioTrack, ffmpegOverride, muted, numberOfGifLoops, onDownload, onProgress, outputLocation, pixelFormat, proResProfile, verbose, videoBitrate, maxRate, bufferSize, x264Preset, colorSpace, binariesDirectory, separateAudioTo, metadata, }: StitchFramesToVideoOptions) => Promise<Buffer | null>;
+export declare const stitchFramesToVideo: ({ assetsInfo, force, fps, height, width, audioBitrate, audioCodec, cancelSignal, codec, crf, enforceAudioTrack, ffmpegOverride, muted, numberOfGifLoops, onDownload, onProgress, outputLocation, pixelFormat, proResProfile, verbose, videoBitrate, maxRate, bufferSize, x264Preset, colorSpace, binariesDirectory, separateAudioTo, metadata, hardwareAcceleration, }: StitchFramesToVideoOptions) => Promise<Buffer | null>;
 export {};

package/dist/stitch-frames-to-video.js

@@ -30,7 +30,7 @@ const render_has_audio_1 = require("./render-has-audio");
 const validate_1 = require("./validate");
 const validate_even_dimensions_with_codec_1 = require("./validate-even-dimensions-with-codec");
 const validate_videobitrate_1 = require("./validate-videobitrate");
-const innerStitchFramesToVideo = async ({ assetsInfo, audioBitrate, audioCodec: audioCodecSetting, cancelSignal, codec, crf, enforceAudioTrack, ffmpegOverride, force, fps, height, indent, muted, onDownload, outputLocation, pixelFormat, preEncodedFileLocation, preferLossless, proResProfile, logLevel, videoBitrate, maxRate, bufferSize, width, numberOfGifLoops, onProgress, x264Preset, colorSpace, binariesDirectory, separateAudioTo, metadata, }, remotionRoot) => {
+const innerStitchFramesToVideo = async ({ assetsInfo, audioBitrate, audioCodec: audioCodecSetting, cancelSignal, codec, crf, enforceAudioTrack, ffmpegOverride, force, fps, height, indent, muted, onDownload, outputLocation, pixelFormat, preEncodedFileLocation, preferLossless, proResProfile, logLevel, videoBitrate, maxRate, bufferSize, width, numberOfGifLoops, onProgress, x264Preset, colorSpace, binariesDirectory, separateAudioTo, metadata, hardwareAcceleration, }, remotionRoot) => {
     var _a;
     (0, validate_1.validateDimension)(height, 'height', 'passed to `stitchFramesToVideo()`');
     (0, validate_1.validateDimension)(width, 'width', 'passed to `stitchFramesToVideo()`');
@@ -108,6 +108,7 @@ const innerStitchFramesToVideo = async ({ assetsInfo, audioBitrate, audioCodec:
         videoBitrate,
         encodingMaxRate: maxRate,
         encodingBufferSize: bufferSize,
+        hardwareAcceleration,
     });
     (0, pixel_format_1.validateSelectedPixelFormatAndCodecCombination)(pixelFormat, codec);
     const updateProgress = (muxProgress) => {
@@ -197,6 +198,9 @@ const innerStitchFramesToVideo = async ({ assetsInfo, audioBitrate, audioCodec:
             pixelFormat,
             x264Preset,
             colorSpace,
+            hardwareAcceleration,
+            indent,
+            logLevel,
         }),
         codec === 'h264' ? ['-movflags', 'faststart'] : null,
         // Ignore metadata that may come from remote media
@@ -305,7 +309,7 @@ exports.internalStitchFramesToVideo = internalStitchFramesToVideo;
  * @param {StitchFramesToVideoOptions} options The configuration options for stitching frames into a video
  * @returns {Promise<Buffer | null>} A promise that resolves with the video buffer or null if the output was written to a file
  */
-const stitchFramesToVideo = ({ assetsInfo, force, fps, height, width, audioBitrate, audioCodec, cancelSignal, codec, crf, enforceAudioTrack, ffmpegOverride, muted, numberOfGifLoops, onDownload, onProgress, outputLocation, pixelFormat, proResProfile, verbose, videoBitrate, maxRate, bufferSize, x264Preset, colorSpace, binariesDirectory, separateAudioTo, metadata, }) => {
+const stitchFramesToVideo = ({ assetsInfo, force, fps, height, width, audioBitrate, audioCodec, cancelSignal, codec, crf, enforceAudioTrack, ffmpegOverride, muted, numberOfGifLoops, onDownload, onProgress, outputLocation, pixelFormat, proResProfile, verbose, videoBitrate, maxRate, bufferSize, x264Preset, colorSpace, binariesDirectory, separateAudioTo, metadata, hardwareAcceleration, }) => {
     return (0, exports.internalStitchFramesToVideo)({
         assetsInfo,
         audioBitrate: audioBitrate !== null && audioBitrate !== void 0 ? audioBitrate : null,
@@ -338,6 +342,7 @@ const stitchFramesToVideo = ({ assetsInfo, force, fps, height, width, audioBitra
         binariesDirectory: binariesDirectory !== null && binariesDirectory !== void 0 ? binariesDirectory : null,
         metadata: metadata !== null && metadata !== void 0 ? metadata : null,
         separateAudioTo: separateAudioTo !== null && separateAudioTo !== void 0 ? separateAudioTo : null,
+        hardwareAcceleration: hardwareAcceleration !== null && hardwareAcceleration !== void 0 ? hardwareAcceleration : 'disable',
     });
 };
 exports.stitchFramesToVideo = stitchFramesToVideo;

package/dist/take-frame.d.ts

@@ -0,0 +1,18 @@
+import type { TRenderAsset } from 'remotion/no-react';
+import type { Page } from './browser/BrowserPage';
+import type { StillImageFormat, VideoImageFormat } from './image-format';
+export declare const takeFrame: ({ freePage, imageFormat, jpegQuality, frame, width, height, output, scale, wantsBuffer, timeoutInMilliseconds, }: {
+    freePage: Page;
+    imageFormat: VideoImageFormat | StillImageFormat;
+    jpegQuality: number | undefined;
+    frame: number;
+    height: number;
+    width: number;
+    output: string | null;
+    scale: number;
+    wantsBuffer: boolean;
+    timeoutInMilliseconds: number;
+}) => Promise<{
+    buffer: Buffer | null;
+    collectedAssets: TRenderAsset[];
+}>;