@remotion/webcodecs 4.0.270 → 4.0.272

package/dist/audio-decoder.js

@@ -18,8 +18,7 @@ const createAudioDecoder = ({ onFrame, onError, controller, config, logLevel, tr
     let outputQueue = Promise.resolve();
     const audioDecoder = new AudioDecoder({
         output(frame) {
-            var _a;
-            ioSynchronizer.onOutput(frame.timestamp + ((_a = frame.duration) !== null && _a !== void 0 ? _a : 0));
+            ioSynchronizer.onOutput(frame.timestamp + (frame.duration ?? 0));
             const abortHandler = () => {
                 frame.close();
             };
@@ -61,11 +60,10 @@ const createAudioDecoder = ({ onFrame, onError, controller, config, logLevel, tr
     controller._internals.signal.addEventListener('abort', onAbort);
     audioDecoder.configure(config);
     const processSample = async (audioSample) => {
-        var _a, _b;
         if (audioDecoder.state === 'closed') {
             return;
         }
-        progressTracker.setPossibleLowestTimestamp(Math.min(audioSample.timestamp, (_a = audioSample.dts) !== null && _a !== void 0 ? _a : Infinity, (_b = audioSample.cts) !== null && _b !== void 0 ? _b : Infinity));
+        progressTracker.setPossibleLowestTimestamp(Math.min(audioSample.timestamp, audioSample.dts ?? Infinity, audioSample.cts ?? Infinity));
         await ioSynchronizer.waitFor({
             unemitted: 20,
             unprocessed: 20,
@@ -95,7 +93,7 @@ const createAudioDecoder = ({ onFrame, onError, controller, config, logLevel, tr
             try {
                 await audioDecoder.flush();
             }
-            catch (_a) { }
+            catch { }
             await queue;
             await ioSynchronizer.waitForFinish(controller);
             await outputQueue;

package/dist/can-reencode-video-track.js

@@ -8,7 +8,7 @@ const canReencodeVideoTrack = async ({ videoCodec, track, resizeOperation, rotat
     const { height, width } = (0, rotation_1.calculateNewDimensionsFromRotateAndScale)({
         height: track.displayAspectHeight,
         resizeOperation,
-        rotation: rotate !== null && rotate !== void 0 ? rotate : 0,
+        rotation: rotate ?? 0,
         videoCodec,
         width: track.displayAspectWidth,
     });

package/dist/choose-correct-avc1-profile.js

@@ -43,7 +43,7 @@ const chooseCorrectAvc1Profile = ({ width, height, fps, }) => {
             return false;
         }
         // if has no fps, use 60 as a conservative fallback
-        const fallbackFps = fps !== null && fps !== void 0 ? fps : 60;
+        const fallbackFps = fps ?? 60;
         return fallbackFps <= p.fps;
     });
     if (!profile) {

package/dist/choose-correct-hevc-profile.js

@@ -12,7 +12,7 @@ const chooseCorrectHevcProfile = ({ width, height, fps, }) => {
                 return false;
             }
             // if has no fps, use 60 as a conservative fallback
-            const fallbackFps = fps !== null && fps !== void 0 ? fps : 60;
+            const fallbackFps = fps ?? 60;
             return fallbackFps <= max.fps;
         });
     });

package/dist/convert-encoded-chunk.js

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.convertEncodedChunk = void 0;
 const convertEncodedChunk = (chunk, trackId) => {
-    var _a;
     const arr = new Uint8Array(chunk.byteLength);
     chunk.copyTo(arr);
     return {
         data: arr,
-        duration: (_a = chunk.duration) !== null && _a !== void 0 ? _a : undefined,
+        duration: chunk.duration ?? undefined,
         timestamp: chunk.timestamp,
         type: chunk.type,
         cts: chunk.timestamp,

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, ...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, ...more }: {
     src: ParseMediaOptions<F>["src"];
     container: ConvertMediaContainer;
     onVideoFrame?: ConvertMediaOnVideoFrame;
@@ -48,6 +48,7 @@ export declare const convertMedia: <F extends Options<ParseMediaFields>>({ src,
     onVideoTrack?: ConvertMediaOnVideoTrackHandler;
     selectM3uStream?: ParseMediaOptions<F>["selectM3uStream"];
     selectM3uAssociatedPlaylists?: ParseMediaOptions<F>["selectM3uAssociatedPlaylists"];
+    expectedDurationInSeconds?: number | null;
     reader?: ParseMediaOptions<F>["reader"];
     logLevel?: LogLevel;
     writer?: WriterInterface;

package/dist/convert-media.js

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.convertMedia = void 0;
 const media_parser_1 = require("@remotion/media-parser");
-const fetch_1 = require("@remotion/media-parser/fetch");
+const web_1 = require("@remotion/media-parser/web");
 const auto_select_writer_1 = require("./auto-select-writer");
 const calculate_progress_1 = require("./calculate-progress");
 const progress_tracker_1 = require("./create/progress-tracker");
@@ -21,8 +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, ...more }) {
-    var _a, _b;
+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, ...more }) {
     if (controller._internals.signal.aborted) {
         return Promise.reject(new media_parser_1.MediaParserAbortError('Aborted'));
     }
@@ -45,8 +44,8 @@ const convertMedia = async function ({ src, onVideoFrame, onAudioData, onProgres
     controller._internals.signal.addEventListener('abort', onUserAbort);
     const creator = (0, select_container_creator_1.selectContainerCreator)(container);
     const throttledState = (0, throttled_state_update_1.throttledStateUpdate)({
-        updateFn: onProgressDoNotCallDirectly !== null && onProgressDoNotCallDirectly !== void 0 ? onProgressDoNotCallDirectly : null,
-        everyMilliseconds: progressIntervalInMs !== null && progressIntervalInMs !== void 0 ? progressIntervalInMs : 100,
+        updateFn: onProgressDoNotCallDirectly ?? null,
+        everyMilliseconds: progressIntervalInMs ?? 100,
         signal: controller._internals.signal,
     });
     const progressTracker = (0, progress_tracker_1.makeProgressTracker)();
@@ -54,8 +53,7 @@ const convertMedia = async function ({ src, onVideoFrame, onAudioData, onProgres
         filename: (0, generate_output_filename_1.generateOutputFilename)(src, container),
         writer: await (0, auto_select_writer_1.autoSelectWriter)(writer, logLevel),
         onBytesProgress: (bytesWritten) => {
-            var _a;
-            (_a = throttledState.update) === null || _a === void 0 ? void 0 : _a.call(throttledState, (prevState) => {
+            throttledState.update?.((prevState) => {
                 return {
                     ...prevState,
                     bytesWritten,
@@ -63,8 +61,7 @@ const convertMedia = async function ({ src, onVideoFrame, onAudioData, onProgres
             });
         },
         onMillisecondsProgress: (millisecondsWritten) => {
-            var _a;
-            (_a = throttledState.update) === null || _a === void 0 ? void 0 : _a.call(throttledState, (prevState) => {
+            throttledState.update?.((prevState) => {
                 if (millisecondsWritten > prevState.millisecondsWritten) {
                     return {
                         ...prevState,
@@ -80,32 +77,33 @@ const convertMedia = async function ({ src, onVideoFrame, onAudioData, onProgres
         },
         logLevel,
         progressTracker,
+        expectedDurationInSeconds: expectedDurationInSeconds ?? null,
     });
     const onVideoTrack = (0, on_video_track_1.makeVideoTrackHandler)({
         state,
-        onVideoFrame: onVideoFrame !== null && onVideoFrame !== void 0 ? onVideoFrame : null,
-        onMediaStateUpdate: (_a = throttledState.update) !== null && _a !== void 0 ? _a : null,
+        onVideoFrame: onVideoFrame ?? null,
+        onMediaStateUpdate: throttledState.update ?? null,
         abortConversion,
         controller,
-        defaultVideoCodec: videoCodec !== null && videoCodec !== void 0 ? videoCodec : null,
-        onVideoTrack: userVideoResolver !== null && userVideoResolver !== void 0 ? userVideoResolver : null,
+        defaultVideoCodec: videoCodec ?? null,
+        onVideoTrack: userVideoResolver ?? null,
         logLevel,
         outputContainer: container,
-        rotate: rotate !== null && rotate !== void 0 ? rotate : 0,
+        rotate: rotate ?? 0,
         progress: progressTracker,
-        resizeOperation: resize !== null && resize !== void 0 ? resize : null,
+        resizeOperation: resize ?? null,
     });
     const onAudioTrack = (0, on_audio_track_1.makeAudioTrackHandler)({
         abortConversion,
-        defaultAudioCodec: audioCodec !== null && audioCodec !== void 0 ? audioCodec : null,
+        defaultAudioCodec: audioCodec ?? null,
         controller,
-        onMediaStateUpdate: (_b = throttledState.update) !== null && _b !== void 0 ? _b : null,
+        onMediaStateUpdate: throttledState.update ?? null,
         state,
-        onAudioTrack: userAudioResolver !== null && userAudioResolver !== void 0 ? userAudioResolver : null,
+        onAudioTrack: userAudioResolver ?? null,
         logLevel,
         outputContainer: container,
         progressTracker,
-        onAudioData: onAudioData !== null && onAudioData !== void 0 ? onAudioData : null,
+        onAudioData: onAudioData ?? null,
     });
     media_parser_1.MediaParserInternals.internalParseMedia({
         logLevel,
@@ -117,10 +115,9 @@ const convertMedia = async function ({ src, onVideoFrame, onAudioData, onProgres
             ...fields,
             durationInSeconds: true,
         },
-        reader: reader !== null && reader !== void 0 ? reader : fetch_1.fetchReader,
+        reader: reader ?? web_1.webReader,
         ...more,
         onDurationInSeconds: (durationInSeconds) => {
-            var _a;
             if (durationInSeconds === null) {
                 return null;
             }
@@ -129,7 +126,7 @@ const convertMedia = async function ({ src, onVideoFrame, onAudioData, onProgres
                 casted.onDurationInSeconds(durationInSeconds);
             }
             const expectedOutputDurationInMs = durationInSeconds * 1000;
-            (_a = throttledState.update) === null || _a === void 0 ? void 0 : _a.call(throttledState, (prevState) => {
+            throttledState.update?.((prevState) => {
                 return {
                     ...prevState,
                     expectedOutputDurationInMs,
@@ -146,36 +143,37 @@ const convertMedia = async function ({ src, onVideoFrame, onAudioData, onProgres
         onError: () => ({ action: 'fail' }),
         onParseProgress: null,
         progressIntervalInMs: null,
-        onAudioCodec: onAudioCodec !== null && onAudioCodec !== void 0 ? onAudioCodec : null,
-        onContainer: onContainer !== null && onContainer !== void 0 ? onContainer : null,
-        onDimensions: onDimensions !== null && onDimensions !== void 0 ? onDimensions : null,
-        onFps: onFps !== null && onFps !== void 0 ? onFps : null,
-        onImages: onImages !== null && onImages !== void 0 ? onImages : null,
-        onInternalStats: onInternalStats !== null && onInternalStats !== void 0 ? onInternalStats : null,
-        onIsHdr: onIsHdr !== null && onIsHdr !== void 0 ? onIsHdr : null,
-        onKeyframes: onKeyframes !== null && onKeyframes !== void 0 ? onKeyframes : null,
-        onLocation: onLocation !== null && onLocation !== void 0 ? onLocation : null,
-        onMetadata: onMetadata !== null && onMetadata !== void 0 ? onMetadata : null,
-        onMimeType: onMimeType !== null && onMimeType !== void 0 ? onMimeType : null,
-        onName: onName !== null && onName !== void 0 ? onName : null,
-        onNumberOfAudioChannels: onNumberOfAudioChannels !== null && onNumberOfAudioChannels !== void 0 ? onNumberOfAudioChannels : null,
-        onRotation: onRotation !== null && onRotation !== void 0 ? onRotation : null,
-        onSampleRate: onSampleRate !== null && onSampleRate !== void 0 ? onSampleRate : null,
-        onSize: onSize !== null && onSize !== void 0 ? onSize : null,
-        onSlowAudioBitrate: onSlowAudioBitrate !== null && onSlowAudioBitrate !== void 0 ? onSlowAudioBitrate : null,
-        onSlowDurationInSeconds: onSlowDurationInSeconds !== null && onSlowDurationInSeconds !== void 0 ? onSlowDurationInSeconds : null,
-        onSlowFps: onSlowFps !== null && onSlowFps !== void 0 ? onSlowFps : null,
-        onSlowKeyframes: onSlowKeyframes !== null && onSlowKeyframes !== void 0 ? onSlowKeyframes : null,
-        onSlowNumberOfFrames: onSlowNumberOfFrames !== null && onSlowNumberOfFrames !== void 0 ? onSlowNumberOfFrames : null,
-        onSlowVideoBitrate: onSlowVideoBitrate !== null && onSlowVideoBitrate !== void 0 ? onSlowVideoBitrate : null,
-        onStructure: onStructure !== null && onStructure !== void 0 ? onStructure : null,
-        onTracks: onTracks !== null && onTracks !== void 0 ? onTracks : null,
-        onUnrotatedDimensions: onUnrotatedDimensions !== null && onUnrotatedDimensions !== void 0 ? onUnrotatedDimensions : null,
-        onVideoCodec: onVideoCodec !== null && onVideoCodec !== void 0 ? onVideoCodec : null,
+        onAudioCodec: onAudioCodec ?? null,
+        onContainer: onContainer ?? null,
+        onDimensions: onDimensions ?? null,
+        onFps: onFps ?? null,
+        onImages: onImages ?? null,
+        onInternalStats: onInternalStats ?? null,
+        onIsHdr: onIsHdr ?? null,
+        onKeyframes: onKeyframes ?? null,
+        onLocation: onLocation ?? null,
+        onMetadata: onMetadata ?? null,
+        onMimeType: onMimeType ?? null,
+        onName: onName ?? null,
+        onNumberOfAudioChannels: onNumberOfAudioChannels ?? null,
+        onRotation: onRotation ?? null,
+        onSampleRate: onSampleRate ?? null,
+        onSize: onSize ?? null,
+        onSlowAudioBitrate: onSlowAudioBitrate ?? null,
+        onSlowDurationInSeconds: onSlowDurationInSeconds ?? null,
+        onSlowFps: onSlowFps ?? null,
+        onSlowKeyframes: onSlowKeyframes ?? null,
+        onSlowNumberOfFrames: onSlowNumberOfFrames ?? null,
+        onSlowVideoBitrate: onSlowVideoBitrate ?? null,
+        onStructure: onStructure ?? null,
+        onTracks: onTracks ?? null,
+        onUnrotatedDimensions: onUnrotatedDimensions ?? null,
+        onVideoCodec: onVideoCodec ?? null,
         apiName: 'convertMedia()',
-        onM3uStreams: onM3uStreams !== null && onM3uStreams !== void 0 ? onM3uStreams : null,
-        selectM3uStream: selectM3uStream !== null && selectM3uStream !== void 0 ? selectM3uStream : media_parser_1.defaultSelectM3uStreamFn,
-        selectM3uAssociatedPlaylists: selectM3uAssociatedPlaylists !== null && selectM3uAssociatedPlaylists !== void 0 ? selectM3uAssociatedPlaylists : media_parser_1.defaultSelectM3uAssociatedPlaylists,
+        onM3uStreams: onM3uStreams ?? null,
+        selectM3uStream: selectM3uStream ?? media_parser_1.defaultSelectM3uStreamFn,
+        selectM3uAssociatedPlaylists: selectM3uAssociatedPlaylists ?? media_parser_1.defaultSelectM3uAssociatedPlaylists,
+        mp4HeaderSegment: null,
     })
         .then(() => {
         return state.waitForFinish();
@@ -188,12 +186,12 @@ const convertMedia = async function ({ src, onVideoFrame, onAudioData, onProgres
         });
     })
         .then(() => {
-        (0, send_telemetry_event_1.sendUsageEvent)({ succeeded: true, apiKey: apiKey !== null && apiKey !== void 0 ? apiKey : null }).catch((err) => {
+        (0, send_telemetry_event_1.sendUsageEvent)({ succeeded: true, apiKey: apiKey ?? null }).catch((err) => {
             log_1.Log.error('Failed to send usage event', err);
         });
     })
         .catch((err) => {
-        (0, send_telemetry_event_1.sendUsageEvent)({ succeeded: false, apiKey: apiKey !== null && apiKey !== void 0 ? apiKey : null }).catch((err2) => {
+        (0, send_telemetry_event_1.sendUsageEvent)({ succeeded: false, apiKey: apiKey ?? null }).catch((err2) => {
             log_1.Log.error('Failed to send usage event', err2);
         });
         reject(err);

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, }: MediaFnGeneratorInput) => Promise<MediaFn>;
+export declare const createIsoBaseMedia: ({ writer, onBytesProgress, onMillisecondsProgress, logLevel, filename, progressTracker, expectedDurationInSeconds, }: 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, }) => {
+const createIsoBaseMedia = async ({ writer, onBytesProgress, onMillisecondsProgress, logLevel, filename, progressTracker, expectedDurationInSeconds, }) => {
     const header = (0, create_ftyp_1.createIsoBaseMediaFtyp)({
         compatibleBrands: ['isom', 'iso2', 'avc1', 'mp42'],
         majorBrand: 'isom',
@@ -30,15 +30,16 @@ const createIsoBaseMedia = async ({ writer, onBytesProgress, onMillisecondsProgr
         return (0, mp4_header_1.createPaddedMoovAtom)({
             durationInUnits: globalDurationInUnits,
             trackInfo: currentTracks.map((track) => {
-                var _a, _b;
                 return {
                     track,
-                    durationInUnits: (_a = trackDurations[track.trackNumber]) !== null && _a !== void 0 ? _a : 0,
-                    samplePositions: (_b = samplePositions[track.trackNumber]) !== null && _b !== void 0 ? _b : [],
+                    durationInUnits: trackDurations[track.trackNumber] ?? 0,
+                    samplePositions: samplePositions[track.trackNumber] ?? [],
                     timescale: track.timescale,
                 };
             }),
             timescale: CONTAINER_TIMESCALE,
+            expectedDurationInSeconds,
+            logLevel,
         });
     };
     await w.write(getPaddedMoovAtom());
@@ -68,12 +69,11 @@ const createIsoBaseMedia = async ({ writer, onBytesProgress, onMillisecondsProgr
     };
     let lastChunkWasVideo = false;
     const addSample = async ({ chunk, trackNumber, isVideo, codecPrivate, }) => {
-        var _a, _b, _c, _d;
         const position = w.getWrittenByteCount();
         await w.write(chunk.data);
         mdatSize += chunk.data.length;
         onBytesProgress(w.getWrittenByteCount());
-        progressTracker.setPossibleLowestTimestamp(Math.min(chunk.timestamp, (_a = chunk.cts) !== null && _a !== void 0 ? _a : Infinity, (_b = chunk.dts) !== null && _b !== void 0 ? _b : Infinity));
+        progressTracker.setPossibleLowestTimestamp(Math.min(chunk.timestamp, chunk.cts ?? Infinity, chunk.dts ?? Infinity));
         progressTracker.updateTrackProgress(trackNumber, chunk.timestamp);
         if (codecPrivate) {
             addCodecPrivateToTrack({ trackNumber, codecPrivate });
@@ -90,7 +90,7 @@ const createIsoBaseMedia = async ({ writer, onBytesProgress, onMillisecondsProgr
             throw new Error(`Tried to add sample to track ${trackNumber}, but it has no timestamp`);
         }
         const newDurationInMicroSeconds = chunk.timestamp +
-            ((_c = chunk.duration) !== null && _c !== void 0 ? _c : 0) -
+            (chunk.duration ?? 0) -
             lowestTrackTimestamps[trackNumber];
         const newDurationInTrackTimeUnits = Math.round(newDurationInMicroSeconds / (1000000 / currentTrack.timescale));
         trackDurations[trackNumber] = newDurationInTrackTimeUnits;
@@ -125,7 +125,7 @@ const createIsoBaseMedia = async ({ writer, onBytesProgress, onMillisecondsProgr
             chunk: sampleChunkIndices[trackNumber],
             cts: Math.round((chunk.cts / 1000000) * currentTrack.timescale),
             dts: Math.round((chunk.dts / 1000000) * currentTrack.timescale),
-            duration: Math.round((((_d = chunk.duration) !== null && _d !== void 0 ? _d : 0) / 1000000) * currentTrack.timescale),
+            duration: Math.round(((chunk.duration ?? 0) / 1000000) * currentTrack.timescale),
             size: chunk.data.length,
         };
         lastChunkWasVideo = isVideo;

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

@@ -0,0 +1 @@
+export declare const calculateAReasonableMp4HeaderLength: (expectedDurationInSeconds: number | null) => number;

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateAReasonableMp4HeaderLength = void 0;
+const calculateAReasonableMp4HeaderLength = (expectedDurationInSeconds) => {
+    if (expectedDurationInSeconds === null) {
+        return 2048000;
+    }
+    /**
+     * 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
+     */
+    // 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;
+    // Calculate based on duration, with minimum 50KB
+    const calculatedBytes = Math.max(50 * 1024, Math.ceil(expectedDurationInSeconds * bytesWithSafetyMargin));
+    return calculatedBytes;
+};
+exports.calculateAReasonableMp4HeaderLength = calculateAReasonableMp4HeaderLength;

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

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

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

@@ -2,19 +2,26 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createPaddedMoovAtom = void 0;
 const media_parser_1 = require("@remotion/media-parser");
+const log_1 = require("../../log");
 const create_ilst_1 = require("./create-ilst");
 const create_moov_1 = require("./create-moov");
 const create_mvhd_1 = require("./create-mvhd");
 const create_udta_1 = require("./create-udta");
+const header_length_1 = require("./header-length");
 const create_cmt_1 = require("./ilst/create-cmt");
 const create_too_1 = require("./ilst/create-too");
 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");
-// TODO: Creates a header that is way too large
-const HEADER_LENGTH = 2048000;
-const createPaddedMoovAtom = ({ durationInUnits, trackInfo, timescale, }) => {
+const createPaddedMoovAtom = ({ durationInUnits, trackInfo, timescale, expectedDurationInSeconds, logLevel, }) => {
+    const headerLength = (0, header_length_1.calculateAReasonableMp4HeaderLength)(expectedDurationInSeconds);
+    if (expectedDurationInSeconds !== null) {
+        log_1.Log.verbose(logLevel, `Expecting duration of the video to be ${expectedDurationInSeconds} seconds, allocating ${headerLength} bytes for the MP4 header.`);
+    }
+    else {
+        log_1.Log.verbose(logLevel, `No duration was provided, allocating ${headerLength} bytes for the MP4 header.`);
+    }
     return (0, primitives_1.padIsoBaseMediaBytes)((0, create_moov_1.createMoov)({
         mvhd: (0, create_mvhd_1.createMvhd)({
             timescale,
@@ -43,6 +50,6 @@ const createPaddedMoovAtom = ({ durationInUnits, trackInfo, timescale, }) => {
                 (0, create_cmt_1.createCmt)(`Made with @remotion/webcodecs ${media_parser_1.VERSION}`),
             ]),
         })),
-    }), HEADER_LENGTH);
+    }), headerLength);
 };
 exports.createPaddedMoovAtom = createPaddedMoovAtom;

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

@@ -1,5 +1,6 @@
 export declare const stringsToUint8Array: (str: string) => Uint8Array;
 export declare const numberTo32BitUIntOrInt: (num: number) => Uint8Array;
+export declare const numberTo64BitUIntOrInt: (num: number | bigint) => Uint8Array;
 export declare const numberTo32BitUIntOrIntLeading128: (num: number) => Uint8Array;
 export declare const numberTo16BitUIntOrInt: (num: number) => Uint8Array;
 export declare const setFixedPointSignedOrUnsigned1616Number: (num: number) => Uint8Array;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IDENTITY_MATRIX = exports.padIsoBaseMediaBytes = exports.stringToPascalString = exports.serializeMatrix = exports.floatTo16Point16_16Bit = exports.floatTo16Point1632Bit = exports.addLeading128Size = exports.addSize = exports.setFixedPointSigned230Number = exports.setFixedPointSignedOrUnsigned1616Number = exports.numberTo16BitUIntOrInt = exports.numberTo32BitUIntOrIntLeading128 = exports.numberTo32BitUIntOrInt = exports.stringsToUint8Array = void 0;
+exports.IDENTITY_MATRIX = exports.padIsoBaseMediaBytes = exports.stringToPascalString = exports.serializeMatrix = exports.floatTo16Point16_16Bit = exports.floatTo16Point1632Bit = exports.addLeading128Size = exports.addSize = exports.setFixedPointSigned230Number = exports.setFixedPointSignedOrUnsigned1616Number = exports.numberTo16BitUIntOrInt = exports.numberTo32BitUIntOrIntLeading128 = exports.numberTo64BitUIntOrInt = exports.numberTo32BitUIntOrInt = exports.stringsToUint8Array = void 0;
 const matroska_utils_1 = require("../matroska/matroska-utils");
 const stringsToUint8Array = (str) => {
     return new TextEncoder().encode(str);
@@ -15,6 +15,20 @@ const numberTo32BitUIntOrInt = (num) => {
     ]);
 };
 exports.numberTo32BitUIntOrInt = numberTo32BitUIntOrInt;
+const numberTo64BitUIntOrInt = (num) => {
+    const bigNum = BigInt(num);
+    return new Uint8Array([
+        Number((bigNum >> 56n) & 0xffn),
+        Number((bigNum >> 48n) & 0xffn),
+        Number((bigNum >> 40n) & 0xffn),
+        Number((bigNum >> 32n) & 0xffn),
+        Number((bigNum >> 24n) & 0xffn),
+        Number((bigNum >> 16n) & 0xffn),
+        Number((bigNum >> 8n) & 0xffn),
+        Number(bigNum & 0xffn),
+    ]);
+};
+exports.numberTo64BitUIntOrInt = numberTo64BitUIntOrInt;
 const numberTo32BitUIntOrIntLeading128 = (num) => {
     const arr = [
         (num >> 24) & 0xff,
@@ -116,7 +130,7 @@ const stringToPascalString = (str) => {
 exports.stringToPascalString = stringToPascalString;
 const padIsoBaseMediaBytes = (data, totalLength) => {
     if (data.length - 8 > totalLength) {
-        throw new Error(`Data is longer than the total length: ${data.length - 8} > ${totalLength}`);
+        throw new Error(`Data is longer than the total length: ${data.length - 8} > ${totalLength}. Set the 'expectedDurationInSeconds' value to avoid this problem: https://www.remotion.dev/docs/webcodecs/convert-media#expecteddurationinseconds`);
     }
     if (data.length - 8 === totalLength) {
         return data;

package/dist/create/iso-base-media/trak/mdia/minf/stbl/create-stco.js

@@ -6,15 +6,19 @@ const primitives_1 = require("../../../../primitives");
 const createStcoAtom = (samplePositions) => {
     const chunkOffsets = [];
     let lastChunk;
+    let needs64Bit = false;
     for (const sample of samplePositions) {
         if (lastChunk !== sample.chunk) {
             chunkOffsets.push(sample.offset);
         }
+        if (sample.offset > 2 ** 32) {
+            needs64Bit = true;
+        }
         lastChunk = sample.chunk;
     }
     return (0, primitives_1.addSize)((0, matroska_utils_1.combineUint8Arrays)([
         // type
-        (0, primitives_1.stringsToUint8Array)('stco'),
+        (0, primitives_1.stringsToUint8Array)(needs64Bit ? 'co64' : 'stco'),
         // version
         new Uint8Array([0]),
         // flags
@@ -22,7 +26,9 @@ const createStcoAtom = (samplePositions) => {
         // number of entries
         (0, primitives_1.numberTo32BitUIntOrInt)(chunkOffsets.length),
         // chunk offsets
-        ...chunkOffsets.map((offset) => (0, primitives_1.numberTo32BitUIntOrInt)(offset)),
+        (0, matroska_utils_1.combineUint8Arrays)(chunkOffsets.map((offset) => needs64Bit
+            ? (0, primitives_1.numberTo64BitUIntOrInt)(offset)
+            : (0, primitives_1.numberTo32BitUIntOrInt)(offset))),
     ]));
 };
 exports.createStcoAtom = createStcoAtom;

package/dist/create/iso-base-media/trak/mdia/minf/stbl/create-stts.js

@@ -15,11 +15,10 @@ const makeEntry = (entry) => {
 const createSttsAtom = (samplePositions) => {
     let lastDuration = null;
     const durations = samplePositions.map((_, i, a) => {
-        var _a, _b;
         // TODO: Why does 0 appear here?
         if (a[i].duration === undefined || a[i].duration === 0) {
             if (a[i + 1] === undefined) {
-                return a[i].dts - ((_b = (_a = a[i - 1]) === null || _a === void 0 ? void 0 : _a.dts) !== null && _b !== void 0 ? _b : a[i].dts);
+                return a[i].dts - (a[i - 1]?.dts ?? a[i].dts);
             }
             return a[i + 1].dts - a[i].dts;
         }

package/dist/create/matroska/create-matroska-media.js

@@ -14,7 +14,6 @@ const matroska_utils_1 = require("./matroska-utils");
 const { matroskaElements } = media_parser_1.MediaParserInternals;
 const timescale = 1000000;
 const createMatroskaMedia = async ({ writer, onBytesProgress, onMillisecondsProgress, filename, logLevel, progressTracker, }) => {
-    var _a, _b, _c, _d, _e, _f, _g;
     const header = (0, matroska_header_1.makeMatroskaHeader)();
     const w = await writer.createContent({
         filename,
@@ -35,11 +34,13 @@ const createMatroskaMedia = async ({ writer, onBytesProgress, onMillisecondsProg
         ...(0, matroska_trackentry_1.makeMatroskaTracks)(currentTracks),
     ]);
     const infoSegment = matroskaSegment.offsets.children.find((o) => o.field === 'Info');
-    const durationOffset = ((_b = (_a = infoSegment === null || infoSegment === void 0 ? void 0 : infoSegment.children.find((c) => c.field === 'Duration')) === null || _a === void 0 ? void 0 : _a.offset) !== null && _b !== void 0 ? _b : 0) +
+    const durationOffset = (infoSegment?.children.find((c) => c.field === 'Duration')?.offset ?? 0) +
         w.getWrittenByteCount();
-    const tracksOffset = ((_d = (_c = matroskaSegment.offsets.children.find((o) => o.field === 'Tracks')) === null || _c === void 0 ? void 0 : _c.offset) !== null && _d !== void 0 ? _d : 0) + w.getWrittenByteCount();
-    const seekHeadOffset = ((_f = (_e = matroskaSegment.offsets.children.find((o) => o.field === 'SeekHead')) === null || _e === void 0 ? void 0 : _e.offset) !== null && _f !== void 0 ? _f : 0) + w.getWrittenByteCount();
-    const infoOffset = ((_g = infoSegment === null || infoSegment === void 0 ? void 0 : infoSegment.offset) !== null && _g !== void 0 ? _g : 0) + w.getWrittenByteCount();
+    const tracksOffset = (matroskaSegment.offsets.children.find((o) => o.field === 'Tracks')
+        ?.offset ?? 0) + w.getWrittenByteCount();
+    const seekHeadOffset = (matroskaSegment.offsets.children.find((o) => o.field === 'SeekHead')
+        ?.offset ?? 0) + w.getWrittenByteCount();
+    const infoOffset = (infoSegment?.offset ?? 0) + w.getWrittenByteCount();
     if (!seekHeadOffset) {
         throw new Error('could not get seek offset');
     }
@@ -87,8 +88,7 @@ const createMatroskaMedia = async ({ writer, onBytesProgress, onMillisecondsProg
         // In Safari, samples can arrive out of order, e.g public/bigbuckbunny.mp4
         // Therefore, only updating track number progress if it is a keyframe
         // to allow for timestamps to be lower than the previous one
-        var _a, _b;
-        progressTracker.setPossibleLowestTimestamp(Math.min(chunk.timestamp, (_a = chunk.cts) !== null && _a !== void 0 ? _a : Infinity, (_b = chunk.dts) !== null && _b !== void 0 ? _b : Infinity));
+        progressTracker.setPossibleLowestTimestamp(Math.min(chunk.timestamp, chunk.cts ?? Infinity, chunk.dts ?? Infinity));
         const smallestProgress = progressTracker.getSmallestProgress();
         if (!currentCluster.shouldMakeNewCluster({
             newT: smallestProgress,
@@ -111,12 +111,11 @@ const createMatroskaMedia = async ({ writer, onBytesProgress, onMillisecondsProg
         onBytesProgress(w.getWrittenByteCount());
     };
     const addSample = async ({ chunk, trackNumber, isVideo, }) => {
-        var _a;
         const { cluster, isNew, smallestProgress } = await getClusterOrMakeNew({
             chunk,
             isVideo,
         });
-        const newDuration = Math.round((chunk.timestamp + ((_a = chunk.duration) !== null && _a !== void 0 ? _a : 0)) / 1000);
+        const newDuration = Math.round((chunk.timestamp + (chunk.duration ?? 0)) / 1000);
         await updateDuration(newDuration);
         const { timecodeRelativeToCluster } = await cluster.addSample(chunk, trackNumber);
         if (isNew) {

package/dist/create/matroska/matroska-utils.js

@@ -4,8 +4,7 @@ exports.padMatroskaBytes = exports.makeMatroskaBytes = exports.getVariableInt =
 exports.serializeUint16 = serializeUint16;
 const media_parser_1 = require("@remotion/media-parser");
 const getIdForName = (name) => {
-    var _a;
-    const value = (_a = Object.entries(media_parser_1.MediaParserInternals.matroskaElements).find(([key]) => key === name)) === null || _a === void 0 ? void 0 : _a[1];
+    const value = Object.entries(media_parser_1.MediaParserInternals.matroskaElements).find(([key]) => key === name)?.[1];
     if (!value) {
         throw new Error(`Could not find id for name ${name}`);
     }
@@ -17,7 +16,7 @@ function putUintDynamic(number, minimumLength) {
         throw new Error('This function is designed for non-negative integers only.');
     }
     // Calculate the minimum number of bytes needed to store the integer
-    const length = Math.max(minimumLength !== null && minimumLength !== void 0 ? minimumLength : 0, Math.ceil(Math.log2(number + 1) / 8));
+    const length = Math.max(minimumLength ?? 0, Math.ceil(Math.log2(number + 1) / 8));
     const bytes = new Uint8Array(length);
     for (let i = 0; i < length; i++) {
         // Extract each byte from the number
@@ -179,7 +178,7 @@ const measureEBMLVarInt = (value) => {
 };
 exports.measureEBMLVarInt = measureEBMLVarInt;
 const getVariableInt = (value, minWidth) => {
-    const width = Math.max((0, exports.measureEBMLVarInt)(value), minWidth !== null && minWidth !== void 0 ? minWidth : 0);
+    const width = Math.max((0, exports.measureEBMLVarInt)(value), minWidth ?? 0);
     switch (width) {
         case 1:
             return new Uint8Array([(1 << 7) | value]);

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

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

package/dist/create/wav/create-wav.js

@@ -60,10 +60,9 @@ const createWav = async ({ filename, logLevel, onBytesProgress, onMillisecondsPr
         await w.updateDataAt(blockAlignPosition, new Uint8Array(numberTo16BitLittleEndian(numberOfChannels * BYTES_PER_SAMPLE)));
     };
     const addSample = async (chunk) => {
-        var _a;
         log_1.Log.trace(logLevel, 'Adding sample', chunk);
         await w.write(chunk.data);
-        onMillisecondsProgress((chunk.timestamp + ((_a = chunk.duration) !== null && _a !== void 0 ? _a : 0)) / 1000);
+        onMillisecondsProgress((chunk.timestamp + (chunk.duration ?? 0)) / 1000);
         onBytesProgress(w.getWrittenByteCount());
     };
     const waitForFinishPromises = [];

package/dist/esm/index.mjs

@@ -1434,7 +1434,7 @@ import {
   MediaParserAbortError as MediaParserAbortError3,
   MediaParserInternals as MediaParserInternals9
 } from "@remotion/media-parser";
-import { fetchReader } from "@remotion/media-parser/fetch";
+import { webReader } from "@remotion/media-parser/web";
 
 // src/auto-select-writer.ts
 var autoSelectWriter = async (writer, logLevel) => {
@@ -1753,7 +1753,7 @@ var makeAudioTrackHandler = ({
       });
     },
     onError: (err) => {
-      abortConversion(new Error(`Audio encoder of ${track.trackId} failed (see .cause of this error)`, {
+      abortConversion(new Error(`Audio encoder of track ${track.trackId} failed (see .cause of this error)`, {
         cause: err
       }));
     },
@@ -2659,6 +2659,19 @@ var numberTo32BitUIntOrInt = (num) => {
     num & 255
   ]);
 };
+var numberTo64BitUIntOrInt = (num) => {
+  const bigNum = BigInt(num);
+  return new Uint8Array([
+    Number(bigNum >> 56n & 0xffn),
+    Number(bigNum >> 48n & 0xffn),
+    Number(bigNum >> 40n & 0xffn),
+    Number(bigNum >> 32n & 0xffn),
+    Number(bigNum >> 24n & 0xffn),
+    Number(bigNum >> 16n & 0xffn),
+    Number(bigNum >> 8n & 0xffn),
+    Number(bigNum & 0xffn)
+  ]);
+};
 var numberTo32BitUIntOrIntLeading128 = (num) => {
   const arr = [
     num >> 24 & 255,
@@ -2739,7 +2752,7 @@ var stringToPascalString = (str) => {
 };
 var padIsoBaseMediaBytes = (data, totalLength) => {
   if (data.length - 8 > totalLength) {
-    throw new Error(`Data is longer than the total length: ${data.length - 8} > ${totalLength}`);
+    throw new Error(`Data is longer than the total length: ${data.length - 8} > ${totalLength}. Set the 'expectedDurationInSeconds' value to avoid this problem: https://www.remotion.dev/docs/webcodecs/convert-media#expecteddurationinseconds`);
   }
   if (data.length - 8 === totalLength) {
     return data;
@@ -2855,6 +2868,17 @@ var createUdta = (children) => {
   ]));
 };
 
+// src/create/iso-base-media/header-length.ts
+var calculateAReasonableMp4HeaderLength = (expectedDurationInSeconds) => {
+  if (expectedDurationInSeconds === null) {
+    return 2048000;
+  }
+  const bytesPerSecond = 3.7 * 1024 * 1024 / 6000;
+  const bytesWithSafetyMargin = bytesPerSecond * 1.2;
+  const calculatedBytes = Math.max(50 * 1024, Math.ceil(expectedDurationInSeconds * bytesWithSafetyMargin));
+  return calculatedBytes;
+};
+
 // src/create/iso-base-media/ilst/create-cmt.ts
 var createCmt = (comment) => {
   return addSize(combineUint8Arrays([
@@ -3279,18 +3303,22 @@ var createCttsBox = (samplePositions) => {
 var createStcoAtom = (samplePositions) => {
   const chunkOffsets = [];
   let lastChunk;
+  let needs64Bit = false;
   for (const sample of samplePositions) {
     if (lastChunk !== sample.chunk) {
       chunkOffsets.push(sample.offset);
     }
+    if (sample.offset > 2 ** 32) {
+      needs64Bit = true;
+    }
     lastChunk = sample.chunk;
   }
   return addSize(combineUint8Arrays([
-    stringsToUint8Array("stco"),
+    stringsToUint8Array(needs64Bit ? "co64" : "stco"),
     new Uint8Array([0]),
     new Uint8Array([0, 0, 0]),
     numberTo32BitUIntOrInt(chunkOffsets.length),
-    ...chunkOffsets.map((offset) => numberTo32BitUIntOrInt(offset))
+    combineUint8Arrays(chunkOffsets.map((offset) => needs64Bit ? numberTo64BitUIntOrInt(offset) : numberTo32BitUIntOrInt(offset)))
   ]));
 };
 
@@ -3581,12 +3609,19 @@ var createMeta = ({
 };
 
 // src/create/iso-base-media/mp4-header.ts
-var HEADER_LENGTH = 2048000;
 var createPaddedMoovAtom = ({
   durationInUnits,
   trackInfo,
-  timescale
+  timescale,
+  expectedDurationInSeconds,
+  logLevel
 }) => {
+  const headerLength = calculateAReasonableMp4HeaderLength(expectedDurationInSeconds);
+  if (expectedDurationInSeconds !== null) {
+    Log.verbose(logLevel, `Expecting duration of the video to be ${expectedDurationInSeconds} seconds, allocating ${headerLength} bytes for the MP4 header.`);
+  } else {
+    Log.verbose(logLevel, `No duration was provided, allocating ${headerLength} bytes for the MP4 header.`);
+  }
   return padIsoBaseMediaBytes(createMoov({
     mvhd: createMvhd({
       timescale,
@@ -3613,7 +3648,7 @@ var createPaddedMoovAtom = ({
         createCmt(`Made with @remotion/webcodecs ${VERSION2}`)
       ])
     }))
-  }), HEADER_LENGTH);
+  }), headerLength);
 };
 
 // src/create/iso-base-media/create-iso-base-media.ts
@@ -3624,7 +3659,8 @@ var createIsoBaseMedia = async ({
   onMillisecondsProgress,
   logLevel,
   filename,
-  progressTracker
+  progressTracker,
+  expectedDurationInSeconds
 }) => {
   const header = createIsoBaseMediaFtyp({
     compatibleBrands: ["isom", "iso2", "avc1", "mp42"],
@@ -3655,7 +3691,9 @@ var createIsoBaseMedia = async ({
           timescale: track.timescale
         };
       }),
-      timescale: CONTAINER_TIMESCALE
+      timescale: CONTAINER_TIMESCALE,
+      expectedDurationInSeconds,
+      logLevel
     });
   };
   await w.write(getPaddedMoovAtom());
@@ -4871,6 +4909,7 @@ var convertMedia = async function({
   onM3uStreams,
   selectM3uStream,
   selectM3uAssociatedPlaylists,
+  expectedDurationInSeconds,
   ...more
 }) {
   if (controller._internals.signal.aborted) {
@@ -4927,7 +4966,8 @@ var convertMedia = async function({
       });
     },
     logLevel,
-    progressTracker
+    progressTracker,
+    expectedDurationInSeconds: expectedDurationInSeconds ?? null
   });
   const onVideoTrack = makeVideoTrackHandler({
     state,
@@ -4965,7 +5005,7 @@ var convertMedia = async function({
       ...fields,
       durationInSeconds: true
     },
-    reader: reader ?? fetchReader,
+    reader: reader ?? webReader,
     ...more,
     onDurationInSeconds: (durationInSeconds) => {
       if (durationInSeconds === null) {
@@ -5022,7 +5062,8 @@ var convertMedia = async function({
     apiName: "convertMedia()",
     onM3uStreams: onM3uStreams ?? null,
     selectM3uStream: selectM3uStream ?? defaultSelectM3uStreamFn,
-    selectM3uAssociatedPlaylists: selectM3uAssociatedPlaylists ?? defaultSelectM3uAssociatedPlaylists
+    selectM3uAssociatedPlaylists: selectM3uAssociatedPlaylists ?? defaultSelectM3uAssociatedPlaylists,
+    mp4HeaderSegment: null
   }).then(() => {
     return state.waitForFinish();
   }).then(() => {

package/dist/generate-output-filename.d.ts

@@ -1,2 +1,3 @@
+import type { ParseMediaSrc } from '@remotion/media-parser';
 import type { ConvertMediaContainer } from './get-available-containers';
-export declare const generateOutputFilename: (source: string | Blob, container: ConvertMediaContainer) => string;
+export declare const generateOutputFilename: (source: ParseMediaSrc, container: ConvertMediaContainer) => string;

package/dist/on-audio-track.js

@@ -17,8 +17,8 @@ const makeAudioTrackHandler = ({ state, defaultAudioCodec: audioCodec, controlle
         outputContainer,
         inputContainer,
     });
-    const audioOperation = await (onAudioTrack !== null && onAudioTrack !== void 0 ? onAudioTrack : default_on_audio_track_handler_1.defaultOnAudioTrackHandler)({
-        defaultAudioCodec: audioCodec !== null && audioCodec !== void 0 ? audioCodec : (0, get_default_audio_codec_1.getDefaultAudioCodec)({ container: outputContainer }),
+    const audioOperation = await (onAudioTrack ?? default_on_audio_track_handler_1.defaultOnAudioTrackHandler)({
+        defaultAudioCodec: audioCodec ?? (0, get_default_audio_codec_1.getDefaultAudioCodec)({ container: outputContainer }),
         track,
         logLevel,
         outputContainer,
@@ -48,7 +48,7 @@ const makeAudioTrackHandler = ({ state, defaultAudioCodec: audioCodec, controlle
                 isVideo: false,
                 codecPrivate: track.codecPrivate,
             });
-            onMediaStateUpdate === null || onMediaStateUpdate === void 0 ? void 0 : onMediaStateUpdate((prevState) => {
+            onMediaStateUpdate?.((prevState) => {
                 return {
                     ...prevState,
                     encodedAudioFrames: prevState.encodedAudioFrames + 1,
@@ -109,7 +109,7 @@ const makeAudioTrackHandler = ({ state, defaultAudioCodec: audioCodec, controlle
                 isVideo: false,
                 codecPrivate,
             });
-            onMediaStateUpdate === null || onMediaStateUpdate === void 0 ? void 0 : onMediaStateUpdate((prevState) => {
+            onMediaStateUpdate?.((prevState) => {
                 return {
                     ...prevState,
                     encodedAudioFrames: prevState.encodedAudioFrames + 1,
@@ -117,7 +117,7 @@ const makeAudioTrackHandler = ({ state, defaultAudioCodec: audioCodec, controlle
             });
         },
         onError: (err) => {
-            abortConversion(new Error(`Audio encoder of ${track.trackId} failed (see .cause of this error)`, {
+            abortConversion(new Error(`Audio encoder of track ${track.trackId} failed (see .cause of this error)`, {
                 cause: err,
             }));
         },
@@ -130,7 +130,7 @@ const makeAudioTrackHandler = ({ state, defaultAudioCodec: audioCodec, controlle
     const audioDecoder = (0, audio_decoder_1.createAudioDecoder)({
         onFrame: async (audioData) => {
             const newAudioData = onAudioData
-                ? await (onAudioData === null || onAudioData === void 0 ? void 0 : onAudioData({ audioData, track }))
+                ? await onAudioData?.({ audioData, track })
                 : audioData;
             if (newAudioData !== audioData) {
                 if (newAudioData.duration !== audioData.duration) {
@@ -151,7 +151,7 @@ const makeAudioTrackHandler = ({ state, defaultAudioCodec: audioCodec, controlle
                 audioData.close();
             }
             await audioEncoder.encodeFrame(newAudioData);
-            onMediaStateUpdate === null || onMediaStateUpdate === void 0 ? void 0 : onMediaStateUpdate((prevState) => {
+            onMediaStateUpdate?.((prevState) => {
                 return {
                     ...prevState,
                     decodedAudioFrames: prevState.decodedAudioFrames + 1,

package/dist/on-frame.js

@@ -5,7 +5,6 @@ const browser_quirks_1 = require("./browser-quirks");
 const convert_to_correct_videoframe_1 = require("./convert-to-correct-videoframe");
 const rotate_and_resize_video_frame_1 = require("./rotate-and-resize-video-frame");
 const onFrame = async ({ frame: unrotatedFrame, onVideoFrame, videoEncoder, track, outputCodec, rotation, resizeOperation, }) => {
-    var _a, _b;
     const rotated = (0, rotate_and_resize_video_frame_1.rotateAndResizeVideoFrame)({
         rotation,
         frame: unrotatedFrame,
@@ -29,7 +28,7 @@ const onFrame = async ({ frame: unrotatedFrame, onVideoFrame, videoEncoder, trac
     if (userProcessedFrame.timestamp !== rotated.timestamp && !(0, browser_quirks_1.isSafari)()) {
         throw new Error(`Returned VideoFrame of track ${track.trackId} has different timestamp (${userProcessedFrame.timestamp}) than the input frame (${rotated.timestamp}). When calling new VideoFrame(), pass {timestamp: frame.timestamp} as second argument`);
     }
-    if (((_a = userProcessedFrame.duration) !== null && _a !== void 0 ? _a : 0) !== ((_b = rotated.duration) !== null && _b !== void 0 ? _b : 0)) {
+    if ((userProcessedFrame.duration ?? 0) !== (rotated.duration ?? 0)) {
         throw new Error(`Returned VideoFrame of track ${track.trackId} has different duration (${userProcessedFrame.duration}) than the input frame (${rotated.duration}). When calling new VideoFrame(), pass {duration: frame.duration} as second argument`);
     }
     const fixedFrame = (0, convert_to_correct_videoframe_1.convertToCorrectVideoFrame)({

package/dist/on-video-track.js

@@ -14,7 +14,6 @@ const video_decoder_config_1 = require("./video-decoder-config");
 const video_encoder_1 = require("./video-encoder");
 const video_encoder_config_1 = require("./video-encoder-config");
 const makeVideoTrackHandler = ({ state, onVideoFrame, onMediaStateUpdate, abortConversion, controller, defaultVideoCodec, onVideoTrack, logLevel, outputContainer, rotate, progress, resizeOperation, }) => async ({ track, container: inputContainer }) => {
-    var _a, _b;
     if (controller._internals.signal.aborted) {
         throw new Error('Aborted');
     }
@@ -25,9 +24,9 @@ const makeVideoTrackHandler = ({ state, onVideoFrame, onMediaStateUpdate, abortC
         inputTrack: track,
         resizeOperation,
     });
-    const videoOperation = await (onVideoTrack !== null && onVideoTrack !== void 0 ? onVideoTrack : default_on_video_track_handler_1.defaultOnVideoTrackHandler)({
+    const videoOperation = await (onVideoTrack ?? default_on_video_track_handler_1.defaultOnVideoTrackHandler)({
         track,
-        defaultVideoCodec: defaultVideoCodec !== null && defaultVideoCodec !== void 0 ? defaultVideoCodec : (0, get_default_video_codec_1.getDefaultVideoCodec)({ container: outputContainer }),
+        defaultVideoCodec: defaultVideoCodec ?? (0, get_default_video_codec_1.getDefaultVideoCodec)({ container: outputContainer }),
         logLevel,
         outputContainer,
         rotate,
@@ -59,7 +58,7 @@ const makeVideoTrackHandler = ({ state, onVideoFrame, onMediaStateUpdate, abortC
                 isVideo: true,
                 codecPrivate: track.codecPrivate,
             });
-            onMediaStateUpdate === null || onMediaStateUpdate === void 0 ? void 0 : onMediaStateUpdate((prevState) => {
+            onMediaStateUpdate?.((prevState) => {
                 return {
                     ...prevState,
                     decodedVideoFrames: prevState.decodedVideoFrames + 1,
@@ -70,13 +69,13 @@ const makeVideoTrackHandler = ({ state, onVideoFrame, onMediaStateUpdate, abortC
     if (videoOperation.type !== 'reencode') {
         throw new Error(`Video track with ID ${track.trackId} could not be resolved with a valid operation. Received ${JSON.stringify(videoOperation)}, but must be either "copy", "reencode", "drop" or "fail"`);
     }
-    const rotation = ((_a = videoOperation.rotate) !== null && _a !== void 0 ? _a : rotate) - track.rotation;
+    const rotation = (videoOperation.rotate ?? rotate) - track.rotation;
     const { height: newHeight, width: newWidth } = (0, rotation_1.calculateNewDimensionsFromRotateAndScale)({
         width: track.codedWidth,
         height: track.codedHeight,
         rotation,
         videoCodec: videoOperation.videoCodec,
-        resizeOperation: (_b = videoOperation.resize) !== null && _b !== void 0 ? _b : null,
+        resizeOperation: videoOperation.resize ?? null,
     });
     const videoEncoderConfig = await (0, video_encoder_config_1.getVideoEncoderConfig)({
         codec: videoOperation.videoCodec,
@@ -105,14 +104,14 @@ const makeVideoTrackHandler = ({ state, onVideoFrame, onMediaStateUpdate, abortC
     log_1.Log.verbose(logLevel, `Created new video track with ID ${trackNumber}, codec ${videoOperation.videoCodec} and timescale ${track.timescale}`);
     const videoEncoder = (0, video_encoder_1.createVideoEncoder)({
         onChunk: async (chunk, metadata) => {
-            var _a, _b;
             await state.addSample({
                 chunk: (0, convert_encoded_chunk_1.convertEncodedChunk)(chunk, trackNumber),
                 trackNumber,
                 isVideo: true,
-                codecPrivate: (0, arraybuffer_to_uint8_array_1.arrayBufferToUint8Array)(((_b = (_a = metadata === null || metadata === void 0 ? void 0 : metadata.decoderConfig) === null || _a === void 0 ? void 0 : _a.description) !== null && _b !== void 0 ? _b : null)),
+                codecPrivate: (0, arraybuffer_to_uint8_array_1.arrayBufferToUint8Array)((metadata?.decoderConfig?.description ??
+                    null)),
             });
-            onMediaStateUpdate === null || onMediaStateUpdate === void 0 ? void 0 : onMediaStateUpdate((prevState) => {
+            onMediaStateUpdate?.((prevState) => {
                 return {
                     ...prevState,
                     encodedVideoFrames: prevState.encodedVideoFrames + 1,
@@ -133,7 +132,6 @@ const makeVideoTrackHandler = ({ state, onVideoFrame, onMediaStateUpdate, abortC
     const videoDecoder = (0, video_decoder_1.createVideoDecoder)({
         config: videoDecoderConfig,
         onFrame: async (frame) => {
-            var _a;
             await (0, on_frame_1.onFrame)({
                 frame,
                 track,
@@ -141,7 +139,7 @@ const makeVideoTrackHandler = ({ state, onVideoFrame, onMediaStateUpdate, abortC
                 onVideoFrame,
                 outputCodec: videoOperation.videoCodec,
                 rotation,
-                resizeOperation: (_a = videoOperation.resize) !== null && _a !== void 0 ? _a : null,
+                resizeOperation: videoOperation.resize ?? null,
             });
         },
         onError: (err) => {

package/dist/rotate-and-resize-video-frame.js

@@ -7,7 +7,6 @@ const normalizeVideoRotation = (rotation) => {
 };
 exports.normalizeVideoRotation = normalizeVideoRotation;
 const rotateAndResizeVideoFrame = ({ frame, rotation, videoCodec, resizeOperation, }) => {
-    var _a;
     const normalized = ((rotation % 360) + 360) % 360;
     // No resize, no rotation
     if (normalized === 0 && resizeOperation === null) {
@@ -60,7 +59,7 @@ const rotateAndResizeVideoFrame = ({ frame, rotation, videoCodec, resizeOperatio
     return new VideoFrame(canvas, {
         displayHeight: height,
         displayWidth: width,
-        duration: (_a = frame.duration) !== null && _a !== void 0 ? _a : undefined,
+        duration: frame.duration ?? undefined,
         timestamp: frame.timestamp,
     });
 };

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, }: import("./create/media-fn").MediaFnGeneratorInput) => Promise<import("./create/media-fn").MediaFn>;
+export declare const selectContainerCreator: (container: ConvertMediaContainer) => ({ writer, onBytesProgress, onMillisecondsProgress, logLevel, filename, progressTracker, expectedDurationInSeconds, }: import("./create/media-fn").MediaFnGeneratorInput) => Promise<import("./create/media-fn").MediaFn>;

package/dist/send-telemetry-event.js

@@ -3,12 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.sendUsageEvent = void 0;
 const licensing_1 = require("@remotion/licensing");
 const sendUsageEvent = async ({ apiKey, succeeded, }) => {
-    var _a;
     const host = typeof window === 'undefined'
         ? null
         : typeof window.location === 'undefined'
             ? null
-            : ((_a = window.location.origin) !== null && _a !== void 0 ? _a : null);
+            : (window.location.origin ?? null);
     if (host === null) {
         return;
     }

package/dist/test/mp4-header-length.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/mp4-header-length.test.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const bun_test_1 = require("bun:test");
+const header_length_1 = require("../create/iso-base-media/header-length");
+(0, bun_test_1.test)('should calculate good header length', () => {
+    const result = (0, header_length_1.calculateAReasonableMp4HeaderLength)(60 * 110);
+    (0, bun_test_1.expect)(result).toBe(5121246);
+});
+(0, bun_test_1.test)('should calculate good header length for null', () => {
+    const result = (0, header_length_1.calculateAReasonableMp4HeaderLength)(0);
+    (0, bun_test_1.expect)(result).toBe(51200);
+});

package/dist/throttled-state-update.js

@@ -33,7 +33,7 @@ const throttledStateUpdate = ({ updateFn, everyMilliseconds, signal, }) => {
     const onAbort = () => {
         clearInterval(interval);
     };
-    signal === null || signal === void 0 ? void 0 : signal.addEventListener('abort', onAbort, { once: true });
+    signal?.addEventListener('abort', onAbort, { once: true });
     return {
         get: () => currentState,
         update: (fn) => {
@@ -41,7 +41,7 @@ const throttledStateUpdate = ({ updateFn, everyMilliseconds, signal, }) => {
         },
         stopAndGetLastProgress: () => {
             clearInterval(interval);
-            signal === null || signal === void 0 ? void 0 : signal.removeEventListener('abort', onAbort);
+            signal?.removeEventListener('abort', onAbort);
             return currentState;
         },
     };

package/dist/video-decoder.js

@@ -66,7 +66,6 @@ const createVideoDecoder = ({ onFrame, onError, controller, config, logLevel, pr
     controller._internals.signal.addEventListener('abort', onAbort);
     videoDecoder.configure(config);
     const processSample = async (sample) => {
-        var _a, _b;
         if (videoDecoder.state === 'closed') {
             return;
         }
@@ -74,7 +73,7 @@ const createVideoDecoder = ({ onFrame, onError, controller, config, logLevel, pr
         if (videoDecoder.state === 'closed') {
             return;
         }
-        progress.setPossibleLowestTimestamp(Math.min(sample.timestamp, (_a = sample.dts) !== null && _a !== void 0 ? _a : Infinity, (_b = sample.cts) !== null && _b !== void 0 ? _b : Infinity));
+        progress.setPossibleLowestTimestamp(Math.min(sample.timestamp, sample.dts ?? Infinity, sample.cts ?? Infinity));
         await ioSynchronizer.waitFor({
             unemitted: 20,
             unprocessed: 10,

package/dist/video-encoder-config.js

@@ -13,7 +13,7 @@ const getVideoEncoderConfig = async ({ codec, height, width, fps, }) => {
         width,
         bitrate: (0, browser_quirks_1.isSafari)() ? 3000000 : undefined,
         bitrateMode: codec === 'vp9' && !(0, browser_quirks_1.isSafari)() ? 'quantizer' : undefined,
-        framerate: fps !== null && fps !== void 0 ? fps : undefined,
+        framerate: fps ?? undefined,
     };
     const hardware = {
         ...config,

package/dist/video-encoder.js

@@ -20,15 +20,14 @@ const createVideoEncoder = ({ onChunk, onError, controller, config, logLevel, ou
             onError(error);
         },
         output(chunk, metadata) {
-            var _a;
-            const timestamp = chunk.timestamp + ((_a = chunk.duration) !== null && _a !== void 0 ? _a : 0);
+            const timestamp = chunk.timestamp + (chunk.duration ?? 0);
             ioSynchronizer.onOutput(timestamp);
             outputQueue = outputQueue
                 .then(() => {
                 if (controller._internals.signal.aborted) {
                     return;
                 }
-                return onChunk(chunk, metadata !== null && metadata !== void 0 ? metadata : null);
+                return onChunk(chunk, metadata ?? null);
             })
                 .then(() => {
                 ioSynchronizer.onProcessed();

package/dist/writers/web-fs.js

@@ -10,7 +10,7 @@ const createContent = async ({ filename }) => {
                 recursive: true,
             });
         }
-        catch (_a) { }
+        catch { }
     };
     await remove();
     const fileHandle = await directoryHandle.getFileHandle(actualFilename, {
@@ -38,7 +38,7 @@ const createContent = async ({ filename }) => {
             try {
                 await writable.close();
             }
-            catch (_a) {
+            catch {
                 // Ignore, could already be closed
             }
         },

package/package.json

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