@remotion/renderer 4.0.0-webhook.27 → 4.1.0-alpha1

package/dist/offthread-video-server.d.ts

@@ -1,17 +1,53 @@
-import type { RequestListener } from 'http';
-import type { OffthreadVideoImageFormat } from 'remotion';
-import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
+import type { RequestListener } from 'node:http';
 import type { DownloadMap } from './assets/download-map';
-import type { FfmpegExecutable } from './ffmpeg-executable';
+import type { Compositor } from './compositor/compositor';
 export declare const extractUrlAndSourceFromUrl: (url: string) => {
     src: string;
     time: number;
-    imageFormat: OffthreadVideoImageFormat;
+    transparent: boolean;
 };
-export declare const startOffthreadVideoServer: ({ ffmpegExecutable, ffprobeExecutable, onDownload, onError, downloadMap, }: {
-    ffmpegExecutable: FfmpegExecutable;
-    ffprobeExecutable: FfmpegExecutable;
-    onDownload: RenderMediaOnDownload;
-    onError: (err: Error) => void;
+export declare const startOffthreadVideoServer: ({ downloadMap, concurrency, verbose, indent, }: {
     downloadMap: DownloadMap;
-}) => RequestListener;
+    concurrency: number;
+    verbose: boolean;
+    indent: boolean;
+}) => {
+    listener: RequestListener;
+    close: () => Promise<void>;
+    compositor: Compositor;
+    events: OffthreadVideoServerEmitter;
+};
+type DownloadEventPayload = {
+    src: string;
+};
+type ProgressEventPayload = {
+    percent: number | null;
+    downloaded: number;
+    totalSize: number | null;
+    src: string;
+};
+type ErrorEventPayload = {
+    error: Error;
+};
+type EventMap = {
+    progress: ProgressEventPayload;
+    error: ErrorEventPayload;
+    download: DownloadEventPayload;
+};
+export type EventTypes = keyof EventMap;
+export type CallbackListener<T extends EventTypes> = (data: {
+    detail: EventMap[T];
+}) => void;
+type Listeners = {
+    [EventType in EventTypes]: CallbackListener<EventType>[];
+};
+export declare class OffthreadVideoServerEmitter {
+    listeners: Listeners;
+    addEventListener<Q extends EventTypes>(name: Q, callback: CallbackListener<Q>): () => void;
+    removeEventListener<Q extends EventTypes>(name: Q, callback: CallbackListener<Q>): void;
+    private dispatchEvent;
+    dispatchError(error: Error): void;
+    dispatchDownloadProgress(src: string, percent: number | null, downloaded: number, totalSize: number | null): void;
+    dispatchDownload(src: string): void;
+}
+export {};

package/dist/offthread-video-server.js

@@ -1,17 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.startOffthreadVideoServer = exports.extractUrlAndSourceFromUrl = void 0;
-const remotion_1 = require("remotion");
-const url_1 = require("url");
+exports.OffthreadVideoServerEmitter = exports.startOffthreadVideoServer = exports.extractUrlAndSourceFromUrl = void 0;
+const node_url_1 = require("node:url");
 const download_and_map_assets_to_file_1 = require("./assets/download-and-map-assets-to-file");
-const extract_frame_from_video_1 = require("./extract-frame-from-video");
+const compositor_1 = require("./compositor/compositor");
 const extractUrlAndSourceFromUrl = (url) => {
     const parsed = new URL(url, 'http://localhost');
     const query = parsed.search;
     if (!query.trim()) {
         throw new Error('Expected query from ' + url);
     }
-    const params = new url_1.URLSearchParams(query);
+    const params = new node_url_1.URLSearchParams(query);
     const src = params.get('src');
     if (!src) {
         throw new Error('Did not pass `src` parameter');
@@ -20,67 +19,121 @@ const extractUrlAndSourceFromUrl = (url) => {
     if (!time) {
         throw new Error('Did not get `time` parameter');
     }
-    const imageFormat = params.get('imageFormat');
-    if (!imageFormat) {
-        throw new TypeError('Did not get `imageFormat` parameter');
-    }
-    remotion_1.Internals.validateOffthreadVideoImageFormat(imageFormat);
+    const transparent = params.get('transparent');
     return {
         src,
         time: parseFloat(time),
-        imageFormat: imageFormat,
+        transparent: transparent === 'true',
     };
 };
 exports.extractUrlAndSourceFromUrl = extractUrlAndSourceFromUrl;
-const startOffthreadVideoServer = ({ ffmpegExecutable, ffprobeExecutable, onDownload, onError, downloadMap, }) => {
-    return (req, res) => {
-        if (!req.url) {
-            throw new Error('Request came in without URL');
-        }
-        if (!req.url.startsWith('/proxy')) {
-            res.writeHead(404);
-            res.end();
-            return;
-        }
-        const { src, time, imageFormat } = (0, exports.extractUrlAndSourceFromUrl)(req.url);
-        res.setHeader('access-control-allow-origin', '*');
-        res.setHeader('content-type', `image/${imageFormat === 'jpeg' ? 'jpg' : 'png'}`);
-        // Handling this case on Lambda:
-        // https://support.google.com/chrome/a/answer/7679408?hl=en
-        // Chrome sends Private Network Access preflights for subresources
-        if (req.method === 'OPTIONS') {
-            res.statusCode = 200;
-            if (req.headers['access-control-request-private-network']) {
-                res.setHeader('Access-Control-Allow-Private-Network', 'true');
+const startOffthreadVideoServer = ({ downloadMap, concurrency, verbose, indent, }) => {
+    const events = new OffthreadVideoServerEmitter();
+    const compositor = (0, compositor_1.startCompositor)('StartLongRunningProcess', {
+        concurrency,
+        maximum_frame_cache_items: (0, compositor_1.getIdealMaximumFrameCacheItems)(),
+        verbose,
+    }, indent);
+    return {
+        close: () => {
+            compositor.finishCommands();
+            return compositor.waitForDone();
+        },
+        listener: (req, res) => {
+            if (!req.url) {
+                throw new Error('Request came in without URL');
             }
-            res.end();
-            return;
-        }
-        (0, download_and_map_assets_to_file_1.downloadAsset)({ src, onDownload, downloadMap })
-            .then((to) => {
-            return (0, extract_frame_from_video_1.extractFrameFromVideo)({
-                time,
-                src: to,
-                ffmpegExecutable,
-                ffprobeExecutable,
-                imageFormat,
-                downloadMap,
-            });
-        })
-            .then((readable) => {
-            if (!readable) {
-                throw new Error('no readable from ffmpeg');
+            if (!req.url.startsWith('/proxy')) {
+                res.writeHead(404);
+                res.end();
+                return;
             }
-            res.writeHead(200);
-            res.write(readable);
-            res.end();
-        })
-            .catch((err) => {
-            res.writeHead(500);
-            res.end();
-            onError(err);
-            console.log('Error occurred', err);
-        });
+            const { src, time, transparent } = (0, exports.extractUrlAndSourceFromUrl)(req.url);
+            res.setHeader('access-control-allow-origin', '*');
+            if (transparent) {
+                res.setHeader('content-type', `image/png`);
+            }
+            else {
+                res.setHeader('content-type', `image/bmp`);
+            }
+            // Handling this case on Lambda:
+            // https://support.google.com/chrome/a/answer/7679408?hl=en
+            // Chrome sends Private Network Access preflights for subresources
+            if (req.method === 'OPTIONS') {
+                res.statusCode = 200;
+                if (req.headers['access-control-request-private-network']) {
+                    res.setHeader('Access-Control-Allow-Private-Network', 'true');
+                }
+                res.end();
+                return;
+            }
+            (0, download_and_map_assets_to_file_1.downloadAsset)({ src, emitter: events, downloadMap })
+                .then((to) => {
+                return compositor.executeCommand('ExtractFrame', {
+                    input: to,
+                    time,
+                    transparent,
+                });
+            })
+                .then((readable) => {
+                if (!readable) {
+                    throw new Error('no readable from ffmpeg');
+                }
+                res.writeHead(200);
+                res.write(readable);
+                res.end();
+            })
+                .catch((err) => {
+                res.writeHead(500);
+                res.end();
+                events.dispatchError(err);
+                console.log('Error occurred', err);
+            });
+        },
+        compositor,
+        events,
     };
 };
 exports.startOffthreadVideoServer = startOffthreadVideoServer;
+class OffthreadVideoServerEmitter {
+    constructor() {
+        this.listeners = {
+            error: [],
+            progress: [],
+            download: [],
+        };
+    }
+    addEventListener(name, callback) {
+        this.listeners[name].push(callback);
+        return () => {
+            this.removeEventListener(name, callback);
+        };
+    }
+    removeEventListener(name, callback) {
+        this.listeners[name] = this.listeners[name].filter((l) => l !== callback);
+    }
+    dispatchEvent(dispatchName, context) {
+        this.listeners[dispatchName].forEach((callback) => {
+            callback({ detail: context });
+        });
+    }
+    dispatchError(error) {
+        this.dispatchEvent('error', {
+            error,
+        });
+    }
+    dispatchDownloadProgress(src, percent, downloaded, totalSize) {
+        this.dispatchEvent('progress', {
+            downloaded,
+            percent,
+            totalSize,
+            src,
+        });
+    }
+    dispatchDownload(src) {
+        this.dispatchEvent('download', {
+            src,
+        });
+    }
+}
+exports.OffthreadVideoServerEmitter = OffthreadVideoServerEmitter;

package/dist/open-browser.d.ts

@@ -1,20 +1,35 @@
 import type { Browser } from './browser';
-import type { Browser as PuppeteerBrowser } from './browser/Browser';
+import type { HeadlessBrowser } from './browser/Browser';
 import type { Viewport } from './browser/PuppeteerViewport';
 declare const validRenderers: readonly ["swangle", "angle", "egl", "swiftshader"];
-declare type OpenGlRenderer = typeof validRenderers[number];
-export declare type ChromiumOptions = {
+type OpenGlRenderer = typeof validRenderers[number];
+export type ChromiumOptions = {
     ignoreCertificateErrors?: boolean;
     disableWebSecurity?: boolean;
     gl?: OpenGlRenderer | null;
     headless?: boolean;
+    userAgent?: string | null;
 };
 export declare const killAllBrowsers: () => Promise<void>;
-export declare const openBrowser: (browser: Browser, options?: {
+type InternalOpenBrowserOptions = {
+    shouldDumpIo: boolean;
+    browserExecutable: string | null;
+    chromiumOptions: ChromiumOptions;
+    forceDeviceScaleFactor: number | undefined;
+    viewport: Viewport | null;
+    indent: boolean;
+    browser: Browser;
+};
+export type OpenBrowserOptions = {
     shouldDumpIo?: boolean;
     browserExecutable?: string | null;
     chromiumOptions?: ChromiumOptions;
     forceDeviceScaleFactor?: number;
-    viewport?: Viewport;
-}) => Promise<PuppeteerBrowser>;
+};
+export declare const internalOpenBrowser: ({ browser, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, shouldDumpIo, viewport, }: InternalOpenBrowserOptions) => Promise<HeadlessBrowser>;
+/**
+ * @description Opens a Chrome or Chromium browser instance.
+ * @see [Documentation](https://www.remotion.dev/docs/renderer/open-browser)
+ */
+export declare const openBrowser: (browser: Browser, options?: OpenBrowserOptions) => Promise<HeadlessBrowser>;
 export {};

package/dist/open-browser.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.openBrowser = exports.killAllBrowsers = void 0;
+exports.openBrowser = exports.internalOpenBrowser = exports.killAllBrowsers = void 0;
 const node_1 = require("./browser/node");
 const get_local_browser_executable_1 = require("./get-local-browser-executable");
 const get_video_threads_flag_1 = require("./get-video-threads-flag");
@@ -21,24 +21,25 @@ const browserInstances = [];
 const killAllBrowsers = async () => {
     for (const browser of browserInstances) {
         try {
-            await browser.close();
+            await browser.close(true);
         }
         catch (err) { }
     }
 };
 exports.killAllBrowsers = killAllBrowsers;
-const openBrowser = async (browser, options) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+const internalOpenBrowser = async ({ browser, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, shouldDumpIo, viewport, }) => {
+    var _a, _b;
     if (browser === 'firefox') {
         throw new TypeError('Firefox supported is not yet turned on. Stay tuned for the future.');
     }
-    await (0, get_local_browser_executable_1.ensureLocalBrowser)(browser, (_a = options === null || options === void 0 ? void 0 : options.browserExecutable) !== null && _a !== void 0 ? _a : null);
-    const executablePath = (0, get_local_browser_executable_1.getLocalBrowserExecutable)(browser, (_b = options === null || options === void 0 ? void 0 : options.browserExecutable) !== null && _b !== void 0 ? _b : null);
-    const customGlRenderer = getOpenGlRenderer((_d = (_c = options === null || options === void 0 ? void 0 : options.chromiumOptions) === null || _c === void 0 ? void 0 : _c.gl) !== null && _d !== void 0 ? _d : null);
+    await (0, get_local_browser_executable_1.ensureLocalBrowser)(browser, browserExecutable);
+    const executablePath = (0, get_local_browser_executable_1.getLocalBrowserExecutable)(browser, browserExecutable);
+    const customGlRenderer = getOpenGlRenderer((_a = chromiumOptions.gl) !== null && _a !== void 0 ? _a : null);
     const browserInstance = await node_1.puppeteer.launch({
         executablePath,
         product: browser,
-        dumpio: (_e = options === null || options === void 0 ? void 0 : options.shouldDumpIo) !== null && _e !== void 0 ? _e : false,
+        dumpio: shouldDumpIo,
+        indent,
         args: [
             'about:blank',
             '--allow-pre-commit-input',
@@ -51,11 +52,11 @@ const openBrowser = async (browser, options) => {
             '--disable-component-extensions-with-background-pages',
             '--disable-default-apps',
             '--disable-dev-shm-usage',
-            '--disable-extensions',
             '--no-proxy-server',
             "--proxy-server='direct://'",
             '--proxy-bypass-list=*',
             '--disable-hang-monitor',
+            '--disable-extensions',
             '--disable-ipc-flooding-protection',
             '--disable-popup-blocking',
             '--disable-prompt-on-repost',
@@ -71,7 +72,7 @@ const openBrowser = async (browser, options) => {
             '--enable-blink-features=IdleDetection',
             '--export-tagged-pdf',
             '--intensive-wake-up-throttling-policy=0',
-            ((_g = (_f = options === null || options === void 0 ? void 0 : options.chromiumOptions) === null || _f === void 0 ? void 0 : _f.headless) !== null && _g !== void 0 ? _g : true) ? '--headless' : null,
+            ((_b = chromiumOptions.headless) !== null && _b !== void 0 ? _b : true) ? '--headless' : null,
             '--no-sandbox',
             '--disable-setuid-sandbox',
             ...customGlRenderer,
@@ -89,17 +90,20 @@ const openBrowser = async (browser, options) => {
             '--no-pings',
             '--font-render-hinting=none',
             '--no-zygote',
-            (options === null || options === void 0 ? void 0 : options.forceDeviceScaleFactor)
-                ? `--force-device-scale-factor=${options.forceDeviceScaleFactor}`
-                : null,
-            ((_h = options === null || options === void 0 ? void 0 : options.chromiumOptions) === null || _h === void 0 ? void 0 : _h.ignoreCertificateErrors)
+            typeof forceDeviceScaleFactor === 'undefined'
+                ? null
+                : `--force-device-scale-factor=${forceDeviceScaleFactor}`,
+            chromiumOptions.ignoreCertificateErrors
                 ? '--ignore-certificate-errors'
                 : null,
-            ...(((_j = options === null || options === void 0 ? void 0 : options.chromiumOptions) === null || _j === void 0 ? void 0 : _j.disableWebSecurity)
+            ...((chromiumOptions === null || chromiumOptions === void 0 ? void 0 : chromiumOptions.disableWebSecurity)
                 ? ['--disable-web-security']
                 : []),
+            (chromiumOptions === null || chromiumOptions === void 0 ? void 0 : chromiumOptions.userAgent)
+                ? `--user-agent="${chromiumOptions.userAgent}"`
+                : null,
         ].filter(Boolean),
-        defaultViewport: (_k = options === null || options === void 0 ? void 0 : options.viewport) !== null && _k !== void 0 ? _k : {
+        defaultViewport: viewport !== null && viewport !== void 0 ? viewport : {
             height: 720,
             width: 1280,
             deviceScaleFactor: 1,
@@ -110,4 +114,21 @@ const openBrowser = async (browser, options) => {
     browserInstances.push(browserInstance);
     return browserInstance;
 };
+exports.internalOpenBrowser = internalOpenBrowser;
+/**
+ * @description Opens a Chrome or Chromium browser instance.
+ * @see [Documentation](https://www.remotion.dev/docs/renderer/open-browser)
+ */
+const openBrowser = (browser, options) => {
+    const { browserExecutable, chromiumOptions, forceDeviceScaleFactor, shouldDumpIo, } = options !== null && options !== void 0 ? options : {};
+    return (0, exports.internalOpenBrowser)({
+        browser,
+        browserExecutable: browserExecutable !== null && browserExecutable !== void 0 ? browserExecutable : null,
+        chromiumOptions: chromiumOptions !== null && chromiumOptions !== void 0 ? chromiumOptions : {},
+        forceDeviceScaleFactor,
+        indent: false,
+        shouldDumpIo: shouldDumpIo !== null && shouldDumpIo !== void 0 ? shouldDumpIo : false,
+        viewport: null,
+    });
+};
 exports.openBrowser = openBrowser;

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

@@ -0,0 +1,2 @@
+import type { RemotionOption } from './option';
+export declare const audioBitrateOption: RemotionOption;

package/dist/options/audio-bitrate.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.audioBitrateOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+exports.audioBitrateOption = {
+    name: 'Audio Bitrate',
+    cliFlag: '--audio-bitrate',
+    description: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Specify the target bitrate for the generated video. The syntax for FFMPEGs", (0, jsx_runtime_1.jsx)("code", { children: "-b:a" }), " parameter should be used. FFMPEG may encode the video in a way that will not result in the exact audio bitrate specified. Example values: ", (0, jsx_runtime_1.jsx)("code", { children: "512K" }), " for 512 kbps, ", (0, jsx_runtime_1.jsx)("code", { children: "1M" }), " for 1 Mbps. Default: ", (0, jsx_runtime_1.jsx)("code", { children: "320k" })] })),
+    ssrName: 'audioBitrate',
+    docLink: 'https://www.remotion.dev/docs/renderer/render-media#audiobitrate-',
+};

package/dist/options/crf.d.ts

@@ -0,0 +1,2 @@
+import type { RemotionOption } from './option';
+export declare const crfOption: RemotionOption;

package/dist/options/crf.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.crfOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+exports.crfOption = {
+    name: 'CRF',
+    cliFlag: '--crf',
+    description: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "No matter which codec you end up using, there's always a tradeoff between file size and video quality. You can control it by setting the so called CRF (Constant Rate Factor). The lower the number, the better the quality, the higher the number, the smaller the file is \u2013 of course at the cost of quality." })),
+    ssrName: 'crf',
+    docLink: 'https://www.remotion.dev/docs/encoding/#controlling-quality-using-the-crf-setting',
+};

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

@@ -0,0 +1,2 @@
+import type { RemotionOption } from './option';
+export declare const enforceAudioOption: RemotionOption;

package/dist/options/enforce-audio.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.enforceAudioOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+exports.enforceAudioOption = {
+    name: 'Enforce Audio Track',
+    cliFlag: '--enforce-audio-track',
+    description: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Render a silent audio track if there would be none otherwise." })),
+    ssrName: 'enforceAudioTrack',
+    docLink: 'https://www.remotion.dev/docs/config#setenforceaudiotrack-',
+};

package/dist/options/jpeg-quality.d.ts

@@ -0,0 +1,2 @@
+import type { RemotionOption } from './option';
+export declare const jpegQualityOption: RemotionOption;

package/dist/options/jpeg-quality.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.jpegQualityOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+exports.jpegQualityOption = {
+    name: 'JPEG Quality',
+    cliFlag: '--jpeg-quality',
+    description: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Sets the quality of the generated JPEG images. Must be an integer between 0 and 100. Default: 80." })),
+    ssrName: 'jpegQuality',
+    docLink: 'https://www.remotion.dev/docs/renderer/render-media#jpeg-quality',
+};

package/dist/options/mute.d.ts

@@ -0,0 +1,2 @@
+import type { RemotionOption } from './option';
+export declare const muteOption: RemotionOption;

package/dist/options/mute.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.muteOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+exports.muteOption = {
+    name: 'Muted',
+    cliFlag: '--muted',
+    description: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "The Audio of the video will be omitted." }),
+    ssrName: 'muted',
+    docLink: 'https://www.remotion.dev/docs/using-audio/#muted-property',
+};

package/dist/options/option.d.ts

@@ -0,0 +1,8 @@
+import type React from 'react';
+export type RemotionOption = {
+    name: string;
+    cliFlag: string;
+    ssrName: string;
+    description: React.ReactNode;
+    docLink: string;
+};

package/dist/options/option.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/options/scale.d.ts

@@ -0,0 +1,2 @@
+import type { RemotionOption } from './option';
+export declare const scaleOption: RemotionOption;

package/dist/options/scale.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.scaleOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+exports.scaleOption = {
+    name: 'Scale',
+    cliFlag: '--scale',
+    description: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Scales the output by a factor. For example, a 1280x720px frame will become a 1920x1080px frame with a scale factor of ", (0, jsx_runtime_1.jsx)("code", { children: "1.5" }), ". Vector elements like fonts and HTML markups will be rendered with extra details."] })),
+    ssrName: 'scale',
+    docLink: 'https://www.remotion.dev/docs/scaling',
+};

package/dist/options/video-bitrate.d.ts

@@ -0,0 +1,2 @@
+import type { RemotionOption } from './option';
+export declare const videoBitrate: RemotionOption;

package/dist/options/video-bitrate.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.videoBitrate = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+exports.videoBitrate = {
+    name: 'Video Bitrate',
+    cliFlag: '--video-bitrate',
+    description: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Specify the target bitrate for the generated video. The syntax for FFMPEGs", (0, jsx_runtime_1.jsx)("code", { children: "-b:v" }), " parameter should be used. FFMPEG may encode the video in a way that will not result in the exact video bitrate specified. Example values: ", (0, jsx_runtime_1.jsx)("code", { children: "512K" }), " for 512 kbps, ", (0, jsx_runtime_1.jsx)("code", { children: "1M" }), " for 1 Mbps."] })),
+    ssrName: 'videoBitrate',
+    docLink: 'https://www.remotion.dev/docs/renderer/render-media#videobitrate-',
+};

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

@@ -0,0 +1,2 @@
+import type { RemotionOption } from './option';
+export declare const videoCodecOption: RemotionOption;

package/dist/options/video-codec.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.videoCodecOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+exports.videoCodecOption = {
+    name: 'Codec',
+    cliFlag: '--codec',
+    description: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "H264 works well in most cases, sometimes it's worth going for a different codec. WebM achieves higher compression but is slower to render. WebM and ProRes support transparency." })),
+    ssrName: 'codec',
+    docLink: 'https://www.remotion.dev/docs/encoding/#choosing-a-codec',
+};

package/dist/parse-browser-error-stack.d.ts

@@ -1,4 +1,4 @@
-export declare type UnsymbolicatedStackFrame = {
+export type UnsymbolicatedStackFrame = {
     functionName: string | null;
     fileName: string;
     lineNumber: number;

package/dist/perf.d.ts

@@ -1,5 +1,5 @@
-declare type PerfId = 'activate-target' | 'capture' | 'save' | 'extract-frame' | 'piping';
+type PerfId = 'activate-target' | 'capture' | 'save' | 'extract-frame' | 'piping';
 export declare const startPerfMeasure: (marker: PerfId) => number;
 export declare const stopPerfMeasure: (id: number) => void;
-export declare const logPerf: () => void;
+export declare const getPerf: () => string[];
 export {};

package/dist/perf.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.logPerf = exports.stopPerfMeasure = exports.startPerfMeasure = void 0;
+exports.getPerf = exports.stopPerfMeasure = exports.startPerfMeasure = void 0;
 const perf = {
     'activate-target': [],
     capture: [],
@@ -26,10 +26,12 @@ const stopPerfMeasure = (id) => {
     delete map[id];
 };
 exports.stopPerfMeasure = stopPerfMeasure;
-const logPerf = () => {
-    console.log('Render performance:');
-    Object.keys(perf).forEach((p) => {
-        console.log(`  ${p} => ${perf[p].reduce((a, b) => a + b, 0) / perf[p].length} (n = ${perf[p].length})`);
-    });
+const getPerf = () => {
+    return [
+        'Render performance:',
+        ...Object.keys(perf).map((p) => {
+            return `  ${p} => ${perf[p].reduce((a, b) => a + b, 0) / perf[p].length} (n = ${perf[p].length})`;
+        }),
+    ];
 };
-exports.logPerf = logPerf;
+exports.getPerf = getPerf;

package/dist/pixel-format.d.ts

@@ -1,5 +1,5 @@
 import type { Codec } from './codec';
 export declare const validPixelFormats: readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"];
-export declare type PixelFormat = typeof validPixelFormats[number];
+export type PixelFormat = typeof validPixelFormats[number];
 export declare const DEFAULT_PIXEL_FORMAT: PixelFormat;
-export declare const validateSelectedPixelFormatAndCodecCombination: (pixelFormat: PixelFormat, codec: Codec) => void;
+export declare const validateSelectedPixelFormatAndCodecCombination: (pixelFormat: PixelFormat | undefined, codec: Codec) => undefined;