@remotion/media 4.0.352 → 4.0.353

package/dist/audio/props.d.ts

@@ -1,5 +1,4 @@
-import type { LoopVolumeCurveBehavior, VolumeProp } from 'remotion';
-import type { LogLevel } from '../log';
+import type { LogLevel, LoopVolumeCurveBehavior, VolumeProp } from 'remotion';
 export type AudioProps = {
     src: string;
     trimBefore?: number;

package/dist/audio-extraction/audio-iterator.d.ts

@@ -1,5 +1,5 @@
 import type { AudioSample, AudioSampleSink } from 'mediabunny';
-import type { LogLevel } from '../log';
+import { type LogLevel } from 'remotion';
 import type { RememberActualMatroskaTimestamps } from '../video-extraction/remember-actual-matroska-timestamps';
 export declare const makeAudioIterator: ({ audioSampleSink, isMatroska, startTimestamp, src, actualMatroskaTimestamps, }: {
     audioSampleSink: AudioSampleSink;

package/dist/audio-extraction/audio-iterator.js

@@ -1,5 +1,5 @@
+import { Internals } from 'remotion';
 import { SAFE_BACK_WINDOW_IN_SECONDS } from '../caches';
-import { Log } from '../log';
 import { makeAudioCache } from './audio-cache';
 // https://discord.com/channels/@me/1409810025844838481/1415028953093111870
 // Audio frames might have dependencies on previous and next frames so we need to decode a bit more
@@ -62,7 +62,7 @@ export const makeAudioIterator = ({ audioSampleSink, isMatroska, startTimestamp,
         return samples;
     };
     const logOpenFrames = (logLevel) => {
-        Log.verbose(logLevel, '[Audio] Open samples for src', src, cache
+        Internals.Log.verbose({ logLevel, tag: '@remotion/media' }, 'Open audio samples for src', src, cache
             .getOpenTimestamps()
             .map((t) => t.toFixed(3))
             .join(', '));

package/dist/audio-extraction/audio-manager.d.ts

@@ -1,5 +1,5 @@
 import type { AudioSampleSink } from 'mediabunny';
-import type { LogLevel } from '../log';
+import type { LogLevel } from 'remotion';
 import type { RememberActualMatroskaTimestamps } from '../video-extraction/remember-actual-matroska-timestamps';
 export declare const makeAudioManager: () => {
     makeIterator: ({ timeInSeconds, src, audioSampleSink, isMatroska, actualMatroskaTimestamps, }: {

package/dist/audio-extraction/extract-audio.d.ts

@@ -1,5 +1,5 @@
+import { type LogLevel } from 'remotion';
 import type { PcmS16AudioData } from '../convert-audiodata/convert-audiodata';
-import type { LogLevel } from '../log';
 export declare const extractAudio: ({ src, timeInSeconds: unloopedTimeInSeconds, durationInSeconds, volume, logLevel, loop, }: {
     src: string;
     timeInSeconds: number;

package/dist/caches.d.ts

@@ -6,7 +6,7 @@ export declare const keyframeManager: {
         packetSink: import("mediabunny").EncodedPacketSink;
         videoSampleSink: import("mediabunny").VideoSampleSink;
         src: string;
-        logLevel: import("./log").LogLevel;
+        logLevel: LogLevel;
     }) => Promise<import("./video-extraction/keyframe-bank").KeyframeBank>;
     addKeyframeBank: ({ src, bank, startTimestampInSeconds, }: {
         src: string;
@@ -31,7 +31,7 @@ export declare const audioManager: {
         getSamples: (ts: number, dur: number) => Promise<import("mediabunny").AudioSample[]>;
         waitForCompletion: () => Promise<boolean>;
         canSatisfyRequestedTime: (timestamp: number) => boolean;
-        logOpenFrames: (logLevel: import("./log").LogLevel) => void;
+        logOpenFrames: (logLevel: LogLevel) => void;
         getCacheStats: () => {
             count: number;
             size: number;
@@ -46,13 +46,13 @@ export declare const audioManager: {
         audioSampleSink: import("mediabunny").AudioSampleSink;
         isMatroska: boolean;
         actualMatroskaTimestamps: import("./video-extraction/remember-actual-matroska-timestamps").RememberActualMatroskaTimestamps;
-        logLevel: import("./log").LogLevel;
+        logLevel: LogLevel;
     }) => Promise<{
         src: string;
         getSamples: (ts: number, dur: number) => Promise<import("mediabunny").AudioSample[]>;
         waitForCompletion: () => Promise<boolean>;
         canSatisfyRequestedTime: (timestamp: number) => boolean;
-        logOpenFrames: (logLevel: import("./log").LogLevel) => void;
+        logOpenFrames: (logLevel: LogLevel) => void;
         getCacheStats: () => {
             count: number;
             size: number;
@@ -70,7 +70,7 @@ export declare const audioManager: {
         getSamples: (ts: number, dur: number) => Promise<import("mediabunny").AudioSample[]>;
         waitForCompletion: () => Promise<boolean>;
         canSatisfyRequestedTime: (timestamp: number) => boolean;
-        logOpenFrames: (logLevel: import("./log").LogLevel) => void;
+        logOpenFrames: (logLevel: LogLevel) => void;
         getCacheStats: () => {
             count: number;
             size: number;
@@ -79,7 +79,7 @@ export declare const audioManager: {
         prepareForDeletion: () => Promise<void>;
         startTimestamp: number;
     } | null;
-    logOpenFrames: (logLevel: import("./log").LogLevel) => void;
+    logOpenFrames: (logLevel: LogLevel) => void;
 };
 export declare const getTotalCacheStats: () => Promise<{
     count: number;

package/dist/caches.js

@@ -1,6 +1,5 @@
-import { cancelRender } from 'remotion';
+import { cancelRender, Internals } from 'remotion';
 import { makeAudioManager } from './audio-extraction/audio-manager';
-import { Log } from './log';
 import { makeKeyframeManager } from './video-extraction/keyframe-manager';
 // TODO: make it dependent on the fps and concurrency
 export const SAFE_BACK_WINDOW_IN_SECONDS = 1;
@@ -23,21 +22,21 @@ const getUncachedMaxCacheSize = (logLevel) => {
         if (window.remotion_mediaCacheSizeInBytes > 20000 * 1024 * 1024) {
             cancelRender(new Error(`The maximum value for the "mediaCacheSizeInBytes" prop is 20GB (${20000 * 1024 * 1024}), got: ${window.remotion_mediaCacheSizeInBytes}`));
         }
-        Log.verbose(logLevel, `Using @remotion/media cache size set using "mediaCacheSizeInBytes": ${(window.remotion_mediaCacheSizeInBytes / 1024 / 1024).toFixed(1)} MB`);
+        Internals.Log.verbose({ logLevel, tag: '@remotion/media' }, `Using cache size set using "mediaCacheSizeInBytes": ${(window.remotion_mediaCacheSizeInBytes / 1024 / 1024).toFixed(1)} MB`);
         return window.remotion_mediaCacheSizeInBytes;
     }
     if (window.remotion_initialMemoryAvailable !== undefined &&
         window.remotion_initialMemoryAvailable !== null) {
         const value = window.remotion_initialMemoryAvailable / 2;
         if (value < 240 * 1024 * 1024) {
-            Log.verbose(logLevel, `Using @remotion/media cache size set based on minimum value of 240MB (which is more than half of the available system memory!)`);
+            Internals.Log.verbose({ logLevel, tag: '@remotion/media' }, `Using cache size set based on minimum value of 240MB (which is more than half of the available system memory!)`);
             return 240 * 1024 * 1024;
         }
         if (value > 20000 * 1024 * 1024) {
-            Log.verbose(logLevel, `Using @remotion/media cache size set based on maximum value of 20GB (which is less than half of the available system memory)`);
+            Internals.Log.verbose({ logLevel, tag: '@remotion/media' }, `Using cache size set based on maximum value of 20GB (which is less than half of the available system memory)`);
             return 20000 * 1024 * 1024;
         }
-        Log.verbose(logLevel, `Using @remotion/media cache size set based on available memory (50% of available memory): ${(value / 1024 / 1024).toFixed(1)} MB`);
+        Internals.Log.verbose({ logLevel, tag: '@remotion/media' }, `Using cache size set based on available memory (50% of available memory): ${(value / 1024 / 1024).toFixed(1)} MB`);
         return value;
     }
     return 1000 * 1000 * 1000; // 1GB

package/dist/convert-audiodata/resample-audiodata.js

@@ -56,8 +56,9 @@ export const resampleAudioData = ({ srcNumberOfChannels, sourceChannels, destina
             const c = getSourceValues(start, end, 2);
             const sl = getSourceValues(start, end, 3);
             const sr = getSourceValues(start, end, 4);
-            const l2 = l + Math.sqrt(1 / 2) * (c + sl);
-            const r2 = r + Math.sqrt(1 / 2) * (c + sr);
+            const sq = Math.sqrt(1 / 2);
+            const l2 = l + sq * (c + sl);
+            const r2 = r + sq * (c + sr);
             destination[newFrameIndex * 2 + 0] = l2;
             destination[newFrameIndex * 2 + 1] = r2;
         }

package/dist/esm/index.mjs

@@ -2,7 +2,7 @@
 import { useCallback as useCallback2, useContext as useContext5 } from "react";
 import {
   cancelRender as cancelRender3,
-  Internals as Internals2,
+  Internals as Internals6,
   Sequence,
   useRemotionEnvironment as useRemotionEnvironment3
 } from "remotion";
@@ -45,48 +45,17 @@ var SharedAudioContext = createContext2(null);
 import { useContext as useContext4, useLayoutEffect, useMemo as useMemo3, useState as useState3 } from "react";
 import {
   cancelRender as cancelRender2,
-  Internals,
+  Internals as Internals5,
   useCurrentFrame,
   useDelayRender,
   useRemotionEnvironment as useRemotionEnvironment2
 } from "remotion";
 
 // src/caches.ts
-import { cancelRender } from "remotion";
+import { cancelRender, Internals as Internals4 } from "remotion";
 
-// src/log.ts
-var logLevels = ["trace", "verbose", "info", "warn", "error"];
-var getNumberForLogLevel = (level) => {
-  return logLevels.indexOf(level);
-};
-var isEqualOrBelowLogLevel = (currentLevel, level) => {
-  return getNumberForLogLevel(currentLevel) <= getNumberForLogLevel(level);
-};
-var Log2 = {
-  trace: (logLevel, ...args) => {
-    if (isEqualOrBelowLogLevel(logLevel, "trace")) {
-      return console.log(...args);
-    }
-  },
-  verbose: (logLevel, ...args) => {
-    if (isEqualOrBelowLogLevel(logLevel, "verbose")) {
-      return console.log(...args);
-    }
-  },
-  info: (logLevel, ...args) => {
-    if (isEqualOrBelowLogLevel(logLevel, "info")) {
-      return console.log(...args);
-    }
-  },
-  warn: (logLevel, ...args) => {
-    if (isEqualOrBelowLogLevel(logLevel, "warn")) {
-      return console.warn(...args);
-    }
-  },
-  error: (...args) => {
-    return console.error(...args);
-  }
-};
+// src/audio-extraction/audio-iterator.ts
+import { Internals } from "remotion";
 
 // src/audio-extraction/audio-cache.ts
 var makeAudioCache = () => {
@@ -206,7 +175,7 @@ var makeAudioIterator = ({
     return samples;
   };
   const logOpenFrames = (logLevel) => {
-    Log2.verbose(logLevel, "[Audio] Open samples for src", src, cache.getOpenTimestamps().map((t) => t.toFixed(3)).join(", "));
+    Internals.Log.verbose({ logLevel, tag: "@remotion/media" }, "Open audio samples for src", src, cache.getOpenTimestamps().map((t) => t.toFixed(3)).join(", "));
   };
   const getCacheStats = () => {
     return {
@@ -343,6 +312,9 @@ var makeAudioManager = () => {
   };
 };
 
+// src/video-extraction/keyframe-manager.ts
+import { Internals as Internals3 } from "remotion";
+
 // ../../node_modules/.pnpm/mediabunny@1.17.0/node_modules/mediabunny/dist/modules/src/misc.js
 /*!
  * Copyright (c) 2025-present, Vanilagy and contributors
@@ -13280,6 +13252,7 @@ class Input {
  */
 
 // src/video-extraction/keyframe-bank.ts
+import { Internals as Internals2 } from "remotion";
 var roundTo4Digits = (timestamp) => {
   return Math.round(timestamp * 1000) / 1000;
 };
@@ -13291,7 +13264,7 @@ var makeKeyframeBank = ({
   const frames = {};
   const frameTimestamps = [];
   let lastUsed = Date.now();
-  let alloctionSize = 0;
+  let allocationSize = 0;
   const hasDecodedEnoughForTimestamp = (timestamp) => {
     const lastFrameTimestamp = frameTimestamps[frameTimestamps.length - 1];
     if (!lastFrameTimestamp) {
@@ -13306,7 +13279,7 @@ var makeKeyframeBank = ({
   const addFrame = (frame) => {
     frames[frame.timestamp] = frame;
     frameTimestamps.push(frame.timestamp);
-    alloctionSize += frame.allocationSize();
+    allocationSize += frame.allocationSize();
     lastUsed = Date.now();
   };
   const ensureEnoughFramesForTimestamp = async (timestamp) => {
@@ -13353,7 +13326,7 @@ var makeKeyframeBank = ({
       if (!frames[frameTimestamp]) {
         continue;
       }
-      alloctionSize -= frames[frameTimestamp].allocationSize();
+      allocationSize -= frames[frameTimestamp].allocationSize();
       frames[frameTimestamp].close();
       delete frames[frameTimestamp];
     }
@@ -13373,17 +13346,17 @@ var makeKeyframeBank = ({
         if (!frames[frameTimestamp]) {
           continue;
         }
-        alloctionSize -= frames[frameTimestamp].allocationSize();
+        allocationSize -= frames[frameTimestamp].allocationSize();
         frameTimestamps.splice(frameTimestamps.indexOf(frameTimestamp), 1);
         frames[frameTimestamp].close();
         delete frames[frameTimestamp];
-        Log2.verbose(logLevel, `[Video] Deleted frame ${frameTimestamp} for src ${src}`);
+        Internals2.Log.verbose({ logLevel, tag: "@remotion/media" }, `Deleted frame ${frameTimestamp} for src ${src}`);
       }
     }
   };
   const getOpenFrameCount = () => {
     return {
-      size: alloctionSize,
+      size: allocationSize,
       timestamps: frameTimestamps
     };
   };
@@ -13457,7 +13430,7 @@ var getFramesSinceKeyframe = async ({
   startPacket
 }) => {
   const nextKeyPacket = await packetSink.getNextKeyPacket(startPacket, {
-    verifyKeyPackets: false
+    verifyKeyPackets: true
   });
   const sampleIterator = videoSampleSink.samples(startPacket.timestamp, nextKeyPacket ? nextKeyPacket.timestamp : Infinity);
   const keyframeBank = makeKeyframeBank({
@@ -13491,10 +13464,10 @@ var makeKeyframeManager = () => {
         if (size === 0) {
           continue;
         }
-        Log2.verbose(logLevel, `[Video] Open frames for src ${src}: ${timestamps.join(", ")}`);
+        Internals3.Log.verbose({ logLevel, tag: "@remotion/media" }, `Open frames for src ${src}: ${timestamps.join(", ")}`);
       }
     }
-    Log2.verbose(logLevel, `[Video] Cache stats: ${count} open frames, ${totalSize} bytes`);
+    Internals3.Log.verbose({ logLevel, tag: "@remotion/media" }, `Video cache stats: ${count} open frames, ${totalSize} bytes`);
   };
   const getCacheStats = async () => {
     let count = 0;
@@ -13535,7 +13508,7 @@ var makeKeyframeManager = () => {
     if (mostInThePastBank) {
       await mostInThePastBank.prepareForDeletion();
       delete sources[mostInThePastSrc][mostInThePastBank.startTimestampInSeconds];
-      Log2.verbose(logLevel, `[Video] Deleted frames for src ${mostInThePastSrc} from ${mostInThePastBank.startTimestampInSeconds}sec to ${mostInThePastBank.endTimestampInSeconds}sec to free up memory.`);
+      Internals3.Log.verbose({ logLevel, tag: "@remotion/media" }, `Deleted frames for src ${mostInThePastSrc} from ${mostInThePastBank.startTimestampInSeconds}sec to ${mostInThePastBank.endTimestampInSeconds}sec to free up memory.`);
     }
   };
   const ensureToStayUnderMaxCacheSize = async (logLevel) => {
@@ -13561,7 +13534,7 @@ var makeKeyframeManager = () => {
       const { endTimestampInSeconds, startTimestampInSeconds } = bank;
       if (endTimestampInSeconds < threshold) {
         await bank.prepareForDeletion();
-        Log2.verbose(logLevel, `[Video] Cleared frames for src ${src} from ${startTimestampInSeconds}sec to ${endTimestampInSeconds}sec`);
+        Internals3.Log.verbose({ logLevel, tag: "@remotion/media" }, `[Video] Cleared frames for src ${src} from ${startTimestampInSeconds}sec to ${endTimestampInSeconds}sec`);
         delete sources[src][startTimeInSeconds];
       } else {
         bank.deleteFramesBeforeTimestamp({
@@ -13600,7 +13573,7 @@ var makeKeyframeManager = () => {
     if (await (await existingBank).hasTimestampInSecond(timestamp)) {
       return existingBank;
     }
-    Log2.verbose(logLevel, `[Video] Bank exists but frames have already been evicted!`);
+    Internals3.Log.verbose({ logLevel, tag: "@remotion/media" }, `Keyframe bank exists but frames have already been evicted!`);
     await (await existingBank).prepareForDeletion();
     delete sources[src][startTimestampInSeconds];
     const replacementKeybank = getFramesSinceKeyframe({
@@ -13672,20 +13645,20 @@ var getUncachedMaxCacheSize = (logLevel) => {
     if (window.remotion_mediaCacheSizeInBytes > 20000 * 1024 * 1024) {
       cancelRender(new Error(`The maximum value for the "mediaCacheSizeInBytes" prop is 20GB (${20000 * 1024 * 1024}), got: ${window.remotion_mediaCacheSizeInBytes}`));
     }
-    Log2.verbose(logLevel, `Using @remotion/media cache size set using "mediaCacheSizeInBytes": ${(window.remotion_mediaCacheSizeInBytes / 1024 / 1024).toFixed(1)} MB`);
+    Internals4.Log.verbose({ logLevel, tag: "@remotion/media" }, `Using cache size set using "mediaCacheSizeInBytes": ${(window.remotion_mediaCacheSizeInBytes / 1024 / 1024).toFixed(1)} MB`);
     return window.remotion_mediaCacheSizeInBytes;
   }
   if (window.remotion_initialMemoryAvailable !== undefined && window.remotion_initialMemoryAvailable !== null) {
     const value = window.remotion_initialMemoryAvailable / 2;
     if (value < 240 * 1024 * 1024) {
-      Log2.verbose(logLevel, `Using @remotion/media cache size set based on minimum value of 240MB (which is more than half of the available system memory!)`);
+      Internals4.Log.verbose({ logLevel, tag: "@remotion/media" }, `Using cache size set based on minimum value of 240MB (which is more than half of the available system memory!)`);
       return 240 * 1024 * 1024;
     }
     if (value > 20000 * 1024 * 1024) {
-      Log2.verbose(logLevel, `Using @remotion/media cache size set based on maximum value of 20GB (which is less than half of the available system memory)`);
+      Internals4.Log.verbose({ logLevel, tag: "@remotion/media" }, `Using cache size set based on maximum value of 20GB (which is less than half of the available system memory)`);
       return 20000 * 1024 * 1024;
     }
-    Log2.verbose(logLevel, `Using @remotion/media cache size set based on available memory (50% of available memory): ${(value / 1024 / 1024).toFixed(1)} MB`);
+    Internals4.Log.verbose({ logLevel, tag: "@remotion/media" }, `Using cache size set based on available memory (50% of available memory): ${(value / 1024 / 1024).toFixed(1)} MB`);
     return value;
   }
   return 1000 * 1000 * 1000;
@@ -13796,8 +13769,9 @@ var resampleAudioData = ({
       const c = getSourceValues(start, end, 2);
       const sl = getSourceValues(start, end, 3);
       const sr = getSourceValues(start, end, 4);
-      const l2 = l + Math.sqrt(1 / 2) * (c + sl);
-      const r2 = r + Math.sqrt(1 / 2) * (c + sr);
+      const sq = Math.sqrt(1 / 2);
+      const l2 = l + sq * (c + sl);
+      const r2 = r + sq * (c + sr);
       destination[newFrameIndex * 2 + 0] = l2;
       destination[newFrameIndex * 2 + 1] = r2;
     } else {
@@ -14119,11 +14093,11 @@ var AudioForRendering = ({
   logLevel = window.remotion_logLevel,
   loop
 }) => {
-  const absoluteFrame = Internals.useTimelinePosition();
-  const videoConfig = Internals.useUnsafeVideoConfig();
-  const { registerRenderAsset, unregisterRenderAsset } = useContext4(Internals.RenderAssetManager);
+  const absoluteFrame = Internals5.useTimelinePosition();
+  const videoConfig = Internals5.useUnsafeVideoConfig();
+  const { registerRenderAsset, unregisterRenderAsset } = useContext4(Internals5.RenderAssetManager);
   const frame = useCurrentFrame();
-  const volumePropsFrame = Internals.useFrameForVolumeProp(loopVolumeCurveBehavior ?? "repeat");
+  const volumePropsFrame = Internals5.useFrameForVolumeProp(loopVolumeCurveBehavior ?? "repeat");
   const environment = useRemotionEnvironment2();
   const [id] = useState3(() => `${Math.random()}`.replace("0.", ""));
   if (!videoConfig) {
@@ -14132,12 +14106,12 @@ var AudioForRendering = ({
   if (!src) {
     throw new TypeError("No `src` was passed to <Audio>.");
   }
-  const volume = Internals.evaluateVolume({
+  const volume = Internals5.evaluateVolume({
     volume: volumeProp,
     frame: volumePropsFrame,
     mediaVolume: 1
   });
-  Internals.warnAboutTooHighVolume(volume);
+  Internals5.warnAboutTooHighVolume(volume);
   const shouldRenderAudio = useMemo3(() => {
     if (!window.remotion_audioEnabled) {
       return false;
@@ -14220,7 +14194,7 @@ var {
   resolveTrimProps,
   validateMediaProps,
   AudioForPreview
-} = Internals2;
+} = Internals6;
 var Audio = (props) => {
   const audioContext = useContext5(SharedAudioContext);
   const {
@@ -14307,7 +14281,7 @@ var Audio = (props) => {
 };
 // src/video/video.tsx
 import { useCallback as useCallback3 } from "react";
-import { Internals as Internals4, Sequence as Sequence2, useRemotionEnvironment as useRemotionEnvironment5 } from "remotion";
+import { Internals as Internals8, Sequence as Sequence2, useRemotionEnvironment as useRemotionEnvironment5 } from "remotion";
 
 // src/video/video-for-rendering.tsx
 import {
@@ -14319,7 +14293,7 @@ import {
 } from "react";
 import {
   cancelRender as cancelRender4,
-  Internals as Internals3,
+  Internals as Internals7,
   useCurrentFrame as useCurrentFrame2,
   useDelayRender as useDelayRender2,
   useRemotionEnvironment as useRemotionEnvironment4,
@@ -14340,23 +14314,23 @@ var VideoForRendering = ({
   style,
   className
 }) => {
-  const absoluteFrame = Internals3.useTimelinePosition();
+  const absoluteFrame = Internals7.useTimelinePosition();
   const { fps } = useVideoConfig();
   const canvasRef = useRef2(null);
-  const { registerRenderAsset, unregisterRenderAsset } = useContext6(Internals3.RenderAssetManager);
+  const { registerRenderAsset, unregisterRenderAsset } = useContext6(Internals7.RenderAssetManager);
   const frame = useCurrentFrame2();
-  const volumePropsFrame = Internals3.useFrameForVolumeProp(loopVolumeCurveBehavior ?? "repeat");
+  const volumePropsFrame = Internals7.useFrameForVolumeProp(loopVolumeCurveBehavior ?? "repeat");
   const environment = useRemotionEnvironment4();
   const [id] = useState4(() => `${Math.random()}`.replace("0.", ""));
   if (!src) {
     throw new TypeError("No `src` was passed to <Video>.");
   }
-  const volume = Internals3.evaluateVolume({
+  const volume = Internals7.evaluateVolume({
     volume: volumeProp,
     frame: volumePropsFrame,
     mediaVolume: 1
   });
-  Internals3.warnAboutTooHighVolume(volume);
+  Internals7.warnAboutTooHighVolume(volume);
   const shouldRenderAudio = useMemo4(() => {
     if (!window.remotion_audioEnabled) {
       return false;
@@ -14447,7 +14421,7 @@ var VideoForRendering = ({
     loop
   ]);
   const classNameValue = useMemo4(() => {
-    return [Internals3.OBJECTFIT_CONTAIN_CLASS_NAME, className].filter(Internals3.truthy).join(" ");
+    return [Internals7.OBJECTFIT_CONTAIN_CLASS_NAME, className].filter(Internals7.truthy).join(" ");
   }, [className]);
   return /* @__PURE__ */ jsx3("canvas", {
     ref: canvasRef,
@@ -14463,7 +14437,7 @@ var {
   resolveTrimProps: resolveTrimProps2,
   validateMediaProps: validateMediaProps2,
   VideoForPreview
-} = Internals4;
+} = Internals8;
 var Video = (props) => {
   const {
     trimBefore,

package/dist/video-extraction/extract-frame-via-broadcast-channel.d.ts

@@ -1,5 +1,5 @@
+import { type LogLevel } from 'remotion';
 import type { PcmS16AudioData } from '../convert-audiodata/convert-audiodata';
-import type { LogLevel } from '../log';
 export declare const extractFrameViaBroadcastChannel: ({ src, timeInSeconds, logLevel, durationInSeconds, includeAudio, includeVideo, isClientSideRendering, volume, loop, }: {
     src: string;
     timeInSeconds: number;

package/dist/video-extraction/extract-frame.d.ts

@@ -1,4 +1,4 @@
-import type { LogLevel } from '../log';
+import { type LogLevel } from 'remotion';
 import { type GetSink } from './get-frames-since-keyframe';
 export declare const sinkPromises: Record<string, Promise<GetSink>>;
 export declare const extractFrame: ({ src, timeInSeconds: unloopedTimeinSeconds, logLevel, loop, }: {

package/dist/video-extraction/get-frames-since-keyframe.js

@@ -30,7 +30,7 @@ export const getSinks = async (src) => {
 };
 export const getFramesSinceKeyframe = async ({ packetSink, videoSampleSink, startPacket, }) => {
     const nextKeyPacket = await packetSink.getNextKeyPacket(startPacket, {
-        verifyKeyPackets: false,
+        verifyKeyPackets: true,
     });
     const sampleIterator = videoSampleSink.samples(startPacket.timestamp, nextKeyPacket ? nextKeyPacket.timestamp : Infinity);
     const keyframeBank = makeKeyframeBank({

package/dist/video-extraction/keyframe-bank.d.ts

@@ -1,5 +1,5 @@
 import type { VideoSample } from 'mediabunny';
-import type { LogLevel } from '../log';
+import { type LogLevel } from 'remotion';
 export type KeyframeBank = {
     startTimestampInSeconds: number;
     endTimestampInSeconds: number;

package/dist/video-extraction/keyframe-bank.js

@@ -1,4 +1,4 @@
-import { Log } from '../log';
+import { Internals } from 'remotion';
 // Round to only 4 digits, because WebM has a timescale of 1_000, e.g. framer.webm
 const roundTo4Digits = (timestamp) => {
     return Math.round(timestamp * 1000) / 1000;
@@ -7,7 +7,7 @@ export const makeKeyframeBank = ({ startTimestampInSeconds, endTimestampInSecond
     const frames = {};
     const frameTimestamps = [];
     let lastUsed = Date.now();
-    let alloctionSize = 0;
+    let allocationSize = 0;
     const hasDecodedEnoughForTimestamp = (timestamp) => {
         const lastFrameTimestamp = frameTimestamps[frameTimestamps.length - 1];
         if (!lastFrameTimestamp) {
@@ -24,7 +24,7 @@ export const makeKeyframeBank = ({ startTimestampInSeconds, endTimestampInSecond
     const addFrame = (frame) => {
         frames[frame.timestamp] = frame;
         frameTimestamps.push(frame.timestamp);
-        alloctionSize += frame.allocationSize();
+        allocationSize += frame.allocationSize();
         lastUsed = Date.now();
     };
     const ensureEnoughFramesForTimestamp = async (timestamp) => {
@@ -72,7 +72,7 @@ export const makeKeyframeBank = ({ startTimestampInSeconds, endTimestampInSecond
             if (!frames[frameTimestamp]) {
                 continue;
             }
-            alloctionSize -= frames[frameTimestamp].allocationSize();
+            allocationSize -= frames[frameTimestamp].allocationSize();
             frames[frameTimestamp].close();
             delete frames[frameTimestamp];
         }
@@ -89,17 +89,17 @@ export const makeKeyframeBank = ({ startTimestampInSeconds, endTimestampInSecond
                 if (!frames[frameTimestamp]) {
                     continue;
                 }
-                alloctionSize -= frames[frameTimestamp].allocationSize();
+                allocationSize -= frames[frameTimestamp].allocationSize();
                 frameTimestamps.splice(frameTimestamps.indexOf(frameTimestamp), 1);
                 frames[frameTimestamp].close();
                 delete frames[frameTimestamp];
-                Log.verbose(logLevel, `[Video] Deleted frame ${frameTimestamp} for src ${src}`);
+                Internals.Log.verbose({ logLevel, tag: '@remotion/media' }, `Deleted frame ${frameTimestamp} for src ${src}`);
             }
         }
     };
     const getOpenFrameCount = () => {
         return {
-            size: alloctionSize,
+            size: allocationSize,
             timestamps: frameTimestamps,
         };
     };

package/dist/video-extraction/keyframe-manager.d.ts

@@ -1,5 +1,5 @@
 import type { EncodedPacketSink, VideoSampleSink } from 'mediabunny';
-import type { LogLevel } from '../log';
+import { type LogLevel } from 'remotion';
 import { type KeyframeBank } from './keyframe-bank';
 export declare const makeKeyframeManager: () => {
     requestKeyframeBank: ({ packetSink, timestamp, videoSampleSink, src, logLevel, }: {

package/dist/video-extraction/keyframe-manager.js

@@ -1,5 +1,5 @@
+import { Internals } from 'remotion';
 import { getMaxVideoCacheSize, getTotalCacheStats, SAFE_BACK_WINDOW_IN_SECONDS, } from '../caches';
-import { Log } from '../log';
 import { getFramesSinceKeyframe } from './get-frames-since-keyframe';
 export const makeKeyframeManager = () => {
     // src => {[startTimestampInSeconds]: KeyframeBank
@@ -20,10 +20,10 @@ export const makeKeyframeManager = () => {
                 if (size === 0) {
                     continue;
                 }
-                Log.verbose(logLevel, `[Video] Open frames for src ${src}: ${timestamps.join(', ')}`);
+                Internals.Log.verbose({ logLevel, tag: '@remotion/media' }, `Open frames for src ${src}: ${timestamps.join(', ')}`);
             }
         }
-        Log.verbose(logLevel, `[Video] Cache stats: ${count} open frames, ${totalSize} bytes`);
+        Internals.Log.verbose({ logLevel, tag: '@remotion/media' }, `Video cache stats: ${count} open frames, ${totalSize} bytes`);
     };
     const getCacheStats = async () => {
         let count = 0;
@@ -64,7 +64,7 @@ export const makeKeyframeManager = () => {
         if (mostInThePastBank) {
             await mostInThePastBank.prepareForDeletion();
             delete sources[mostInThePastSrc][mostInThePastBank.startTimestampInSeconds];
-            Log.verbose(logLevel, `[Video] Deleted frames for src ${mostInThePastSrc} from ${mostInThePastBank.startTimestampInSeconds}sec to ${mostInThePastBank.endTimestampInSeconds}sec to free up memory.`);
+            Internals.Log.verbose({ logLevel, tag: '@remotion/media' }, `Deleted frames for src ${mostInThePastSrc} from ${mostInThePastBank.startTimestampInSeconds}sec to ${mostInThePastBank.endTimestampInSeconds}sec to free up memory.`);
         }
     };
     const ensureToStayUnderMaxCacheSize = async (logLevel) => {
@@ -86,7 +86,7 @@ export const makeKeyframeManager = () => {
             const { endTimestampInSeconds, startTimestampInSeconds } = bank;
             if (endTimestampInSeconds < threshold) {
                 await bank.prepareForDeletion();
-                Log.verbose(logLevel, `[Video] Cleared frames for src ${src} from ${startTimestampInSeconds}sec to ${endTimestampInSeconds}sec`);
+                Internals.Log.verbose({ logLevel, tag: '@remotion/media' }, `[Video] Cleared frames for src ${src} from ${startTimestampInSeconds}sec to ${endTimestampInSeconds}sec`);
                 delete sources[src][startTimeInSeconds];
             }
             else {
@@ -122,7 +122,7 @@ export const makeKeyframeManager = () => {
         if (await (await existingBank).hasTimestampInSecond(timestamp)) {
             return existingBank;
         }
-        Log.verbose(logLevel, `[Video] Bank exists but frames have already been evicted!`);
+        Internals.Log.verbose({ logLevel, tag: '@remotion/media' }, `Keyframe bank exists but frames have already been evicted!`);
         // Bank exists but frames have already been evicted!
         // First delete it entirely
         await (await existingBank).prepareForDeletion();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/media",
-  "version": "4.0.352",
+  "version": "4.0.353",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/esm/index.mjs",
@@ -15,7 +15,7 @@
   "dependencies": {
     "mediabunny": "1.17.0",
     "webdriverio": "9.19.2",
-    "remotion": "4.0.352"
+    "remotion": "4.0.353"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -27,7 +27,7 @@
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "vitest": "3.2.4",
-    "@remotion/eslint-config-internal": "4.0.352"
+    "@remotion/eslint-config-internal": "4.0.353"
   },
   "keywords": [],
   "publishConfig": {

package/dist/audio-for-rendering.d.ts

@@ -1,3 +0,0 @@
-import type React from 'react';
-import type { AudioProps } from './props';
-export declare const AudioForRendering: React.FC<AudioProps>;