@remotion/renderer 3.2.29 → 3.2.30

package/dist/assets/dl-browser.d.ts

@@ -0,0 +1 @@
+export declare const downloadBrowser: (url: string) => Promise<void>;

package/dist/assets/dl-browser.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.downloadBrowser = void 0;
+const listeners = {};
+const isDownloading = {};
+const waitForFfmpegToBeDownloaded = (url) => {
+    return new Promise((resolve) => {
+        if (!listeners[url]) {
+            listeners[url] = [];
+        }
+        listeners[url].push(resolve);
+    });
+};
+const downloadBrowser = async (url) => {
+    if (isDownloading[url]) {
+        console.log('WAITING');
+        return waitForFfmpegToBeDownloaded(url);
+    }
+    isDownloading[url] = true;
+    await new Promise((resolve) => {
+        console.log('DOWNLOADING BROWSER');
+        setTimeout(resolve, 20000);
+    });
+    isDownloading[url] = false;
+    if (!listeners[url]) {
+        listeners[url] = [];
+    }
+    listeners[url].forEach((listener) => listener());
+    listeners[url] = [];
+};
+exports.downloadBrowser = downloadBrowser;
+(0, exports.downloadBrowser)('https://remotion.dev').then(() => {
+    (0, exports.downloadBrowser)('https://remotion.dev').then(() => {
+        (0, exports.downloadBrowser)('https://remotion.dev').then(() => console.log('FINISHED DOWNLOADING'));
+        (0, exports.downloadBrowser)('https://remotion.dev').then(() => console.log('FINISHED DOWNLOADING'));
+        (0, exports.downloadBrowser)('https://remotion.dev').then(() => console.log('FINISHED DOWNLOADING'));
+    });
+});

package/dist/index.d.ts

@@ -25,7 +25,7 @@ export type { ChromiumOptions } from './open-browser';
 export { PixelFormat } from './pixel-format';
 export { ProResProfile } from './prores-profile';
 export { renderFrames } from './render-frames';
-export { renderMedia, RenderMediaOnProgress, RenderMediaOptions, StitchingState, } from './render-media';
+export { OnSlowestFrames, renderMedia, RenderMediaOnProgress, RenderMediaOptions, SlowFrame, StitchingState, } from './render-media';
 export { renderStill, RenderStillOptions } from './render-still';
 export { StitcherOptions, stitchFramesToVideo } from './stitch-frames-to-video';
 export { SymbolicatedStackFrame } from './symbolicate-stacktrace';

package/dist/render-frames.d.ts

@@ -30,7 +30,7 @@ declare type ConcurrencyOrParallelism = {
 };
 declare type RenderFramesOptions = {
     onStart: (data: OnStartData) => void;
-    onFrameUpdate: (framesRendered: number, frameIndex: number) => void;
+    onFrameUpdate: (framesRendered: number, frameIndex: number, timeToRenderInMilliseconds: number) => void;
     outputDir: string | null;
     inputProps: unknown;
     envVariables?: Record<string, string>;

package/dist/render-frames.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderFrames = void 0;
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
+const perf_hooks_1 = require("perf_hooks");
 const remotion_1 = require("remotion");
 const download_and_map_assets_to_file_1 = require("./assets/download-and-map-assets-to-file");
 const download_map_1 = require("./assets/download-map");
@@ -150,6 +151,7 @@ const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, qual
         if (stopped) {
             throw new Error('Render was stopped');
         }
+        const startTime = perf_hooks_1.performance.now();
         const errorCallbackOnFrame = (err) => {
             onError(err);
         };
@@ -219,7 +221,7 @@ const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, qual
         });
         pool.release(freePage);
         framesRendered++;
-        onFrameUpdate(framesRendered, frame);
+        onFrameUpdate(framesRendered, frame, perf_hooks_1.performance.now() - startTime);
         cleanupPageError();
         freePage.off('error', errorCallbackOnFrame);
         return compressedAssets;

package/dist/render-media.d.ts

@@ -16,6 +16,11 @@ import type { PixelFormat } from './pixel-format';
 import type { ProResProfile } from './prores-profile';
 import type { OnStartData } from './types';
 export declare type StitchingState = 'encoding' | 'muxing';
+export declare type SlowFrame = {
+    frame: number;
+    time: number;
+};
+export declare type OnSlowestFrames = (frames: SlowFrame[]) => void;
 export declare type RenderMediaOnProgress = (progress: {
     renderedFrames: number;
     encodedFrames: number;
@@ -61,6 +66,7 @@ export declare type RenderMediaOptions = {
     muted?: boolean;
     enforceAudioTrack?: boolean;
     ffmpegOverride?: FfmpegOverrideFn;
+    onSlowestFrames?: OnSlowestFrames;
     disallowParallelEncoding?: boolean;
 } & ServeUrlOrWebpackBundle & ConcurrencyOrParallelism;
 declare type ConcurrencyOrParallelism = {
@@ -76,5 +82,5 @@ declare type ConcurrencyOrParallelism = {
  * @description Render a video from a composition
  * @link https://www.remotion.dev/docs/renderer/render-media
  */
-export declare const renderMedia: ({ proResProfile, crf, composition, ffmpegExecutable, ffprobeExecutable, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, dumpBrowserLogs, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, ...options }: RenderMediaOptions) => Promise<Buffer | null>;
+export declare const renderMedia: ({ proResProfile, crf, composition, ffmpegExecutable, ffprobeExecutable, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, dumpBrowserLogs, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, onSlowestFrames, ...options }: RenderMediaOptions) => Promise<Buffer | null>;
 export {};

package/dist/render-media.js

@@ -33,6 +33,7 @@ const validate_even_dimensions_with_codec_1 = require("./validate-even-dimension
 const validate_ffmpeg_override_1 = require("./validate-ffmpeg-override");
 const validate_output_filename_1 = require("./validate-output-filename");
 const validate_scale_1 = require("./validate-scale");
+const SLOWEST_FRAME_COUNT = 10;
 const getConcurrency = (others) => {
     if ('concurrency' in others) {
         return others.concurrency;
@@ -47,7 +48,7 @@ const getConcurrency = (others) => {
  * @description Render a video from a composition
  * @link https://www.remotion.dev/docs/renderer/render-media
  */
-const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprobeExecutable, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, dumpBrowserLogs, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, ...options }) => {
+const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprobeExecutable, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, dumpBrowserLogs, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, onSlowestFrames, ...options }) => {
     var _a, _b, _c, _d;
     (0, quality_1.validateQuality)(options.quality);
     if (typeof crf !== 'undefined' && crf !== null) {
@@ -171,13 +172,38 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
     };
     const mediaSupport = (0, codec_supports_media_1.codecSupportsMedia)(codec);
     const disableAudio = !mediaSupport.audio || muted;
+    const slowestFrames = [];
+    let maxTime = 0;
+    let minTime = 0;
+    const recordFrameTime = (frameIndex, time) => {
+        var _a, _b;
+        const frameTime = { frame: frameIndex, time };
+        if (time < minTime && slowestFrames.length === SLOWEST_FRAME_COUNT) {
+            return;
+        }
+        if (time > maxTime) {
+            // add at starting;
+            slowestFrames.unshift(frameTime);
+            maxTime = time;
+        }
+        else {
+            // add frame at appropriate position
+            const index = slowestFrames.findIndex(({ time: indexTime }) => indexTime < time);
+            slowestFrames.splice(index, 0, frameTime);
+        }
+        if (slowestFrames.length > SLOWEST_FRAME_COUNT) {
+            slowestFrames.pop();
+        }
+        minTime = (_b = (_a = slowestFrames[slowestFrames.length - 1]) === null || _a === void 0 ? void 0 : _a.time) !== null && _b !== void 0 ? _b : minTime;
+    };
     const happyPath = createPrestitcherIfNecessary()
         .then(() => {
         const renderFramesProc = (0, render_frames_1.renderFrames)({
             config: composition,
-            onFrameUpdate: (frame) => {
+            onFrameUpdate: (frame, frameIndex, timeToRenderInMilliseconds) => {
                 renderedFrames = frame;
                 callUpdate();
+                recordFrameTime(frameIndex, timeToRenderInMilliseconds);
             },
             concurrency,
             outputDir,
@@ -272,6 +298,8 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
         encodedFrames = (0, get_duration_from_frame_range_1.getFramesToRender)(realFrameRange, everyNthFrame).length;
         encodedDoneIn = Date.now() - stitchStart;
         callUpdate();
+        slowestFrames.sort((a, b) => b.time - a.time);
+        onSlowestFrames === null || onSlowestFrames === void 0 ? void 0 : onSlowestFrames(slowestFrames);
         return buffer;
     })
         .catch((err) => {

package/dist/validate-puppeteer-timeout.js

@@ -8,7 +8,7 @@ const validatePuppeteerTimeout = (timeoutInMilliseconds) => {
     if (typeof timeoutInMilliseconds !== 'number') {
         throw new TypeError(`'timeoutInMilliseconds' should be a number, but is: ${JSON.stringify(timeoutInMilliseconds)}`);
     }
-    if (timeoutInMilliseconds < 7000) {
+    if (timeoutInMilliseconds < 7000 && process.env.NODE_ENV !== 'test') {
         throw new TypeError(`'timeoutInMilliseconds' should be bigger or equal than 7000, but is ${timeoutInMilliseconds}`);
     }
     if (Number.isNaN(timeoutInMilliseconds)) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/renderer",
-	"version": "3.2.29",
+	"version": "3.2.30",
 	"description": "Renderer for Remotion",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -22,7 +22,7 @@
 	"dependencies": {
 		"execa": "5.1.1",
 		"extract-zip": "2.0.1",
-		"remotion": "3.2.29",
+		"remotion": "3.2.30",
 		"source-map": "^0.8.0-beta.0",
 		"ws": "8.7.0"
 	},
@@ -57,5 +57,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "9a2ff4d68324af8d1fe55ebdf94bdadccf446a10"
+	"gitHead": "5dc5f4c010c47186c7911b575998296d6a65f7cb"
 }

package/dist/ffmpeg-args-hook.d.ts

@@ -1,4 +0,0 @@
-export declare type FfmpegArgsHook = (info: {
-    type: 'pre-stitcher' | 'stitcher';
-    args: string[];
-}) => string[];

package/dist/ffmpeg-args-hook.js

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

package/dist/make-assets-download-dir.d.ts

@@ -1 +0,0 @@
-export declare const makeAssetsDownloadTmpDir: () => string;

package/dist/make-assets-download-dir.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeAssetsDownloadTmpDir = void 0;
-const tmp_dir_1 = require("./tmp-dir");
-let dir = null;
-const makeAssetsDownloadTmpDir = () => {
-    if (dir) {
-        return dir;
-    }
-    dir = (0, tmp_dir_1.tmpDir)('remotion-assets-dir');
-    return dir;
-};
-exports.makeAssetsDownloadTmpDir = makeAssetsDownloadTmpDir;

package/dist/validate-ffmpeg-args-hook.d.ts

@@ -1,2 +0,0 @@
-import type { FfmpegOverrideFn } from './ffmpeg-override';
-export declare const validateFfmpegArgsHook: (ffmpegArgsHook?: FfmpegOverrideFn) => void;

package/dist/validate-ffmpeg-args-hook.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateFfmpegArgsHook = void 0;
-const validateFfmpegArgsHook = (ffmpegArgsHook) => {
-    if (typeof ffmpegArgsHook === 'undefined') {
-        return;
-    }
-    if (ffmpegArgsHook && typeof ffmpegArgsHook !== 'function') {
-        throw new TypeError(`Argument passed for "ffmpegArgsHook" is not a function: ${ffmpegArgsHook}`);
-    }
-};
-exports.validateFfmpegArgsHook = validateFfmpegArgsHook;

package/dist/validate-ffmpeg-override-fn.d.ts

@@ -1,2 +0,0 @@
-import type { FfmpegOverrideFn } from './ffmpeg-override';
-export declare const validateFfmpegOverride: (ffmpegArgsHook?: FfmpegOverrideFn) => void;

package/dist/validate-ffmpeg-override-fn.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateFfmpegOverride = void 0;
-const validateFfmpegOverride = (ffmpegArgsHook) => {
-    if (typeof ffmpegArgsHook === 'undefined') {
-        return;
-    }
-    if (ffmpegArgsHook && typeof ffmpegArgsHook !== 'function') {
-        throw new TypeError(`Argument passed for "ffmpegArgsHook" is not a function: ${ffmpegArgsHook}`);
-    }
-};
-exports.validateFfmpegOverride = validateFfmpegOverride;