@remotion/renderer 4.0.355 → 4.0.357

package/dist/esm/index.mjs

@@ -383,6 +383,23 @@ var verboseTag = (str) => {
   return isColorSupported() ? chalk.bgBlack(` ${str} `) : `[${str}]`;
 };
 var Log = {
+  formatLogs: (logLevel, options, args) => {
+    return [
+      options.indent ? INDENT_TOKEN : null,
+      options.tag ? verboseTag(options.tag) : null
+    ].filter(truthy).concat(args.map((a) => {
+      if (logLevel === "warn") {
+        return chalk.yellow(a);
+      }
+      if (logLevel === "error") {
+        return chalk.red(a);
+      }
+      if (logLevel === "verbose" || logLevel === "trace") {
+        return chalk.gray(a);
+      }
+      return a;
+    }));
+  },
   trace: (options, ...args) => {
     writeInRepro("trace", ...args);
     if (isEqualOrBelowLogLevel(options.logLevel, "trace")) {
@@ -390,10 +407,7 @@ var Log = {
         return process.stdout.write(`
 `);
       }
-      return console.log(...[
-        options.indent ? INDENT_TOKEN : null,
-        options.tag ? verboseTag(options.tag) : null
-      ].filter(truthy).concat(args.map((a) => chalk.gray(a))));
+      return console.log(...Log.formatLogs("trace", options, args));
     }
   },
   verbose: (options, ...args) => {
@@ -403,10 +417,7 @@ var Log = {
         return process.stdout.write(`
 `);
       }
-      return console.log(...[
-        options.indent ? INDENT_TOKEN : null,
-        options.tag ? verboseTag(options.tag) : null
-      ].filter(truthy).concat(args.map((a) => chalk.gray(a))));
+      return console.log(...Log.formatLogs("verbose", options, args));
     }
   },
   info: (options, ...args) => {
@@ -416,7 +427,7 @@ var Log = {
         return process.stdout.write(`
 `);
       }
-      return console.log(...[options.indent ? INDENT_TOKEN : null].filter(truthy).concat(args ?? []));
+      return console.log(...Log.formatLogs("info", options, args));
     }
   },
   warn: (options, ...args) => {
@@ -426,7 +437,7 @@ var Log = {
         return process.stdout.write(`
 `);
       }
-      return console.warn(...[options.indent ? chalk.yellow(INDENT_TOKEN) : null].filter(truthy).concat(args.map((a) => chalk.yellow(a))));
+      return console.warn(...Log.formatLogs("warn", options, args));
     }
   },
   error: (options, ...args) => {
@@ -436,10 +447,7 @@ var Log = {
         return process.stdout.write(`
 `);
       }
-      return console.error(...[
-        options.indent ? INDENT_TOKEN : null,
-        options.tag ? verboseTag(options.tag) : null
-      ].filter(truthy).concat(args.map((a) => chalk.red(a))));
+      return console.error(...Log.formatLogs("error", options, args));
     }
   }
 };
@@ -2736,7 +2744,8 @@ class Page extends EventEmitter {
     logLevel,
     indent,
     pageIndex,
-    onBrowserLog
+    onBrowserLog,
+    onLog
   }) {
     const page = new Page({
       client,
@@ -2746,7 +2755,8 @@ class Page extends EventEmitter {
       logLevel,
       indent,
       pageIndex,
-      onBrowserLog
+      onBrowserLog,
+      onLog
     });
     await page.#initialize();
     await page.setViewport(defaultViewport);
@@ -2765,6 +2775,7 @@ class Page extends EventEmitter {
   indent;
   pageIndex;
   onBrowserLog;
+  onLog;
   constructor({
     client,
     target,
@@ -2773,7 +2784,8 @@ class Page extends EventEmitter {
     logLevel,
     indent,
     pageIndex,
-    onBrowserLog
+    onBrowserLog,
+    onLog
   }) {
     super();
     this.#client = client;
@@ -2787,6 +2799,7 @@ class Page extends EventEmitter {
     this.indent = indent;
     this.pageIndex = pageIndex;
     this.onBrowserLog = onBrowserLog;
+    this.onLog = onLog;
     client.on("Target.attachedToTarget", (event) => {
       switch (event.targetInfo.type) {
         case "iframe":
@@ -2839,19 +2852,11 @@ class Page extends EventEmitter {
       const tabInfo = `Tab ${this.pageIndex}`;
       const tagInfo = [origPosition?.name, isDelayRenderClear ? null : file].filter(truthy).join("@");
       const tag = [tabInfo, log.tag, log.tag ? null : tagInfo].filter(truthy).join(", ");
-      if (log.type === "error") {
-        Log.error({
-          logLevel,
-          tag,
-          indent
-        }, log.previewString);
-      } else {
-        Log[logLevel]({
-          logLevel,
-          tag,
-          indent
-        }, log.previewString);
-      }
+      this.onLog({
+        logLevel: log.logLevel,
+        tag,
+        previewString: log.previewString
+      });
     } else if (log.type === "error") {
       if (log.text.includes("Failed to load resource:")) {
         Log.error({ logLevel, tag: url, indent }, log.text.replace(/\(\)$/, ""));
@@ -3519,7 +3524,8 @@ class Target {
     logLevel,
     indent,
     pageIndex,
-    onBrowserLog
+    onBrowserLog,
+    onLog
   }) {
     if (isPagetTarget(this.#targetInfo) && !this.#pagePromise) {
       this.#pagePromise = this.#sessionFactory().then((client) => {
@@ -3532,7 +3538,8 @@ class Target {
           logLevel,
           indent,
           pageIndex,
-          onBrowserLog
+          onBrowserLog,
+          onLog
         });
       });
     }
@@ -3672,14 +3679,16 @@ class HeadlessBrowser extends EventEmitter {
     logLevel,
     indent,
     pageIndex,
-    onBrowserLog
+    onBrowserLog,
+    onLog
   }) {
     return this.#defaultContext.newPage({
       context,
       logLevel,
       indent,
       pageIndex,
-      onBrowserLog
+      onBrowserLog,
+      onLog
     });
   }
   async _createPageInContext({
@@ -3687,7 +3696,8 @@ class HeadlessBrowser extends EventEmitter {
     logLevel,
     indent,
     pageIndex,
-    onBrowserLog
+    onBrowserLog,
+    onLog
   }) {
     const {
       value: { targetId }
@@ -3708,7 +3718,8 @@ class HeadlessBrowser extends EventEmitter {
       logLevel,
       indent,
       pageIndex,
-      onBrowserLog
+      onBrowserLog,
+      onLog
     });
     if (!page) {
       throw new Error(`Failed to create a page for context`);
@@ -3795,14 +3806,16 @@ class BrowserContext extends EventEmitter {
     logLevel,
     indent,
     pageIndex,
-    onBrowserLog
+    onBrowserLog,
+    onLog
   }) {
     return this.#browser._createPageInContext({
       context,
       logLevel,
       indent,
       pageIndex,
-      onBrowserLog
+      onBrowserLog,
+      onLog
     });
   }
   browser() {
@@ -4658,6 +4671,11 @@ var defaultBrowserDownloadProgress = ({
   };
 };
 
+// src/default-on-log.ts
+var defaultOnLog = ({ logLevel, tag, previewString }) => {
+  Log[logLevel]({ logLevel, tag, indent: false }, previewString);
+};
+
 // src/open-browser.ts
 import fs9 from "node:fs";
 import os3 from "node:os";
@@ -5353,7 +5371,8 @@ var getPageAndCleanupFn = async ({
   onBrowserDownload,
   chromeMode,
   pageIndex,
-  onBrowserLog
+  onBrowserLog,
+  onLog
 }) => {
   if (passedInInstance) {
     const page = await passedInInstance.newPage({
@@ -5361,7 +5380,8 @@ var getPageAndCleanupFn = async ({
       logLevel,
       indent,
       pageIndex,
-      onBrowserLog
+      onBrowserLog,
+      onLog
     });
     return {
       page,
@@ -5391,7 +5411,8 @@ var getPageAndCleanupFn = async ({
     logLevel,
     indent,
     pageIndex,
-    onBrowserLog
+    onBrowserLog,
+    onLog
   });
   return {
     page: browserPage,
@@ -15080,6 +15101,43 @@ import path14 from "node:path";
 // src/sample-rate.ts
 var DEFAULT_SAMPLE_RATE = 48000;
 
+// src/assets/apply-tone-frequency.ts
+var applyToneFrequencyUsingFfmpeg = async ({
+  input,
+  output,
+  toneFrequency,
+  indent,
+  logLevel,
+  binariesDirectory,
+  cancelSignal
+}) => {
+  const filter = `asetrate=${DEFAULT_SAMPLE_RATE}*${toneFrequency},aresample=${DEFAULT_SAMPLE_RATE},atempo=1/${toneFrequency}`;
+  const args = [
+    "-hide_banner",
+    "-i",
+    input,
+    ["-ac", "2"],
+    "-filter:a",
+    filter,
+    ["-c:a", "pcm_s16le"],
+    ["-ar", String(DEFAULT_SAMPLE_RATE)],
+    "-y",
+    output
+  ].flat(2);
+  Log.verbose({ indent, logLevel }, "Changing tone frequency using FFmpeg:", JSON.stringify(args.join(" ")), "Filter:", filter);
+  const startTimestamp = Date.now();
+  const task = callFf({
+    bin: "ffmpeg",
+    args,
+    indent,
+    logLevel,
+    binariesDirectory,
+    cancelSignal
+  });
+  await task;
+  Log.verbose({ indent, logLevel }, "Changed tone frequency using FFmpeg", `${Date.now() - startTimestamp}ms`);
+};
+
 // src/assets/inline-audio-mixing.ts
 var numberTo32BiIntLittleEndian = (num) => {
   return new Uint8Array([
@@ -15094,10 +15152,12 @@ var numberTo16BitLittleEndian = (num) => {
 };
 var BIT_DEPTH = 16;
 var BYTES_PER_SAMPLE = BIT_DEPTH / 8;
+var NUMBER_OF_CHANNELS = 2;
 var makeInlineAudioMixing = (dir) => {
   const folderToAdd = makeAndReturn(dir, "remotion-inline-audio-mixing");
   const openFiles = {};
   const writtenHeaders = {};
+  const toneFrequencies = {};
   const cleanup = () => {
     for (const fd of Object.values(openFiles)) {
       try {
@@ -15127,9 +15187,8 @@ var makeInlineAudioMixing = (dir) => {
       return;
     }
     writtenHeaders[filePath] = true;
-    const expectedDataSize = Math.round((totalNumberOfFrames / fps - trimLeftOffset + trimRightOffset) * asset.numberOfChannels * DEFAULT_SAMPLE_RATE * BYTES_PER_SAMPLE);
+    const expectedDataSize = Math.round((totalNumberOfFrames / fps - trimLeftOffset + trimRightOffset) * NUMBER_OF_CHANNELS * DEFAULT_SAMPLE_RATE * BYTES_PER_SAMPLE);
     const expectedSize = 40 + expectedDataSize;
-    const { numberOfChannels } = asset;
     const fd = openFiles[filePath];
     writeSync(fd, new Uint8Array([82, 73, 70, 70]), 0, 4, 0);
     writeSync(fd, new Uint8Array(numberTo32BiIntLittleEndian(expectedSize)), 0, 4, 4);
@@ -15137,14 +15196,37 @@ var makeInlineAudioMixing = (dir) => {
     writeSync(fd, new Uint8Array([102, 109, 116, 32]), 0, 4, 12);
     writeSync(fd, new Uint8Array([BIT_DEPTH, 0, 0, 0]), 0, 4, 16);
     writeSync(fd, new Uint8Array([1, 0]), 0, 2, 20);
-    writeSync(fd, new Uint8Array([numberOfChannels, 0]), 0, 2, 22);
+    writeSync(fd, new Uint8Array([NUMBER_OF_CHANNELS, 0]), 0, 2, 22);
     writeSync(fd, new Uint8Array(numberTo32BiIntLittleEndian(DEFAULT_SAMPLE_RATE)), 0, 4, 24);
-    writeSync(fd, new Uint8Array(numberTo32BiIntLittleEndian(DEFAULT_SAMPLE_RATE * numberOfChannels * BYTES_PER_SAMPLE)), 0, 4, 28);
-    writeSync(fd, new Uint8Array(numberTo16BitLittleEndian(numberOfChannels * BYTES_PER_SAMPLE)), 0, 2, 32);
+    writeSync(fd, new Uint8Array(numberTo32BiIntLittleEndian(DEFAULT_SAMPLE_RATE * NUMBER_OF_CHANNELS * BYTES_PER_SAMPLE)), 0, 4, 28);
+    writeSync(fd, new Uint8Array(numberTo16BitLittleEndian(NUMBER_OF_CHANNELS * BYTES_PER_SAMPLE)), 0, 2, 32);
     writeSync(fd, numberTo16BitLittleEndian(BIT_DEPTH), 0, 2, 34);
     writeSync(fd, new Uint8Array([100, 97, 116, 97]), 0, 4, 36);
     writeSync(fd, new Uint8Array(numberTo32BiIntLittleEndian(expectedDataSize)), 0, 4, 40);
   };
+  const finish = async ({
+    binariesDirectory,
+    indent,
+    logLevel,
+    cancelSignal
+  }) => {
+    for (const fd of Object.keys(openFiles)) {
+      const frequency = toneFrequencies[fd];
+      if (frequency !== 1) {
+        const tmpFile = fd.replace(/.wav$/, "-tmp.wav");
+        await applyToneFrequencyUsingFfmpeg({
+          input: fd,
+          output: tmpFile,
+          toneFrequency: frequency,
+          indent,
+          logLevel,
+          binariesDirectory,
+          cancelSignal
+        });
+        fs12.renameSync(tmpFile, fd);
+      }
+    }
+  };
   const addAsset = ({
     asset,
     fps,
@@ -15161,7 +15243,11 @@ var makeInlineAudioMixing = (dir) => {
       trimRightOffset
     });
     const filePath = getFilePath(asset);
+    if (toneFrequencies[filePath] !== undefined && toneFrequencies[filePath] !== asset.toneFrequency) {
+      throw new Error(`toneFrequency must be the same across the entire audio, got ${asset.toneFrequency}, but before it was ${toneFrequencies[filePath]}`);
+    }
     const fileDescriptor = openFiles[filePath];
+    toneFrequencies[filePath] = asset.toneFrequency;
     let arr = new Int16Array(asset.audio);
     const isFirst = asset.frame === firstFrame;
     const isLast = asset.frame === totalNumberOfFrames + firstFrame - 1;
@@ -15174,19 +15260,20 @@ var makeInlineAudioMixing = (dir) => {
       throw new Error(`samplesToShaveFromStart should be approximately an integer, is ${samplesToShaveFromStart}`);
     }
     if (isFirst) {
-      arr = arr.slice(Math.round(samplesToShaveFromStart) * asset.numberOfChannels);
+      arr = arr.slice(Math.round(samplesToShaveFromStart) * NUMBER_OF_CHANNELS);
     }
     if (isLast) {
-      arr = arr.slice(0, arr.length + Math.round(samplesToShaveFromEnd) * asset.numberOfChannels);
+      arr = arr.slice(0, arr.length + Math.round(samplesToShaveFromEnd) * NUMBER_OF_CHANNELS);
     }
     const positionInSeconds = (asset.frame - firstFrame) / fps - (isFirst ? 0 : trimLeftOffset);
-    const position = Math.round(positionInSeconds * DEFAULT_SAMPLE_RATE) * asset.numberOfChannels * BYTES_PER_SAMPLE;
+    const position = Math.floor(positionInSeconds * DEFAULT_SAMPLE_RATE) * NUMBER_OF_CHANNELS * BYTES_PER_SAMPLE;
     writeSync(fileDescriptor, arr, 0, arr.byteLength, 44 + position);
   };
   return {
     cleanup,
     addAsset,
-    getListOfAssets
+    getListOfAssets,
+    finish
   };
 };
 
@@ -16724,7 +16811,8 @@ var internalGetCompositionsRaw = async ({
   onBrowserDownload,
   chromeMode,
   offthreadVideoThreads,
-  mediaCacheSizeInBytes
+  mediaCacheSizeInBytes,
+  onLog
 }) => {
   const { page, cleanupPage } = await getPageAndCleanupFn({
     passedInInstance: puppeteerInstance,
@@ -16736,7 +16824,8 @@ var internalGetCompositionsRaw = async ({
     onBrowserDownload,
     chromeMode,
     pageIndex: 0,
-    onBrowserLog
+    onBrowserLog,
+    onLog
   });
   const cleanup = [cleanupPage];
   return new Promise((resolve2, reject) => {
@@ -16842,7 +16931,8 @@ var getCompositions = (serveUrlOrWebpackUrl, config) => {
     }),
     chromeMode: chromeMode ?? "headless-shell",
     offthreadVideoThreads: offthreadVideoThreads ?? null,
-    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null
+    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null,
+    onLog: defaultOnLog
   });
 };
 
@@ -17808,9 +17898,10 @@ var makePage = async ({
   serializedResolvedPropsWithCustomSchema,
   pageIndex,
   isMainTab,
-  mediaCacheSizeInBytes
+  mediaCacheSizeInBytes,
+  onLog
 }) => {
-  const page = await browserReplacer.getBrowser().newPage({ context, logLevel, indent, pageIndex, onBrowserLog });
+  const page = await browserReplacer.getBrowser().newPage({ context, logLevel, indent, pageIndex, onBrowserLog, onLog });
   pagesArray.push(page);
   await page.setViewport({
     width: composition.width,
@@ -18790,7 +18881,8 @@ var innerRenderFrames = async ({
   onArtifact,
   binariesDirectory,
   imageSequencePattern,
-  mediaCacheSizeInBytes
+  mediaCacheSizeInBytes,
+  onLog
 }) => {
   if (outputDir) {
     if (!fs14.existsSync(outputDir)) {
@@ -18837,7 +18929,8 @@ var innerRenderFrames = async ({
       timeoutInMilliseconds,
       pageIndex,
       isMainTab: pageIndex === 0,
-      mediaCacheSizeInBytes
+      mediaCacheSizeInBytes,
+      onLog
     });
   };
   const getPool = async () => {
@@ -18980,7 +19073,8 @@ var internalRenderFramesRaw = ({
   chromeMode,
   offthreadVideoThreads,
   imageSequencePattern,
-  mediaCacheSizeInBytes
+  mediaCacheSizeInBytes,
+  onLog
 }) => {
   validateDimension(composition.height, "height", "in the `config` object passed to `renderFrames()`");
   validateDimension(composition.width, "width", "in the `config` object passed to `renderFrames()`");
@@ -19084,7 +19178,8 @@ var internalRenderFramesRaw = ({
           chromeMode,
           offthreadVideoThreads,
           imageSequencePattern,
-          mediaCacheSizeInBytes
+          mediaCacheSizeInBytes,
+          onLog
         });
       })
     ]).then((res) => {
@@ -19213,7 +19308,8 @@ var renderFrames = (options) => {
     chromeMode: chromeMode ?? "headless-shell",
     offthreadVideoThreads: offthreadVideoThreads ?? null,
     imageSequencePattern: imageSequencePattern ?? null,
-    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null
+    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null,
+    onLog: defaultOnLog
   });
 };
 
@@ -19671,40 +19767,35 @@ var validateEvenDimensionsWithCodec = ({
   indent,
   logLevel
 }) => {
-  let actualWidth = width * scale;
-  let actualHeight = height * scale;
   if (wantsImageSequence) {
     return {
-      actualWidth,
-      actualHeight
+      actualWidth: width,
+      actualHeight: height
     };
   }
   if (codec !== "h264-mkv" && codec !== "h264" && codec !== "h265" && codec !== "h264-ts") {
     return {
-      actualWidth,
-      actualHeight
+      actualWidth: width,
+      actualHeight: height
     };
   }
-  if (actualWidth % 1 !== 0 && (actualWidth % 1 < 0.005 || actualWidth % 1 > 0.005)) {
-    Log.verbose({ indent, logLevel }, `Rounding width to an even number from ${actualWidth} to ${Math.round(actualWidth)}`);
-    actualWidth = Math.round(actualWidth);
+  let heightEvenDimensions = height;
+  while (Math.round(heightEvenDimensions * scale) % 2 !== 0) {
+    heightEvenDimensions--;
   }
-  if (actualHeight % 1 !== 0 && (actualHeight % 1 < 0.005 || actualHeight % 1 > 0.005)) {
-    Log.verbose({ indent, logLevel }, `Rounding height to an even number from ${actualHeight} to ${Math.round(actualHeight)}`);
-    actualHeight = Math.round(actualHeight);
+  let widthEvenDimensions = width;
+  while (Math.round(widthEvenDimensions * scale) % 2 !== 0) {
+    widthEvenDimensions--;
   }
-  const displayName = codec === "h265" ? "H265" : "H264";
-  if (actualWidth % 2 !== 0) {
-    Log.verbose({ indent, logLevel }, `Rounding width down to an even number from ${actualWidth} to ${actualWidth - 1} for ${displayName} codec compatibility`);
-    actualWidth -= 1;
+  if (widthEvenDimensions !== width) {
+    Log.verbose({ indent, logLevel }, `Rounding width to an even number from ${width} to ${widthEvenDimensions}`);
   }
-  if (actualHeight % 2 !== 0) {
-    Log.verbose({ indent, logLevel }, `Rounding height down to an even number from ${actualHeight} to ${actualHeight - 1} for ${displayName} codec compatibility`);
-    actualHeight -= 1;
+  if (heightEvenDimensions !== height) {
+    Log.verbose({ indent, logLevel }, `Rounding height to an even number from ${height} to ${heightEvenDimensions}`);
   }
   return {
-    actualWidth,
-    actualHeight
+    actualWidth: widthEvenDimensions,
+    actualHeight: heightEvenDimensions
   };
 };
 
@@ -20701,6 +20792,12 @@ var createAudio = async ({
     updateProgress();
     return result;
   }));
+  await downloadMap.inlineAudioMixing.finish({
+    indent,
+    logLevel,
+    binariesDirectory,
+    cancelSignal
+  });
   const inlinedAudio = downloadMap.inlineAudioMixing.getListOfAssets();
   const preprocessed = [
     ...audioTracks.filter(truthy),
@@ -21275,7 +21372,7 @@ var validateOutputFilename = ({
 
 // src/render-media.ts
 var SLOWEST_FRAME_COUNT = 10;
-var MAX_RECENT_FRAME_TIMINGS = 50;
+var MAX_RECENT_FRAME_TIMINGS = 150;
 var internalRenderMediaRaw = ({
   proResProfile,
   x264Preset,
@@ -21333,7 +21430,8 @@ var internalRenderMediaRaw = ({
   hardwareAcceleration,
   chromeMode,
   offthreadVideoThreads,
-  mediaCacheSizeInBytes
+  mediaCacheSizeInBytes,
+  onLog
 }) => {
   const pixelFormat = userPixelFormat ?? compositionWithPossibleUnevenDimensions.defaultPixelFormat ?? DEFAULT_PIXEL_FORMAT;
   if (repro) {
@@ -21448,21 +21546,7 @@ var internalRenderMediaRaw = ({
   if (onCtrlCExit && workingDir) {
     onCtrlCExit(`Delete ${workingDir}`, () => deleteDirectory(workingDir));
   }
-  const {
-    actualWidth: widthEvenDimensionsUndivided,
-    actualHeight: heightEvenDimensionsUndivided
-  } = validateEvenDimensionsWithCodec({
-    codec,
-    height: compositionWithPossibleUnevenDimensions.height,
-    scale,
-    width: compositionWithPossibleUnevenDimensions.width,
-    wantsImageSequence: false,
-    indent,
-    logLevel
-  });
-  const heightEvenDimensions = Math.round(heightEvenDimensionsUndivided / scale);
-  const widthEvenDimensions = Math.round(widthEvenDimensionsUndivided / scale);
-  const { actualWidth, actualHeight } = validateEvenDimensionsWithCodec({
+  const { actualWidth: widthEvenDimensions, actualHeight: heightEvenDimensions } = validateEvenDimensionsWithCodec({
     codec,
     height: compositionWithPossibleUnevenDimensions.height,
     scale,
@@ -21471,6 +21555,8 @@ var internalRenderMediaRaw = ({
     indent,
     logLevel
   });
+  const actualWidth = widthEvenDimensions * scale;
+  const actualHeight = heightEvenDimensions * scale;
   const composition = {
     ...compositionWithPossibleUnevenDimensions,
     height: heightEvenDimensions,
@@ -21583,10 +21669,14 @@ var internalRenderMediaRaw = ({
       });
     }).then(({ server, cleanupServer }) => {
       cleanupServerFn = cleanupServer;
+      let timeOfLastFrame = Date.now();
       const renderFramesProc = internalRenderFrames({
         composition,
-        onFrameUpdate: (frame, frameIndex, timeToRenderInMilliseconds) => {
+        onFrameUpdate: (frame, frameIndex) => {
           renderedFrames = frame;
+          const now = Date.now();
+          const timeToRenderInMilliseconds = now - timeOfLastFrame;
+          timeOfLastFrame = now;
           recentFrameTimings.push(timeToRenderInMilliseconds);
           if (recentFrameTimings.length > MAX_RECENT_FRAME_TIMINGS) {
             recentFrameTimings.shift();
@@ -21653,7 +21743,8 @@ var internalRenderMediaRaw = ({
         onArtifact,
         chromeMode,
         imageSequencePattern: null,
-        mediaCacheSizeInBytes
+        mediaCacheSizeInBytes,
+        onLog
       });
       return renderFramesProc;
     }).then((renderFramesReturn) => {
@@ -21911,7 +22002,8 @@ var renderMedia = ({
     compositionStart: compositionStart ?? 0,
     hardwareAcceleration: hardwareAcceleration ?? "disable",
     chromeMode: chromeMode ?? "headless-shell",
-    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null
+    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null,
+    onLog: defaultOnLog
   });
 };
 
@@ -21945,7 +22037,8 @@ var innerRenderStill = async ({
   onBrowserDownload,
   onArtifact,
   chromeMode,
-  mediaCacheSizeInBytes
+  mediaCacheSizeInBytes,
+  onLog
 }) => {
   validateDimension(composition.height, "height", "in the `config` object passed to `renderStill()`");
   validateDimension(composition.width, "width", "in the `config` object passed to `renderStill()`");
@@ -21996,7 +22089,8 @@ var innerRenderStill = async ({
     logLevel,
     indent,
     pageIndex: 0,
-    onBrowserLog
+    onBrowserLog,
+    onLog
   });
   await page.setViewport({
     width: composition.width,
@@ -22246,7 +22340,8 @@ var renderStill = (options) => {
     onArtifact: onArtifact ?? null,
     chromeMode: chromeMode ?? "headless-shell",
     offthreadVideoThreads: offthreadVideoThreads ?? null,
-    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null
+    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null,
+    onLog: defaultOnLog
   });
 };
 
@@ -22384,7 +22479,8 @@ var internalSelectCompositionRaw = async (options) => {
       onBrowserDownload,
       chromeMode,
       pageIndex: 0,
-      onBrowserLog
+      onBrowserLog,
+      onLog: RenderInternals.defaultOnLog
     }),
     makeOrReuseServer(options.server, {
       webpackConfigOrServeUrl: serveUrlOrWebpackUrl,
@@ -22514,7 +22610,8 @@ var getChromiumGpuInformation = async ({
   chromiumOptions,
   timeoutInMilliseconds,
   onBrowserDownload,
-  chromeMode
+  chromeMode,
+  onLog
 }) => {
   const { page, cleanupPage: cleanup } = await getPageAndCleanupFn({
     passedInInstance: undefined,
@@ -22526,7 +22623,8 @@ var getChromiumGpuInformation = async ({
     onBrowserDownload,
     chromeMode,
     pageIndex: 0,
-    onBrowserLog: null
+    onBrowserLog: null,
+    onLog
   });
   await page.goto({ url: "chrome://gpu", timeout: 12000 });
   const { value } = await puppeteerEvaluateWithCatch({
@@ -23078,7 +23176,8 @@ var RenderInternals = {
   DEFAULT_RENDER_FRAMES_OFFTHREAD_VIDEO_THREADS,
   canConcatVideoSeamlessly,
   canConcatAudioSeamlessly,
-  internalCombineChunks
+  internalCombineChunks,
+  defaultOnLog
 };
 checkRuntimeVersion("info", false);
 export {