@revideo/renderer 0.3.7-alpha.975 → 0.3.7-beta.987

package/lib/client/FFmpegExporterClient.d.ts

@@ -0,0 +1,46 @@
+import type { AssetInfo, MetaField, Project, RendererResult, RendererSettings } from '@revideo/core';
+import { Exporter } from '@revideo/core';
+/**
+ * FFmpeg video exporter.
+ *
+ * @remarks
+ * Most of the export logic is handled on the server. This class communicates
+ * with the FFmpegBridge through a WebSocket connection which lets it invoke
+ * methods on the FFmpegExporterServer class.
+ *
+ * For example, calling the following method:
+ * ```ts
+ * async this.invoke('process', 7);
+ * ```
+ * Will invoke the `process` method on the FFmpegExporterServer class with `7`
+ * as the argument. The result of the method will be returned as a Promise.
+ *
+ * Before any methods can be invoked, the FFmpegExporterServer class must be
+ * initialized by invoking `start`.
+ */
+export declare class FFmpegExporterClient implements Exporter {
+    private readonly project;
+    private readonly settings;
+    static readonly id = "@revideo/renderer/ffmpeg";
+    static readonly displayName = "Video (FFmpeg)";
+    static meta(project: Project): MetaField<any>;
+    static create(project: Project, settings: RendererSettings): Promise<FFmpegExporterClient>;
+    private static readonly response;
+    constructor(project: Project, settings: RendererSettings);
+    start(): Promise<void>;
+    handleFrame(canvas: HTMLCanvasElement): Promise<void>;
+    private blobToDataUrl;
+    stop(result: RendererResult): Promise<void>;
+    kill(): Promise<void>;
+    generateAudio(assets: AssetInfo[][], startFrame: number, endFrame: number): Promise<void>;
+    mergeMedia(): Promise<void>;
+    /**
+     * Remotely invoke a method on the server and wait for a response.
+     *
+     * @param method - The method name to execute on the server.
+     * @param data - The data that will be passed as an argument to the method.
+     *               Should be serializable.
+     */
+    private invoke;
+}
+//# sourceMappingURL=FFmpegExporterClient.d.ts.map

package/lib/client/FFmpegExporterClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FFmpegExporterClient.d.ts","sourceRoot":"","sources":["../../client/FFmpegExporterClient.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,OAAO,EACP,cAAc,EACd,gBAAgB,EACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAGL,QAAQ,EAGT,MAAM,eAAe,CAAC;AAkBvB;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAAa,oBAAqB,YAAW,QAAQ;IA6BjD,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,QAAQ;IA7B3B,gBAAuB,EAAE,8BAA8B;IACvD,gBAAuB,WAAW,oBAAoB;WAExC,IAAI,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC;WAShC,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB;IAIvE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAyC;gBAYtD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,gBAAgB;IAGhC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAWtB,WAAW,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;YAepD,aAAa;IASd,IAAI,CAAC,MAAM,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;IAI3C,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAIrB,aAAa,CACxB,MAAM,EAAE,SAAS,EAAE,EAAE,EACrB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,IAAI,CAAC;IAIH,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAIxC;;;;;;OAMG;IACH,OAAO,CAAC,MAAM;CA6Bf"}

package/lib/client/FFmpegExporterClient.js

@@ -0,0 +1,118 @@
+var _a;
+import { BoolMetaField, EventDispatcher, ObjectMetaField, } from '@revideo/core';
+/**
+ * FFmpeg video exporter.
+ *
+ * @remarks
+ * Most of the export logic is handled on the server. This class communicates
+ * with the FFmpegBridge through a WebSocket connection which lets it invoke
+ * methods on the FFmpegExporterServer class.
+ *
+ * For example, calling the following method:
+ * ```ts
+ * async this.invoke('process', 7);
+ * ```
+ * Will invoke the `process` method on the FFmpegExporterServer class with `7`
+ * as the argument. The result of the method will be returned as a Promise.
+ *
+ * Before any methods can be invoked, the FFmpegExporterServer class must be
+ * initialized by invoking `start`.
+ */
+export class FFmpegExporterClient {
+    static meta(project) {
+        return new ObjectMetaField(this.displayName, {
+            fastStart: new BoolMetaField('fast start', true),
+            includeAudio: new BoolMetaField('include audio', true).disable(!project.audio),
+        });
+    }
+    static async create(project, settings) {
+        return new _a(project, settings);
+    }
+    constructor(project, settings) {
+        this.project = project;
+        this.settings = settings;
+    }
+    async start() {
+        const options = this.settings.exporter.options;
+        await this.invoke('start', {
+            ...this.settings,
+            ...options,
+            audio: this.project.audio,
+            audioOffset: this.project.meta.shared.audioOffset.get() - this.settings.range[0],
+        });
+    }
+    async handleFrame(canvas) {
+        const blob = await new Promise(resolve => canvas.toBlob(resolve, 'image/jpeg'));
+        if (!blob) {
+            throw Error('Failed to convert canvas to Blob.');
+        }
+        const dataUrl = await this.blobToDataUrl(blob);
+        await this.invoke('handleFrame', {
+            data: dataUrl,
+        });
+    }
+    async blobToDataUrl(blob) {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onloadend = () => resolve(reader.result);
+            reader.onerror = reject;
+            reader.readAsDataURL(blob);
+        });
+    }
+    async stop(result) {
+        await this.invoke('end', result);
+    }
+    async kill() {
+        await this.invoke('kill', {});
+    }
+    async generateAudio(assets, startFrame, endFrame) {
+        await this.invoke('generateAudio', { assets, startFrame, endFrame });
+    }
+    async mergeMedia() {
+        await this.invoke('mergeMedia', {});
+    }
+    /**
+     * Remotely invoke a method on the server and wait for a response.
+     *
+     * @param method - The method name to execute on the server.
+     * @param data - The data that will be passed as an argument to the method.
+     *               Should be serializable.
+     */
+    invoke(method, data) {
+        if (import.meta.hot) {
+            return new Promise((resolve, reject) => {
+                const handle = (response) => {
+                    if (response.method !== method) {
+                        return;
+                    }
+                    _a.response.unsubscribe(handle);
+                    if (response.status === 'success') {
+                        resolve(response.data);
+                    }
+                    else {
+                        reject({
+                            message: `An error occurred while exporting the video: ${response.message}`,
+                            remarks: `Method: ${method}<br>Server error: ${response.message}`,
+                            object: data,
+                        });
+                    }
+                };
+                _a.response.subscribe(handle);
+                import.meta.hot.send('revideo:ffmpeg-exporter', { method, data });
+            });
+        }
+        else {
+            throw new Error('FFmpegExporter can only be used locally.');
+        }
+    }
+}
+_a = FFmpegExporterClient;
+FFmpegExporterClient.id = '@revideo/renderer/ffmpeg';
+FFmpegExporterClient.displayName = 'Video (FFmpeg)';
+FFmpegExporterClient.response = new EventDispatcher();
+(() => {
+    if (import.meta.hot) {
+        import.meta.hot.on(`revideo:ffmpeg-exporter-ack`, (response) => _a.response.dispatch(response));
+    }
+})();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRkZtcGVnRXhwb3J0ZXJDbGllbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jbGllbnQvRkZtcGVnRXhwb3J0ZXJDbGllbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQU9BLE9BQU8sRUFDTCxhQUFhLEVBQ2IsZUFBZSxFQUVmLGVBQWUsR0FFaEIsTUFBTSxlQUFlLENBQUM7QUFrQnZCOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILE1BQU0sT0FBTyxvQkFBb0I7SUFJeEIsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFnQjtRQUNqQyxPQUFPLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDM0MsU0FBUyxFQUFFLElBQUksYUFBYSxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUM7WUFDaEQsWUFBWSxFQUFFLElBQUksYUFBYSxDQUFDLGVBQWUsRUFBRSxJQUFJLENBQUMsQ0FBQyxPQUFPLENBQzVELENBQUMsT0FBTyxDQUFDLEtBQUssQ0FDZjtTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTSxNQUFNLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFnQixFQUFFLFFBQTBCO1FBQ3JFLE9BQU8sSUFBSSxFQUFvQixDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBYUQsWUFDbUIsT0FBZ0IsRUFDaEIsUUFBMEI7UUFEMUIsWUFBTyxHQUFQLE9BQU8sQ0FBUztRQUNoQixhQUFRLEdBQVIsUUFBUSxDQUFrQjtJQUMxQyxDQUFDO0lBRUcsS0FBSyxDQUFDLEtBQUs7UUFDaEIsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsT0FBZ0MsQ0FBQztRQUN4RSxNQUFNLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFO1lBQ3pCLEdBQUcsSUFBSSxDQUFDLFFBQVE7WUFDaEIsR0FBRyxPQUFPO1lBQ1YsS0FBSyxFQUFFLElBQUksQ0FBQyxPQUFPLENB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

package/lib/client/ffpmeg.d.ts

@@ -0,0 +1,3 @@
+declare const _default: () => import("@revideo/core").Plugin;
+export default _default;
+//# sourceMappingURL=ffpmeg.d.ts.map

package/lib/client/ffpmeg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ffpmeg.d.ts","sourceRoot":"","sources":["../../client/ffpmeg.ts"],"names":[],"mappings":";AAIA,wBAKG"}

package/lib/client/ffpmeg.js

@@ -0,0 +1,9 @@
+import { makePlugin } from '@revideo/core';
+import { FFmpegExporterClient } from './FFmpegExporterClient';
+export default makePlugin({
+    name: 'ffmpeg-plugin',
+    exporters() {
+        return [FFmpegExporterClient];
+    },
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmZwbWVnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vY2xpZW50L2ZmcG1lZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBRTVELGVBQWUsVUFBVSxDQUFDO0lBQ3hCLElBQUksRUFBRSxlQUFlO0lBQ3JCLFNBQVM7UUFDUCxPQUFPLENBQUMsb0JBQW9CLENBQUMsQ0FBQztJQUNoQyxDQUFDO0NBQ0YsQ0FBQyxDQUFDIn0=

package/lib/client/index.d.ts

@@ -0,0 +1,3 @@
+declare const _default: () => import("@revideo/core").Plugin;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/client/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../client/index.ts"],"names":[],"mappings":";AAIA,wBAKG"}

package/lib/client/index.js

@@ -0,0 +1,9 @@
+import { makePlugin } from '@revideo/core';
+import { FFmpegExporterClient } from './FFmpegExporterClient';
+export default makePlugin({
+    name: 'ffmpeg-plugin',
+    exporters() {
+        return [FFmpegExporterClient];
+    },
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jbGllbnQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUMsb0JBQW9CLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUU1RCxlQUFlLFVBQVUsQ0FBQztJQUN4QixJQUFJLEVBQUUsZUFBZTtJQUNyQixTQUFTO1FBQ1AsT0FBTyxDQUFDLG9CQUFvQixDQUFDLENBQUM7SUFDaEMsQ0FBQztDQUNGLENBQUMsQ0FBQyJ9

package/lib/index.js

@@ -0,0 +1,5 @@
+Object.defineProperty(exports, '__esModule', {value: !0});
+const e = require('tslib');
+e.__exportStar(require('./main'), exports),
+  e.__exportStar(require('./plugin'), exports);
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../server/index.ts"],"sourcesContent":[null],"names":["tslib_1","__exportStar","require","exports"],"mappings":"gFAMAA,EAAuBC,aAAAC,QAAA,UAAAC,SACvBH,EAAyBC,aAAAC,QAAA,YAAAC"}

package/lib/server/RendererPlugin.d.ts

@@ -0,0 +1,3 @@
+import { Plugin } from 'vite';
+export declare function rendererPlugin(params?: Record<string, unknown>): Plugin;
+//# sourceMappingURL=RendererPlugin.d.ts.map

package/lib/server/RendererPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RendererPlugin.d.ts","sourceRoot":"","sources":["../../server/RendererPlugin.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,EAAC,MAAM,MAAM,CAAC;AAU5B,wBAAgB,cAAc,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAsCvE"}

package/lib/server/RendererPlugin.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rendererPlugin = void 0;
+const fs = require("fs");
+const path = require("path");
+const RendererPath = path.resolve(__dirname, '../renderer.html');
+const Content = fs.readFileSync(RendererPath, 'utf-8');
+const HtmlParts = Content.toString().split('{{source}}');
+function createHtml(src) {
+    return HtmlParts[0] + src + HtmlParts[1];
+}
+function rendererPlugin(params) {
+    return {
+        name: 'revideo-renderer-plugin',
+        async load(id) {
+            if (id.startsWith('\x00virtual:renderer')) {
+                return `\
+            import {render} from '@revideo/renderer/lib/client/render';
+            import project from './src/project.ts?project';
+
+            // Read video variables
+            project.variables = ${params ? `JSON.parse(\`${JSON.stringify(params)}\`)` : 'project.variables'};
+
+            // Check range of frames to render
+            const url = new URL(window.location.href);
+
+            const fileName = url.searchParams.get('fileName');
+            const workerId = url.searchParams.get('workerId');
+            const totalNumOfWorkers = url.searchParams.get('totalNumOfWorkers');
+            const startInSeconds = parseFloat(url.searchParams.get('startInSeconds'));
+            const endInSeconds = parseFloat(url.searchParams.get('endInSeconds'));
+            const hiddenFolderId = url.searchParams.get('hiddenFolderId');
+
+            // Overwrite project name so that the rendered videos don't overwrite each other
+            project.name = fileName;
+
+            render(project, workerId, totalNumOfWorkers, startInSeconds, endInSeconds, hiddenFolderId);
+            `;
+            }
+        },
+        configureServer(server) {
+            server.middlewares.use('/render', (_req, res) => {
+                res.setHeader('Content-Type', 'text/html');
+                res.end(createHtml(`/@id/__x00__virtual:renderer`));
+            });
+        },
+    };
+}
+exports.rendererPlugin = rendererPlugin;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVuZGVyZXJQbHVnaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zZXJ2ZXIvUmVuZGVyZXJQbHVnaW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEseUJBQXlCO0FBQ3pCLDZCQUE2QjtBQUc3QixNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxrQkFBa0IsQ0FBQyxDQUFDO0FBQ2pFLE1BQU0sT0FBTyxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUMsWUFBWSxFQUFFLE9BQU8sQ0FBQyxDQUFDO0FBQ3ZELE1BQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUM7QUFFekQsU0FBUyxVQUFVLENBQUMsR0FBVztJQUM3QixPQUFPLFNBQVMsQ0FBQyxDQUFDLENBQUMsR0FBRyxHQUFHLEdBQUcsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQzNDLENBQUM7QUFFRCxTQUFnQixjQUFjLENBQUMsTUFBZ0M7SUFDN0QsT0FBTztRQUNMLElBQUksRUFBRSx5QkFBeUI7UUFFL0IsS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ1gsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLHNCQUFzQixDQUFDLEVBQUUsQ0FBQztnQkFDMUMsT0FBTzs7Ozs7a0NBS21CLE1BQU0sQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsbUJBQW1COzs7Ozs7Ozs7Ozs7Ozs7O2FBZ0IvRixDQUFDO1lBQ1IsQ0FBQztRQUNILENBQUM7UUFFRCxlQUFlLENBQUMsTUFBTTtZQUNwQixNQUFNLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxJQUFJLEVBQUUsR0FBRyxFQUFFLEVBQUU7Z0JBQzlDLEdBQUcsQ0FBQyxTQUFTLENBQUMsY0FBYyxFQUFFLFdBQVcsQ0FBQyxDQUFDO2dCQUMzQyxHQUFHLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyw4QkFBOEIsQ0FBQyxDQUFDLENBQUM7WUFDdEQsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDO0tBQ0YsQ0FBQztBQUNKLENBQUM7QUF0Q0Qsd0NBc0NDIn0=

package/lib/server/ffmpeg/FFmpegBridge.d.ts

@@ -0,0 +1,22 @@
+import { PluginConfig } from '@revideo/vite-plugin/lib/plugins';
+import type { WebSocketServer } from 'vite';
+/**
+ * A simple bridge between the FFmpegExporterServer and FFmpegExporterClient.
+ *
+ * @remarks
+ * This class lets the client exporter invoke methods on the server and receive
+ * responses using a simple Promise-based API.
+ */
+export declare class FFmpegBridge {
+    private readonly ws;
+    private readonly config;
+    private process;
+    constructor(ws: WebSocketServer, config: PluginConfig);
+    private handleMessage;
+    private respondSuccess;
+    private respondError;
+    private videoFrameExtractors;
+    private handleVideoFrameMessage;
+    private handleRenderFinished;
+}
+//# sourceMappingURL=FFmpegBridge.d.ts.map

package/lib/server/ffmpeg/FFmpegBridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FFmpegBridge.d.ts","sourceRoot":"","sources":["../../../server/ffmpeg/FFmpegBridge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,MAAM,CAAC;AAY1C;;;;;;GAMG;AACH,qBAAa,YAAY;IAIrB,OAAO,CAAC,QAAQ,CAAC,EAAE;IACnB,OAAO,CAAC,QAAQ,CAAC,MAAM;IAJzB,OAAO,CAAC,OAAO,CAAqC;gBAGjC,EAAE,EAAE,eAAe,EACnB,MAAM,EAAE,YAAY;IAOvC,OAAO,CAAC,aAAa,CAkCnB;IAEF,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,oBAAoB,CAA0C;IAEtE,OAAO,CAAC,uBAAuB,CAgC7B;IAEF,OAAO,CAAC,oBAAoB,CAG1B;CACH"}

package/lib/server/ffmpeg/FFmpegBridge.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FFmpegBridge = void 0;
+const FFmpegExporterServer_1 = require("./FFmpegExporterServer");
+const VideoFrameExtractor_1 = require("./VideoFrameExtractor");
+/**
+ * A simple bridge between the FFmpegExporterServer and FFmpegExporterClient.
+ *
+ * @remarks
+ * This class lets the client exporter invoke methods on the server and receive
+ * responses using a simple Promise-based API.
+ */
+class FFmpegBridge {
+    constructor(ws, config) {
+        this.ws = ws;
+        this.config = config;
+        this.process = null;
+        this.handleMessage = async ({ method, data }) => {
+            if (method === 'start') {
+                try {
+                    this.process = new FFmpegExporterServer_1.FFmpegExporterServer(data, this.config);
+                    this.respondSuccess(method, await this.process.start());
+                }
+                catch (e) {
+                    this.respondError(method, e?.message);
+                }
+                return;
+            }
+            if (!this.process) {
+                this.respondError(method, 'The exporting process has not been started.');
+                return;
+            }
+            if (!(method in this.process)) {
+                this.respondError(method, `Unknown method: "${method}".`);
+                return;
+            }
+            try {
+                this.respondSuccess(method, await this.process[method](data));
+            }
+            catch (e) {
+                this.respondError(method, e?.message);
+            }
+            if (method === 'kill') {
+                this.process = null;
+                return;
+            }
+        };
+        // List of VideoFrameExtractors
+        this.videoFrameExtractors = new Map();
+        this.handleVideoFrameMessage = async ({ data }) => {
+            const typedData = data;
+            // Check if we already have a VideoFrameExtractor for this video
+            const id = typedData.filePath + '-' + typedData.id;
+            let extractor = this.videoFrameExtractors.get(id);
+            if (!extractor) {
+                extractor = new VideoFrameExtractor_1.VideoFrameExtractor(typedData.filePath, typedData.startTime, typedData.fps, typedData.duration);
+                this.videoFrameExtractors.set(id, extractor);
+            }
+            // Go to the frame that is closest to the requested time
+            const frame = await extractor.popImage();
+            this.ws.send('revideo:ffmpeg-video-frame-res', {
+                status: 'success',
+                data: {
+                    frame,
+                },
+            });
+        };
+        this.handleRenderFinished = async () => {
+            this.videoFrameExtractors.forEach(extractor => extractor.destroy());
+            this.videoFrameExtractors.clear();
+        };
+        ws.on('revideo:ffmpeg-exporter', this.handleMessage);
+        ws.on('revideo:ffmpeg-video-frame', this.handleVideoFrameMessage);
+        ws.on('revideo:render-finished', this.handleRenderFinished);
+    }
+    respondSuccess(method, data = {}) {
+        this.ws.send('revideo:ffmpeg-exporter-ack', {
+            status: 'success',
+            method,
+            data,
+        });
+    }
+    respondError(method, message = 'Unknown error.') {
+        this.ws.send('revideo:ffmpeg-exporter-ack', {
+            status: 'error',
+            method,
+            message,
+        });
+    }
+}
+exports.FFmpegBridge = FFmpegBridge;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRkZtcGVnQnJpZGdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc2VydmVyL2ZmbXBlZy9GRm1wZWdCcmlkZ2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBRUEsaUVBR2dDO0FBQ2hDLCtEQUEwRDtBQU8xRDs7Ozs7O0dBTUc7QUFDSCxNQUFhLFlBQVk7SUFHdkIsWUFDbUIsRUFBbUIsRUFDbkIsTUFBb0I7UUFEcEIsT0FBRSxHQUFGLEVBQUUsQ0FBaUI7UUFDbkIsV0FBTSxHQUFOLE1BQU0sQ0FBYztRQUovQixZQUFPLEdBQWdDLElBQUksQ0FBQztRQVc1QyxrQkFBYSxHQUFHLEtBQUssRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQWlCLEVBQUUsRUFBRTtZQUMvRCxJQUFJLE1BQU0sS0FBSyxPQUFPLEVBQUUsQ0FBQztnQkFDdkIsSUFBSSxDQUFDO29CQUNILElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSwyQ0FBb0IsQ0FDckMsSUFBOEIsRUFDOUIsSUFBSSxDQUFDLE1BQU0sQ0FDWixDQUFDO29CQUNGLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxFQUFFLE1BQU0sSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO2dCQUMxRCxDQUFDO2dCQUFDLE9BQU8sQ0FBTSxFQUFFLENBQUM7b0JBQ2hCLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxPQUFPLENBQUMsQ0FBQztnQkFDeEMsQ0FBQztnQkFDRCxPQUFPO1lBQ1QsQ0FBQztZQUVELElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7Z0JBQ2xCLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxFQUFFLDZDQUE2QyxDQUFDLENBQUM7Z0JBQ3pFLE9BQU87WUFDVCxDQUFDO1lBRUQsSUFBSSxDQUFDLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO2dCQUM5QixJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sRUFBRSxvQkFBb0IsTUFBTSxJQUFJLENBQUMsQ0FBQztnQkFDMUQsT0FBTztZQUNULENBQUM7WUFFRCxJQUFJLENBQUM7Z0JBQ0gsSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLEVBQUUsTUFBTyxJQUFJLENBQUMsT0FBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7WUFDekUsQ0FBQztZQUFDLE9BQU8sQ0FBTSxFQUFFLENBQUM7Z0JBQ2hCLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxPQUFPLENBQUMsQ0FBQztZQUN4QyxDQUFDO1lBRUQsSUFBSSxNQUFNLEtBQUssTUFBTSxFQUFFLENBQUM7Z0JBQ3RCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO2dCQUNwQixPQUFPO1lBQ1QsQ0FBQztRQUNILENBQUMsQ0FBQztRQWtCRiwrQkFBK0I7UUFDdkIseUJBQW9CLEdBQUcsSUFBSSxHQUFHLEVBQStCLENBQUM7UUFFOUQsNEJBQXVCLEdBQUcsS0FBSyxFQUFFLEVBQUMsSUFBSSxFQUFpQixFQUFFLEVBQUU7WUFDakUsTUFBTSxTQUFTLEdBQUcsSUFNakIsQ0FBQztZQUVGLGdFQUFnRTtZQUNoRSxNQUFNLEVBQUUsR0FBRyxTQUFTLENBQUMsUUFBUSxHQUFHLEdBQUcsR0FBRyxTQUFTLENBQUMsRUFBRSxDQUFDO1lBQ25ELElBQUksU0FBUyxHQUFHLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUM7WUFFbEQsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO2dCQUNmLFNBQVMsR0FBRyxJQUFJLHlDQUFtQixDQUNqQyxTQUFTLENBQUMsUUFBUSxFQUNsQixTQUFTLENBQUMsU0FBUyxFQUNuQixTQUFTLENBQUMsR0FBRyxFQUNiLFNBQVMsQ0FBQyxRQUFRLENBQ25CLENBQUM7Z0JBQ0YsSUFBSSxDQUFDLG9CQUFvQixDQUFDLEdBQUcsQ0FBQyxFQUFFLEVBQUUsU0FBUyxDQUFDLENBQUM7WUFDL0MsQ0FBQztZQUVELHdEQUF3RDtZQUN4RCxNQUFNLEtBQUssR0FBRyxNQUFNLFNBQVMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUV6QyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxnQ0FBZ0MsRUFBRTtnQkFDN0MsTUFBTSxFQUFFLFNBQVM7Z0JBQ2pCLElBQUksRUFBRTtvQkFDSixLQUFLO2lCQUNOO2FBQ0YsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDO1FBRU0seUJBQW9CLEdBQUcsS0FBSyxJQUFJLEVBQUU7WUFDeEMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDO1lBQ3BFLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNwQyxDQUFDLENBQUM7UUFqR0EsRUFBRSxDQUFDLEVBQUUsQ0FBQyx5QkFBeUIsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDckQsRUFBRSxDQUFDLEVBQUUsQ0FBQyw0QkFBNEIsRUFBRSxJQUFJLENBQUMsdUJBQXVCLENBQUMsQ0FBQztRQUNsRSxFQUFFLENBQUMsRUFBRSxDQUFDLHlCQUF5QixFQUFFLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO0lBQzlELENBQUM7SUFzQ08sY0FBYyxDQUFDLE1BQWMsRUFBRSxPQUFZLEVBQUU7UUFDbkQsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsNkJBQTZCLEVBQUU7WUFDMUMsTUFBTSxFQUFFLFNBQVM7WUFDakIsTUFBTTtZQUNOLElBQUk7U0FDTCxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU8sWUFBWSxDQUFDLE1BQWMsRUFBRSxPQUFPLEdBQUcsZ0JBQWdCO1FBQzdELElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLDZCQUE2QixFQUFFO1lBQzFDLE1BQU0sRUFBRSxPQUFPO1lBQ2YsTUFBTTtZQUNOLE9BQU87U0FDUixDQUFDLENBQUM7SUFDTCxDQUFDO0NBMkNGO0FBekdELG9DQXlHQyJ9

package/lib/server/ffmpeg/FFmpegExporterServer.d.ts

@@ -0,0 +1,39 @@
+import type { AssetInfo, RendererResult, RendererSettings } from '@revideo/core/lib/app';
+import type { PluginConfig } from '@revideo/vite-plugin/lib/plugins';
+export declare function getCurrentVersion(): Promise<any>;
+export interface FFmpegExporterSettings extends RendererSettings {
+    audio?: string;
+    audioOffset?: number;
+    fastStart: boolean;
+    includeAudio: boolean;
+}
+/**
+ * The server-side implementation of the FFmpeg video exporter.
+ */
+export declare class FFmpegExporterServer {
+    private readonly config;
+    private readonly stream;
+    private readonly command;
+    private readonly promise;
+    private readonly settings;
+    private readonly jobFolder;
+    private readonly audioFilenames;
+    constructor(settings: FFmpegExporterSettings, config: PluginConfig);
+    start(): Promise<void>;
+    handleFrame({ data }: {
+        data: string;
+    }): Promise<void>;
+    generateAudio({ assets, startFrame, endFrame, }: {
+        assets: AssetInfo[][];
+        startFrame: number;
+        endFrame: number;
+    }): Promise<void>;
+    mergeMedia(): Promise<void>;
+    private resolvePath;
+    end(result: RendererResult): Promise<void>;
+    kill(): Promise<void>;
+    private prepareAudio;
+    private mergeAudioTracks;
+    private calculateAtempoFilters;
+}
+//# sourceMappingURL=FFmpegExporterServer.d.ts.map

package/lib/server/ffmpeg/FFmpegExporterServer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FFmpegExporterServer.d.ts","sourceRoot":"","sources":["../../../server/ffmpeg/FFmpegExporterServer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAYnE,wBAAsB,iBAAiB,iBAatC;AAED,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;CACvB;AAcD;;GAEG;AACH,qBAAa,oBAAoB;IAU7B,OAAO,CAAC,QAAQ,CAAC,MAAM;IATzB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAc;IACrC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAuB;IAC/C,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAgB;IACxC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAyB;IAClD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IACnC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAW;gBAGxC,QAAQ,EAAE,sBAAsB,EACf,MAAM,EAAE,YAAY;IA0C1B,KAAK;IAYL,WAAW,CAAC,EAAC,IAAI,EAAC,EAAE;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC;IAKlC,aAAa,CAAC,EACzB,MAAM,EACN,UAAU,EACV,QAAQ,GACT,EAAE;QACD,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC;QACtB,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB;IAoBY,UAAU;IAoBvB,OAAO,CAAC,WAAW;IAcN,GAAG,CAAC,MAAM,EAAE,cAAc;IAc1B,IAAI;YAUH,YAAY;YAyDZ,gBAAgB;YAwBhB,sBAAsB;CA2BrC"}