@remotion/renderer 4.0.226 → 4.0.228

package/dist/logger.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Log = exports.secondverboseTag = exports.verboseTag = exports.INDENT_TOKEN = void 0;
+/* eslint-disable no-console */
 const chalk_1 = require("./chalk");
 const is_color_supported_1 = require("./chalk/is-color-supported");
 const log_level_1 = require("./log-level");
@@ -19,6 +20,10 @@ exports.Log = {
     verbose: (options, ...args) => {
         (0, repro_1.writeInRepro)('verbose', ...args);
         if ((0, log_level_1.isEqualOrBelowLogLevel)(options.logLevel, 'verbose')) {
+            if (args.length === 0) {
+                // Lambda will print "undefined" otherwise
+                return process.stdout.write('\n');
+            }
             return console.log(...[
                 options.indent ? exports.INDENT_TOKEN : null,
                 options.tag ? (0, exports.verboseTag)(options.tag) : null,
@@ -30,12 +35,22 @@ exports.Log = {
     info: (options, ...args) => {
         (0, repro_1.writeInRepro)('info', ...args);
         if ((0, log_level_1.isEqualOrBelowLogLevel)(options.logLevel, 'info')) {
-            return console.log(...[options.indent ? exports.INDENT_TOKEN : null].filter(truthy_1.truthy).concat(args));
+            if (args.length === 0) {
+                // Lambda will print "undefined" otherwise
+                return process.stdout.write('\n');
+            }
+            return console.log(...[options.indent ? exports.INDENT_TOKEN : null]
+                .filter(truthy_1.truthy)
+                .concat(args !== null && args !== void 0 ? args : []));
         }
     },
     warn: (options, ...args) => {
         (0, repro_1.writeInRepro)('warn', ...args);
         if ((0, log_level_1.isEqualOrBelowLogLevel)(options.logLevel, 'warn')) {
+            if (args.length === 0) {
+                // Lambda will print "undefined" otherwise
+                return process.stdout.write('\n');
+            }
             return console.warn(...[options.indent ? chalk_1.chalk.yellow(exports.INDENT_TOKEN) : null]
                 .filter(truthy_1.truthy)
                 .concat(args.map((a) => chalk_1.chalk.yellow(a))));
@@ -44,6 +59,10 @@ exports.Log = {
     error: (options, ...args) => {
         (0, repro_1.writeInRepro)('error', ...args);
         if ((0, log_level_1.isEqualOrBelowLogLevel)(options.logLevel, 'error')) {
+            if (args.length === 0) {
+                // Lambda will print "undefined" otherwise
+                return process.stdout.write('\n');
+            }
             return console.error(...[
                 options.indent ? exports.INDENT_TOKEN : null,
                 options.tag ? (0, exports.verboseTag)(options.tag) : null,

package/dist/open-browser.js

@@ -60,7 +60,11 @@ const internalOpenBrowser = async ({ browser, browserExecutable, chromiumOptions
         indent,
         onBrowserDownload,
     });
-    const executablePath = (0, get_local_browser_executable_1.getLocalBrowserExecutable)(browserExecutable);
+    const executablePath = (0, get_local_browser_executable_1.getLocalBrowserExecutable)({
+        preferredBrowserExecutable: browserExecutable,
+        logLevel,
+        indent,
+    });
     const customGlRenderer = getOpenGlRenderer((_a = chromiumOptions.gl) !== null && _a !== void 0 ? _a : null);
     const enableMultiProcessOnLinux = (_b = chromiumOptions.enableMultiProcessOnLinux) !== null && _b !== void 0 ? _b : true;
     logger_1.Log.verbose({ indent, logLevel, tag: 'openBrowser()' }, `Opening browser: gl = ${chromiumOptions.gl}, executable = ${executablePath}, enableMultiProcessOnLinux = ${enableMultiProcessOnLinux}`);

package/dist/options/audio-codec.d.ts

@@ -20,7 +20,7 @@ type FfmpegAudioCodecName = (typeof audioCodecNames)[number];
 export declare const mapAudioCodecToFfmpegAudioCodecName: (audioCodec: AudioCodec) => FfmpegAudioCodecName;
 export declare const defaultAudioCodecs: {
     [key in Codec]: {
-        [k in 'compressed' | 'lossless']: (typeof supportedAudioCodecs)[key][number] | null;
+        [_ in 'compressed' | 'lossless']: (typeof supportedAudioCodecs)[key][number] | null;
     };
 };
 export declare const getExtensionFromAudioCodec: (audioCodec: AudioCodec) => "mp3" | "aac" | "wav" | "opus";

package/dist/options/audio-codec.js

@@ -21,6 +21,7 @@ const _satisfies = exports.supportedAudioCodecs;
 if (_satisfies) {
     // Just for type checking
 }
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const audioCodecNames = [
     'pcm_s16le',
     'libfdk_aac',

package/dist/options/hardware-acceleration.d.ts

@@ -0,0 +1,18 @@
+export declare const hardwareAccelerationOptions: readonly ["disable", "if-possible", "required"];
+export type HardwareAccelerationOption = (typeof hardwareAccelerationOptions)[number];
+export declare const getHardwareAcceleration: () => "disable" | "if-possible" | "required" | null;
+export declare const hardwareAccelerationOption: {
+    name: string;
+    cliFlag: "hardware-acceleration";
+    description: () => string;
+    ssrName: string;
+    docLink: string;
+    type: HardwareAccelerationOption;
+    getValue: ({ commandLine }: {
+        commandLine: Record<string, unknown>;
+    }) => {
+        source: string;
+        value: "disable" | "if-possible" | "required";
+    };
+    setConfig: (value: HardwareAccelerationOption) => void;
+};

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

@@ -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/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/path-normalize.js

@@ -11,7 +11,7 @@ The above copyright notice and this permission notice shall be included in all c
 
 THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
-/* eslint-disable max-depth, max-statements, complexity, max-lines-per-function */
+/* eslint-disable max-depth */
 const SLASH = 47;
 const DOT = 46;
 const assertPath = (path) => {

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-evaluate.js

@@ -63,7 +63,7 @@ async function puppeteerEvaluateWithCatch({ page, pageFunction, frame, args, })
         // eslint-disable-next-line no-new-func
         new Function('(' + functionText + ')');
     }
-    catch (error) {
+    catch (_g) {
         // This means we might have a function shorthand. Try another
         // time prefixing 'function '.
         if (functionText.startsWith('async '))
@@ -75,7 +75,7 @@ async function puppeteerEvaluateWithCatch({ page, pageFunction, frame, args, })
             // eslint-disable-next-line no-new-func
             new Function('(' + functionText + ')');
         }
-        catch (err) {
+        catch (_h) {
             // We tried hard to serialize, but there's a weird beast here.
             throw new Error('Passed function is not well-serializable!');
         }
@@ -137,7 +137,6 @@ function convertArgument(arg) {
         return { value: arg };
     }
     if (typeof arg === 'bigint')
-        // eslint-disable-line valid-typeof
         return { unserializableValue: `${arg.toString()}n` };
     if (Object.is(arg, -0))
         return { unserializableValue: '-0' };

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;
         }
@@ -240,7 +242,7 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
             try {
                 await stitcherFfmpeg;
             }
-            catch (err) {
+            catch (_b) {
                 throw new Error(preStitcher === null || preStitcher === void 0 ? void 0 : preStitcher.getLogs());
             }
         }
@@ -422,6 +424,7 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
                 binariesDirectory,
                 separateAudioTo,
                 metadata,
+                hardwareAcceleration,
             });
         })
             .then((buffer) => {
@@ -466,7 +469,7 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
                 try {
                     stitcherFfmpeg.kill();
                 }
-                catch (e) {
+                catch (_a) {
                     // Ignore
                 }
                 return promise.then(() => {
@@ -487,7 +490,7 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
             cleanupServerFn === null || cleanupServerFn === void 0 ? void 0 : cleanupServerFn(false).catch((err) => {
                 // Must prevent unhandled exception in cleanup function.
                 // Might crash whole runtime.
-                console.log('Could not cleanup: ', err);
+                logger_1.Log.error({ indent, logLevel }, 'Could not cleanup: ', err);
             });
         });
     });
@@ -505,13 +508,13 @@ 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;
-    if (quality !== undefined) {
-        console.warn(`The "quality" option has been renamed. Please use "jpegQuality" instead.`);
-    }
     const indent = false;
     const logLevel = verbose || dumpBrowserLogs ? 'verbose' : (passedLogLevel !== null && passedLogLevel !== void 0 ? passedLogLevel : 'info');
+    if (quality !== undefined) {
+        logger_1.Log.warn({ indent, logLevel }, `The "quality" option has been renamed. Please use "jpegQuality" instead.`);
+    }
     return (0, exports.internalRenderMedia)({
         proResProfile: proResProfile !== null && proResProfile !== void 0 ? proResProfile : undefined,
         x264Preset: x264Preset !== null && x264Preset !== void 0 ? x264Preset : null,
@@ -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

@@ -40,6 +40,7 @@ const filter_asset_types_1 = require("./filter-asset-types");
 const find_closest_package_json_1 = require("./find-closest-package-json");
 const image_format_1 = require("./image-format");
 const jpeg_quality_1 = require("./jpeg-quality");
+const logger_1 = require("./logger");
 const make_cancel_signal_1 = require("./make-cancel-signal");
 const open_browser_1 = require("./open-browser");
 const overwrite_1 = require("./overwrite");
@@ -47,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);
@@ -127,7 +128,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         }
         else {
             browserInstance.close(true, logLevel, indent).catch((err) => {
-                console.log('Unable to close browser', err);
+                logger_1.Log.error({ indent, logLevel }, 'Unable to close browser', err);
             });
         }
     };
@@ -188,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,
@@ -198,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);
@@ -235,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))
@@ -251,7 +248,7 @@ const internalRenderStillRaw = (options) => {
             .finally(() => {
             cleanup.forEach((c) => {
                 c().catch((err) => {
-                    console.log('Cleanup error:', err);
+                    logger_1.Log.error(options, 'Cleanup error:', err);
                 });
             });
         });
@@ -279,11 +276,11 @@ const renderStill = (options) => {
     if (typeof jpegQuality !== 'undefined' && imageFormat !== 'jpeg') {
         throw new Error("You can only pass the `quality` option if `imageFormat` is 'jpeg'.");
     }
+    const indent = false;
+    const logLevel = passedLogLevel !== null && passedLogLevel !== void 0 ? passedLogLevel : (verbose || dumpBrowserLogs ? 'verbose' : 'info');
     if (quality) {
-        console.warn('Passing `quality()` to `renderStill` is deprecated. Use `jpegQuality` instead.');
+        logger_1.Log.warn({ indent, logLevel }, 'Passing `quality()` to `renderStill` is deprecated. Use `jpegQuality` instead.');
     }
-    const logLevel = passedLogLevel !== null && passedLogLevel !== void 0 ? passedLogLevel : (verbose || dumpBrowserLogs ? 'verbose' : 'info');
-    const indent = false;
     return (0, exports.internalRenderStill)({
         composition,
         browserExecutable: browserExecutable !== null && browserExecutable !== void 0 ? browserExecutable : null,

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>;