@remotion/webcodecs 4.0.293 → 4.0.294

package/dist/convert-media.d.ts

@@ -35,7 +35,7 @@ export type ConvertMediaOnAudioData = (options: {
     audioData: AudioData;
     track: AudioTrack;
 }) => Promise<AudioData> | AudioData;
-export declare const convertMedia: <F extends Options<ParseMediaFields>>({ src, onVideoFrame, onAudioData, onProgress: onProgressDoNotCallDirectly, audioCodec, container, videoCodec, controller, onAudioTrack: userAudioResolver, onVideoTrack: userVideoResolver, reader, fields, logLevel, writer, progressIntervalInMs, rotate, apiKey, resize, onAudioCodec, onContainer, onDimensions, onDurationInSeconds, onFps, onImages, onInternalStats, onIsHdr, onKeyframes, onLocation, onMetadata, onMimeType, onName, onNumberOfAudioChannels, onRotation, onSampleRate, onSize, onSlowAudioBitrate, onSlowDurationInSeconds, onSlowFps, onSlowKeyframes, onSlowNumberOfFrames, onSlowVideoBitrate, onStructure, onTracks, onUnrotatedDimensions, onVideoCodec, onM3uStreams, selectM3uStream, selectM3uAssociatedPlaylists, expectedDurationInSeconds, seekingHints, ...more }: {
+export declare const convertMedia: <F extends Options<ParseMediaFields>>({ src, onVideoFrame, onAudioData, onProgress: onProgressDoNotCallDirectly, audioCodec, container, videoCodec, controller, onAudioTrack: userAudioResolver, onVideoTrack: userVideoResolver, reader, fields, logLevel, writer, progressIntervalInMs, rotate, apiKey, resize, onAudioCodec, onContainer, onDimensions, onDurationInSeconds, onFps, onImages, onInternalStats, onIsHdr, onKeyframes, onLocation, onMetadata, onMimeType, onName, onNumberOfAudioChannels, onRotation, onSampleRate, onSize, onSlowAudioBitrate, onSlowDurationInSeconds, onSlowFps, onSlowKeyframes, onSlowNumberOfFrames, onSlowVideoBitrate, onStructure, onTracks, onUnrotatedDimensions, onVideoCodec, onM3uStreams, selectM3uStream, selectM3uAssociatedPlaylists, expectedDurationInSeconds, expectedFrameRate, seekingHints, ...more }: {
     src: ParseMediaOptions<F>["src"];
     container: ConvertMediaContainer;
     onVideoFrame?: ConvertMediaOnVideoFrame;
@@ -49,6 +49,7 @@ export declare const convertMedia: <F extends Options<ParseMediaFields>>({ src,
     selectM3uStream?: ParseMediaOptions<F>["selectM3uStream"];
     selectM3uAssociatedPlaylists?: ParseMediaOptions<F>["selectM3uAssociatedPlaylists"];
     expectedDurationInSeconds?: number | null;
+    expectedFrameRate?: number | null;
     reader?: ParseMediaOptions<F>["reader"];
     logLevel?: LogLevel;
     writer?: WriterInterface;

package/dist/convert-media.js

@@ -21,7 +21,7 @@ const select_container_creator_1 = require("./select-container-creator");
 const send_telemetry_event_1 = require("./send-telemetry-event");
 const throttled_state_update_1 = require("./throttled-state-update");
 const webcodecs_controller_1 = require("./webcodecs-controller");
-const convertMedia = async function ({ src, onVideoFrame, onAudioData, onProgress: onProgressDoNotCallDirectly, audioCodec, container, videoCodec, controller = (0, webcodecs_controller_1.webcodecsController)(), onAudioTrack: userAudioResolver, onVideoTrack: userVideoResolver, reader, fields, logLevel = 'info', writer, progressIntervalInMs, rotate, apiKey, resize, onAudioCodec, onContainer, onDimensions, onDurationInSeconds, onFps, onImages, onInternalStats, onIsHdr, onKeyframes, onLocation, onMetadata, onMimeType, onName, onNumberOfAudioChannels, onRotation, onSampleRate, onSize, onSlowAudioBitrate, onSlowDurationInSeconds, onSlowFps, onSlowKeyframes, onSlowNumberOfFrames, onSlowVideoBitrate, onStructure, onTracks, onUnrotatedDimensions, onVideoCodec, onM3uStreams, selectM3uStream, selectM3uAssociatedPlaylists, expectedDurationInSeconds, seekingHints, ...more }) {
+const convertMedia = async function ({ src, onVideoFrame, onAudioData, onProgress: onProgressDoNotCallDirectly, audioCodec, container, videoCodec, controller = (0, webcodecs_controller_1.webcodecsController)(), onAudioTrack: userAudioResolver, onVideoTrack: userVideoResolver, reader, fields, logLevel = 'info', writer, progressIntervalInMs, rotate, apiKey, resize, onAudioCodec, onContainer, onDimensions, onDurationInSeconds, onFps, onImages, onInternalStats, onIsHdr, onKeyframes, onLocation, onMetadata, onMimeType, onName, onNumberOfAudioChannels, onRotation, onSampleRate, onSize, onSlowAudioBitrate, onSlowDurationInSeconds, onSlowFps, onSlowKeyframes, onSlowNumberOfFrames, onSlowVideoBitrate, onStructure, onTracks, onUnrotatedDimensions, onVideoCodec, onM3uStreams, selectM3uStream, selectM3uAssociatedPlaylists, expectedDurationInSeconds, expectedFrameRate, seekingHints, ...more }) {
     if (controller._internals.signal.aborted) {
         return Promise.reject(new media_parser_1.MediaParserAbortError('Aborted'));
     }
@@ -78,6 +78,7 @@ const convertMedia = async function ({ src, onVideoFrame, onAudioData, onProgres
         logLevel,
         progressTracker,
         expectedDurationInSeconds: expectedDurationInSeconds ?? null,
+        expectedFrameRate: expectedFrameRate ?? null,
     });
     const onVideoTrack = (0, on_video_track_1.makeVideoTrackHandler)({
         state,

package/dist/create/iso-base-media/create-iso-base-media.d.ts

@@ -1,2 +1,2 @@
 import type { MediaFn, MediaFnGeneratorInput } from '../media-fn';
-export declare const createIsoBaseMedia: ({ writer, onBytesProgress, onMillisecondsProgress, logLevel, filename, progressTracker, expectedDurationInSeconds, }: MediaFnGeneratorInput) => Promise<MediaFn>;
+export declare const createIsoBaseMedia: ({ writer, onBytesProgress, onMillisecondsProgress, logLevel, filename, progressTracker, expectedDurationInSeconds, expectedFrameRate, }: MediaFnGeneratorInput) => Promise<MediaFn>;

package/dist/create/iso-base-media/create-iso-base-media.js

@@ -7,7 +7,7 @@ const create_ftyp_1 = require("./create-ftyp");
 const mp4_header_1 = require("./mp4-header");
 const primitives_1 = require("./primitives");
 const CONTAINER_TIMESCALE = 1000;
-const createIsoBaseMedia = async ({ writer, onBytesProgress, onMillisecondsProgress, logLevel, filename, progressTracker, expectedDurationInSeconds, }) => {
+const createIsoBaseMedia = async ({ writer, onBytesProgress, onMillisecondsProgress, logLevel, filename, progressTracker, expectedDurationInSeconds, expectedFrameRate, }) => {
     const header = (0, create_ftyp_1.createIsoBaseMediaFtyp)({
         compatibleBrands: ['isom', 'iso2', 'avc1', 'mp42'],
         majorBrand: 'isom',
@@ -40,6 +40,7 @@ const createIsoBaseMedia = async ({ writer, onBytesProgress, onMillisecondsProgr
             timescale: CONTAINER_TIMESCALE,
             expectedDurationInSeconds,
             logLevel,
+            expectedFrameRate,
         });
     };
     await w.write(getPaddedMoovAtom());

package/dist/create/iso-base-media/header-length.d.ts

@@ -1 +1,4 @@
-export declare const calculateAReasonableMp4HeaderLength: (expectedDurationInSeconds: number | null) => number;
+export declare const calculateAReasonableMp4HeaderLength: ({ expectedDurationInSeconds, expectedFrameRate, }: {
+    expectedDurationInSeconds: number | null;
+    expectedFrameRate: number | null;
+}) => number;

package/dist/create/iso-base-media/header-length.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.calculateAReasonableMp4HeaderLength = void 0;
-const calculateAReasonableMp4HeaderLength = (expectedDurationInSeconds) => {
+const calculateAReasonableMp4HeaderLength = ({ expectedDurationInSeconds, expectedFrameRate, }) => {
     if (expectedDurationInSeconds === null) {
         return 2048000;
     }
@@ -9,11 +9,15 @@ const calculateAReasonableMp4HeaderLength = (expectedDurationInSeconds) => {
      * we had a video that was 1 hour 40 minutes long and the header ended up being 3.7MB. the header approximately grows linearly to the video length in seconds, but we should reserve enough, like at least 50KB in any case.
      * it's better to be safe than to fail, so let's add a 30% safety margin
      */
+    // This was however with 30fps, and there can also be 60fps videos, so let's
+    // estimate even more conservatively and estimate 60fps
+    const assumedFrameRate = expectedFrameRate ?? 60;
+    const frameRateMultiplier = assumedFrameRate / 30;
     // 1h40m = 6000 seconds resulted in 3.7MB header
     // So bytes per second = 3.7MB / 6000 = ~616 bytes/second
     const bytesPerSecond = (3.7 * 1024 * 1024) / 6000;
-    // Add 20% safety margin
-    const bytesWithSafetyMargin = bytesPerSecond * 1.2;
+    // Add 20% safety margin and multiply by frame rate multiplier
+    const bytesWithSafetyMargin = bytesPerSecond * 1.2 * frameRateMultiplier;
     // Calculate based on duration, with minimum 50KB
     const calculatedBytes = Math.max(50 * 1024, Math.ceil(expectedDurationInSeconds * bytesWithSafetyMargin));
     return calculatedBytes;

package/dist/create/iso-base-media/mp4-header.d.ts

@@ -1,9 +1,10 @@
 import type { LogLevel } from '@remotion/media-parser';
 import type { IsoBaseMediaTrackData } from './serialize-track';
-export declare const createPaddedMoovAtom: ({ durationInUnits, trackInfo, timescale, expectedDurationInSeconds, logLevel, }: {
+export declare const createPaddedMoovAtom: ({ durationInUnits, trackInfo, timescale, expectedDurationInSeconds, logLevel, expectedFrameRate, }: {
     durationInUnits: number;
     trackInfo: IsoBaseMediaTrackData[];
     timescale: number;
     expectedDurationInSeconds: number | null;
     logLevel: LogLevel;
+    expectedFrameRate: number | null;
 }) => Uint8Array<ArrayBufferLike>;

package/dist/create/iso-base-media/mp4-header.js

@@ -14,8 +14,11 @@ const primitives_1 = require("./primitives");
 const serialize_track_1 = require("./serialize-track");
 const create_meta_1 = require("./udta/create-meta");
 const create_hdlr_1 = require("./udta/meta/create-hdlr");
-const createPaddedMoovAtom = ({ durationInUnits, trackInfo, timescale, expectedDurationInSeconds, logLevel, }) => {
-    const headerLength = (0, header_length_1.calculateAReasonableMp4HeaderLength)(expectedDurationInSeconds);
+const createPaddedMoovAtom = ({ durationInUnits, trackInfo, timescale, expectedDurationInSeconds, logLevel, expectedFrameRate, }) => {
+    const headerLength = (0, header_length_1.calculateAReasonableMp4HeaderLength)({
+        expectedDurationInSeconds,
+        expectedFrameRate,
+    });
     if (expectedDurationInSeconds !== null) {
         log_1.Log.verbose(logLevel, `Expecting duration of the video to be ${expectedDurationInSeconds} seconds, allocating ${headerLength} bytes for the MP4 header.`);
     }

package/dist/create/media-fn.d.ts

@@ -29,4 +29,5 @@ export type MediaFnGeneratorInput = {
     filename: string;
     progressTracker: ProgressTracker;
     expectedDurationInSeconds: number | null;
+    expectedFrameRate: number | null;
 };

package/dist/esm/index.mjs

@@ -3031,12 +3031,17 @@ var createUdta = (children) => {
 };
 
 // src/create/iso-base-media/header-length.ts
-var calculateAReasonableMp4HeaderLength = (expectedDurationInSeconds) => {
+var calculateAReasonableMp4HeaderLength = ({
+  expectedDurationInSeconds,
+  expectedFrameRate
+}) => {
   if (expectedDurationInSeconds === null) {
     return 2048000;
   }
+  const assumedFrameRate = expectedFrameRate ?? 60;
+  const frameRateMultiplier = assumedFrameRate / 30;
   const bytesPerSecond = 3.7 * 1024 * 1024 / 6000;
-  const bytesWithSafetyMargin = bytesPerSecond * 1.2;
+  const bytesWithSafetyMargin = bytesPerSecond * 1.2 * frameRateMultiplier;
   const calculatedBytes = Math.max(50 * 1024, Math.ceil(expectedDurationInSeconds * bytesWithSafetyMargin));
   return calculatedBytes;
 };
@@ -3782,9 +3787,13 @@ var createPaddedMoovAtom = ({
   trackInfo,
   timescale,
   expectedDurationInSeconds,
-  logLevel
+  logLevel,
+  expectedFrameRate
 }) => {
-  const headerLength = calculateAReasonableMp4HeaderLength(expectedDurationInSeconds);
+  const headerLength = calculateAReasonableMp4HeaderLength({
+    expectedDurationInSeconds,
+    expectedFrameRate
+  });
   if (expectedDurationInSeconds !== null) {
     Log.verbose(logLevel, `Expecting duration of the video to be ${expectedDurationInSeconds} seconds, allocating ${headerLength} bytes for the MP4 header.`);
   } else {
@@ -3828,7 +3837,8 @@ var createIsoBaseMedia = async ({
   logLevel,
   filename,
   progressTracker,
-  expectedDurationInSeconds
+  expectedDurationInSeconds,
+  expectedFrameRate
 }) => {
   const header = createIsoBaseMediaFtyp({
     compatibleBrands: ["isom", "iso2", "avc1", "mp42"],
@@ -3861,7 +3871,8 @@ var createIsoBaseMedia = async ({
       }),
       timescale: CONTAINER_TIMESCALE,
       expectedDurationInSeconds,
-      logLevel
+      logLevel,
+      expectedFrameRate
     });
   };
   await w.write(getPaddedMoovAtom());
@@ -5060,6 +5071,7 @@ var convertMedia = async function({
   selectM3uStream,
   selectM3uAssociatedPlaylists,
   expectedDurationInSeconds,
+  expectedFrameRate,
   seekingHints,
   ...more
 }) {
@@ -5118,7 +5130,8 @@ var convertMedia = async function({
     },
     logLevel,
     progressTracker,
-    expectedDurationInSeconds: expectedDurationInSeconds ?? null
+    expectedDurationInSeconds: expectedDurationInSeconds ?? null,
+    expectedFrameRate: expectedFrameRate ?? null
   });
   const onVideoTrack = makeVideoTrackHandler({
     state,

package/dist/get-codec-string.js

@@ -5,7 +5,7 @@ const choose_correct_avc1_profile_1 = require("./choose-correct-avc1-profile");
 const choose_correct_hevc_profile_1 = require("./choose-correct-hevc-profile");
 const getCodecStringForEncoder = ({ codec, fps, height, width, }) => {
     if (codec === 'h264') {
-        return (0, choose_correct_avc1_profile_1.chooseCorrectAvc1Profile)({ fps, height, width });
+        return (0, choose_correct_avc1_profile_1.chooseCorrectAvc1Profile)({ fps, height, width }); // return chooseCorrectAvc1Profile({fps, height, width});
     }
     if (codec === 'h265') {
         return (0, choose_correct_hevc_profile_1.chooseCorrectHevcProfile)({ fps, height, width });

package/dist/select-container-creator.d.ts

@@ -1,2 +1,2 @@
 import type { ConvertMediaContainer } from './get-available-containers';
-export declare const selectContainerCreator: (container: ConvertMediaContainer) => ({ writer, onBytesProgress, onMillisecondsProgress, logLevel, filename, progressTracker, expectedDurationInSeconds, }: import("./create/media-fn").MediaFnGeneratorInput) => Promise<import("./create/media-fn").MediaFn>;
+export declare const selectContainerCreator: (container: ConvertMediaContainer) => ({ writer, onBytesProgress, onMillisecondsProgress, logLevel, filename, progressTracker, expectedDurationInSeconds, expectedFrameRate, }: import("./create/media-fn").MediaFnGeneratorInput) => Promise<import("./create/media-fn").MediaFn>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/webcodecs",
-  "version": "4.0.293",
+  "version": "4.0.294",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/esm/index.mjs",
@@ -19,8 +19,8 @@
   "author": "Jonny Burger <jonny@remotion.dev>",
   "license": "Remotion License (See https://remotion.dev/docs/webcodecs#license)",
   "dependencies": {
-    "@remotion/media-parser": "4.0.293",
-    "@remotion/licensing": "4.0.293"
+    "@remotion/media-parser": "4.0.294",
+    "@remotion/licensing": "4.0.294"
   },
   "peerDependencies": {},
   "devDependencies": {
@@ -28,8 +28,8 @@
     "playwright": "1.51.1",
     "@playwright/test": "1.51.1",
     "eslint": "9.19.0",
-    "@remotion/example-videos": "4.0.293",
-    "@remotion/eslint-config-internal": "4.0.293"
+    "@remotion/example-videos": "4.0.294",
+    "@remotion/eslint-config-internal": "4.0.294"
   },
   "keywords": [],
   "publishConfig": {