@remotion/renderer 4.0.227 → 4.0.228

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/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[];
+}>;

package/dist/take-frame.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.takeFrame = void 0;
+const collect_assets_1 = require("./collect-assets");
+const provide_screenshot_1 = require("./provide-screenshot");
+const takeFrame = async ({ freePage, imageFormat, jpegQuality, frame, width, height, output, scale, wantsBuffer, timeoutInMilliseconds, }) => {
+    const collectedAssets = await (0, collect_assets_1.collectAssets)({
+        frame,
+        freePage,
+        timeoutInMilliseconds,
+    });
+    if (imageFormat === 'none') {
+        return { buffer: null, collectedAssets };
+    }
+    const shouldMakeBuffer = wantsBuffer;
+    const buf = await (0, provide_screenshot_1.provideScreenshot)({
+        page: freePage,
+        imageFormat,
+        jpegQuality,
+        options: {
+            frame,
+            output: wantsBuffer ? null : output,
+        },
+        height,
+        width,
+        timeoutInMilliseconds,
+        scale,
+    });
+    if (shouldMakeBuffer) {
+        return { buffer: buf, collectedAssets };
+    }
+    return { buffer: null, collectedAssets };
+};
+exports.takeFrame = takeFrame;

package/ensure-browser.mjs

@@ -2743,6 +2743,9 @@ var Log = {
   verbose: (options, ...args) => {
     writeInRepro("verbose", ...args);
     if (isEqualOrBelowLogLevel(options.logLevel, "verbose")) {
+      if (args.length === 0) {
+        return process.stdout.write("\n");
+      }
       return console.log(...[
         options.indent ? INDENT_TOKEN : null,
         options.tag ? verboseTag(options.tag) : null
@@ -2752,18 +2755,27 @@ var Log = {
   info: (options, ...args) => {
     writeInRepro("info", ...args);
     if (isEqualOrBelowLogLevel(options.logLevel, "info")) {
-      return console.log(...[options.indent ? INDENT_TOKEN : null].filter(truthy).concat(args));
+      if (args.length === 0) {
+        return process.stdout.write("\n");
+      }
+      return console.log(...[options.indent ? INDENT_TOKEN : null].filter(truthy).concat(args ?? []));
     }
   },
   warn: (options, ...args) => {
     writeInRepro("warn", ...args);
     if (isEqualOrBelowLogLevel(options.logLevel, "warn")) {
+      if (args.length === 0) {
+        return process.stdout.write("\n");
+      }
       return console.warn(...[options.indent ? chalk.yellow(INDENT_TOKEN) : null].filter(truthy).concat(args.map((a) => chalk.yellow(a))));
     }
   },
   error: (options, ...args) => {
     writeInRepro("error", ...args);
     if (isEqualOrBelowLogLevel(options.logLevel, "error")) {
+      if (args.length === 0) {
+        return process.stdout.write("\n");
+      }
       return console.error(...[
         options.indent ? INDENT_TOKEN : null,
         options.tag ? verboseTag(options.tag) : null

package/package.json

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