@remotion/media-parser 4.0.229 → 4.0.231

package/dist/create/{create-media.js → matroska/create-matroska-media.js}

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createMedia = void 0;
-const ebml_1 = require("../boxes/webm/ebml");
-const make_header_1 = require("../boxes/webm/make-header");
-const all_segments_1 = require("../boxes/webm/segments/all-segments");
+exports.createMatroskaMedia = void 0;
+const ebml_1 = require("../../boxes/webm/ebml");
+const make_header_1 = require("../../boxes/webm/make-header");
+const all_segments_1 = require("../../boxes/webm/segments/all-segments");
 const cluster_1 = require("./cluster");
 const make_duration_with_padding_1 = require("./make-duration-with-padding");
 const matroska_cues_1 = require("./matroska-cues");
@@ -12,14 +12,14 @@ const matroska_info_1 = require("./matroska-info");
 const matroska_seek_1 = require("./matroska-seek");
 const matroska_segment_1 = require("./matroska-segment");
 const matroska_trackentry_1 = require("./matroska-trackentry");
-const timescale_1 = require("./timescale");
-const createMedia = async ({ writer, onBytesProgress, onMillisecondsProgress, }) => {
+const timescale = 1000000;
+const createMatroskaMedia = async ({ writer, onBytesProgress, onMillisecondsProgress, filename, logLevel, }) => {
     var _a, _b, _c, _d, _e, _f, _g;
     const header = (0, matroska_header_1.makeMatroskaHeader)();
-    const w = await writer.createContent();
+    const w = await writer.createContent({ filename, mimeType: 'video/webm' });
     await w.write(header.bytes);
     const matroskaInfo = (0, matroska_info_1.makeMatroskaInfo)({
-        timescale: timescale_1.CREATE_TIME_SCALE,
+        timescale,
     });
     const currentTracks = [];
     const seeks = [];
@@ -69,14 +69,27 @@ const createMedia = async ({ writer, onBytesProgress, onMillisecondsProgress, })
     };
     await w.write(matroskaSegment.bytes);
     const clusterOffset = w.getWrittenByteCount();
-    let currentCluster = await (0, cluster_1.makeCluster)(w, 0);
+    let currentCluster = await (0, cluster_1.makeCluster)({
+        writer: w,
+        clusterStartTimestamp: 0,
+        timescale,
+        logLevel,
+    });
     seeks.push({
         hexString: all_segments_1.matroskaElements.Cluster,
         byte: clusterOffset - seekHeadOffset,
     });
     const trackNumberProgresses = {};
-    const getClusterOrMakeNew = async ({ chunk, isVideo, }) => {
-        const smallestProgress = Math.min(...Object.values(trackNumberProgresses));
+    const getClusterOrMakeNew = async ({ chunk, isVideo, trackNumber, }) => {
+        const trackProgressValues = Object.values(trackNumberProgresses);
+        const smallestProgress = trackProgressValues.length === 0 ? 0 : Math.min(...trackProgressValues);
+        // 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
+        // Also doing this AFTER smallestProgress is calculated
+        if (chunk.type === 'key') {
+            trackNumberProgresses[trackNumber] = chunk.timestamp;
+        }
         if (!currentCluster.shouldMakeNewCluster({
             newT: smallestProgress,
             isVideo,
@@ -84,7 +97,12 @@ const createMedia = async ({ writer, onBytesProgress, onMillisecondsProgress, })
         })) {
             return { cluster: currentCluster, isNew: false, smallestProgress };
         }
-        currentCluster = await (0, cluster_1.makeCluster)(w, smallestProgress);
+        currentCluster = await (0, cluster_1.makeCluster)({
+            writer: w,
+            clusterStartTimestamp: smallestProgress,
+            timescale,
+            logLevel,
+        });
         return { cluster: currentCluster, isNew: true, smallestProgress };
     };
     const updateDuration = async (newDuration) => {
@@ -92,12 +110,12 @@ const createMedia = async ({ writer, onBytesProgress, onMillisecondsProgress, })
         await w.updateDataAt(durationOffset, blocks.bytes);
         onBytesProgress(w.getWrittenByteCount());
     };
-    const addSample = async (chunk, trackNumber, isVideo) => {
+    const addSample = async ({ chunk, trackNumber, isVideo, }) => {
         var _a;
-        trackNumberProgresses[trackNumber] = chunk.timestamp;
         const { cluster, isNew, smallestProgress } = await getClusterOrMakeNew({
             chunk,
             isVideo,
+            trackNumber,
         });
         const newDuration = Math.round((chunk.timestamp + ((_a = chunk.duration) !== null && _a !== void 0 ? _a : 0)) / 1000);
         await updateDuration(newDuration);
@@ -105,7 +123,7 @@ const createMedia = async ({ writer, onBytesProgress, onMillisecondsProgress, })
         if (isNew) {
             const newCluster = w.getWrittenByteCount();
             cues.push({
-                time: (0, cluster_1.timestampToClusterTimestamp)(smallestProgress) +
+                time: (0, cluster_1.timestampToClusterTimestamp)(smallestProgress, timescale) +
                     timecodeRelativeToCluster,
                 clusterPosition: newCluster - seekHeadOffset,
                 trackNumber,
@@ -122,15 +140,24 @@ const createMedia = async ({ writer, onBytesProgress, onMillisecondsProgress, })
     const operationProm = { current: Promise.resolve() };
     const waitForFinishPromises = [];
     return {
-        save: async () => {
-            const file = await w.save();
-            return file;
+        updateTrackSampleRate: ({ sampleRate, trackNumber }) => {
+            currentTracks.forEach((track) => {
+                if (track.trackNumber === trackNumber) {
+                    if (track.type !== 'audio') {
+                        throw new Error('track is not audio');
+                    }
+                    track.sampleRate = sampleRate;
+                }
+            });
+        },
+        save: () => {
+            return w.save();
         },
         remove: async () => {
             await w.remove();
         },
-        addSample: (chunk, trackNumber, isVideo) => {
-            operationProm.current = operationProm.current.then(() => addSample(chunk, trackNumber, isVideo));
+        addSample: ({ chunk, trackNumber, isVideo }) => {
+            operationProm.current = operationProm.current.then(() => addSample({ chunk, trackNumber, isVideo }));
             return operationProm.current;
         },
         updateDuration: (duration) => {
@@ -139,10 +166,7 @@ const createMedia = async ({ writer, onBytesProgress, onMillisecondsProgress, })
         },
         addTrack: (track) => {
             const trackNumber = currentTracks.length + 1;
-            const bytes = track.type === 'video'
-                ? (0, matroska_trackentry_1.makeMatroskaVideoTrackEntryBytes)({ ...track, trackNumber })
-                : (0, matroska_trackentry_1.makeMatroskaAudioTrackEntryBytes)({ ...track, trackNumber });
-            operationProm.current = operationProm.current.then(() => addTrack(bytes));
+            operationProm.current = operationProm.current.then(() => addTrack({ ...track, trackNumber }));
             trackNumbers.push(trackNumber);
             return operationProm.current.then(() => ({ trackNumber }));
         },
@@ -167,4 +191,4 @@ const createMedia = async ({ writer, onBytesProgress, onMillisecondsProgress, })
         },
     };
 };
-exports.createMedia = createMedia;
+exports.createMatroskaMedia = createMatroskaMedia;

package/dist/create/matroska/make-duration-with-padding.d.ts

@@ -0,0 +1 @@
+export declare const makeDurationWithPadding: (newDuration: number) => import("../../boxes/webm/segments/all-segments").BytesAndOffset;

package/dist/create/{make-duration-with-padding.js → matroska/make-duration-with-padding.js}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeDurationWithPadding = void 0;
-const make_header_1 = require("../boxes/webm/make-header");
+const make_header_1 = require("../../boxes/webm/make-header");
 const makeDurationWithPadding = (newDuration) => {
     return (0, make_header_1.makeMatroskaBytes)({
         type: 'Duration',

package/dist/create/{matroska-cues.d.ts → matroska/matroska-cues.d.ts}

@@ -3,4 +3,4 @@ export type Cue = {
     clusterPosition: number;
     trackNumber: number;
 };
-export declare const createMatroskaCues: (cues: Cue[]) => import("../boxes/webm/segments/all-segments").BytesAndOffset;
+export declare const createMatroskaCues: (cues: Cue[]) => import("../../boxes/webm/segments/all-segments").BytesAndOffset;

package/dist/create/{matroska-cues.js → matroska/matroska-cues.js}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createMatroskaCues = void 0;
-const make_header_1 = require("../boxes/webm/make-header");
+const make_header_1 = require("../../boxes/webm/make-header");
 const createMatroskaCues = (cues) => {
     return (0, make_header_1.makeMatroskaBytes)({
         type: 'Cues',

package/dist/create/matroska/matroska-header.d.ts

@@ -0,0 +1 @@
+export declare const makeMatroskaHeader: () => import("../../boxes/webm/segments/all-segments").BytesAndOffset;

package/dist/create/{matroska-header.js → matroska/matroska-header.js}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeMatroskaHeader = void 0;
-const make_header_1 = require("../boxes/webm/make-header");
+const make_header_1 = require("../../boxes/webm/make-header");
 const makeMatroskaHeader = () => {
     return (0, make_header_1.makeMatroskaBytes)({
         type: 'Header',

package/dist/create/{matroska-info.d.ts → matroska/matroska-info.d.ts}

@@ -1,3 +1,3 @@
 export declare const makeMatroskaInfo: ({ timescale }: {
     timescale: number;
-}) => import("../boxes/webm/segments/all-segments").BytesAndOffset;
+}) => import("../../boxes/webm/segments/all-segments").BytesAndOffset;

package/dist/create/{matroska-info.js → matroska/matroska-info.js}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeMatroskaInfo = void 0;
-const make_header_1 = require("../boxes/webm/make-header");
+const make_header_1 = require("../../boxes/webm/make-header");
 const make_duration_with_padding_1 = require("./make-duration-with-padding");
 const makeMatroskaInfo = ({ timescale }) => {
     return (0, make_header_1.makeMatroskaBytes)({

package/dist/create/matroska/matroska-seek.d.ts

@@ -0,0 +1,6 @@
+import type { MatroskaElement } from '../../boxes/webm/segments/all-segments';
+export type Seek = {
+    hexString: MatroskaElement;
+    byte: number;
+};
+export declare const createMatroskaSeekHead: (seeks: Seek[]) => import("../../boxes/webm/segments/all-segments").BytesAndOffset[];

package/dist/create/{matroska-seek.js → matroska/matroska-seek.js}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createMatroskaSeekHead = void 0;
-const make_header_1 = require("../boxes/webm/make-header");
+const make_header_1 = require("../../boxes/webm/make-header");
 const createMatroskaSeekHead = (seeks) => {
     return (0, make_header_1.padMatroskaBytes)((0, make_header_1.makeMatroskaBytes)({
         type: 'SeekHead',

package/dist/create/{matroska-segment.d.ts → matroska/matroska-segment.d.ts}

@@ -1,3 +1,3 @@
-import type { BytesAndOffset } from '../boxes/webm/segments/all-segments';
+import type { BytesAndOffset } from '../../boxes/webm/segments/all-segments';
 export declare const MATROSKA_SEGMENT_MIN_VINT_WIDTH = 8;
 export declare const createMatroskaSegment: (children: BytesAndOffset[]) => BytesAndOffset;

package/dist/create/{matroska-segment.js → matroska/matroska-segment.js}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createMatroskaSegment = exports.MATROSKA_SEGMENT_MIN_VINT_WIDTH = void 0;
-const make_header_1 = require("../boxes/webm/make-header");
+const make_header_1 = require("../../boxes/webm/make-header");
 exports.MATROSKA_SEGMENT_MIN_VINT_WIDTH = 8;
 const createMatroskaSegment = (children) => {
     return (0, make_header_1.makeMatroskaBytes)({

package/dist/create/matroska/matroska-trackentry.d.ts

@@ -0,0 +1,10 @@
+import type { VideoTrackColorParams } from '../../get-tracks';
+import type { MakeTrackAudio, MakeTrackVideo } from '../make-track-info';
+export declare const makeMatroskaVideoBytes: ({ color, width, height, }: {
+    color: VideoTrackColorParams;
+    width: number;
+    height: number;
+}) => import("../../boxes/webm/segments/all-segments").BytesAndOffset;
+export declare const makeMatroskaAudioTrackEntryBytes: ({ trackNumber, codec, numberOfChannels, sampleRate, codecPrivate, }: MakeTrackAudio) => import("../../boxes/webm/segments/all-segments").BytesAndOffset;
+export declare const makeMatroskaVideoTrackEntryBytes: ({ color, width, height, trackNumber, codec, codecPrivate, }: MakeTrackVideo) => import("../../boxes/webm/segments/all-segments").BytesAndOffset;
+export declare const makeMatroskaTracks: (tracks: (MakeTrackAudio | MakeTrackVideo)[]) => import("../../boxes/webm/segments/all-segments").BytesAndOffset[];

package/dist/create/{matroska-trackentry.js → matroska/matroska-trackentry.js}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeMatroskaTracks = exports.makeMatroskaVideoTrackEntryBytes = exports.makeMatroskaAudioTrackEntryBytes = exports.makeMatroskaVideoBytes = void 0;
-const color_1 = require("../boxes/webm/color");
-const make_header_1 = require("../boxes/webm/make-header");
+const color_1 = require("../../boxes/webm/color");
+const make_header_1 = require("../../boxes/webm/make-header");
 const makeMatroskaVideoBytes = ({ color, width, height, }) => {
     return (0, make_header_1.makeMatroskaBytes)({
         type: 'Video',
@@ -234,9 +234,15 @@ const makeMatroskaVideoTrackEntryBytes = ({ color, width, height, trackNumber, c
 };
 exports.makeMatroskaVideoTrackEntryBytes = makeMatroskaVideoTrackEntryBytes;
 const makeMatroskaTracks = (tracks) => {
+    const bytesArr = tracks.map((t) => {
+        const bytes = t.type === 'video'
+            ? (0, exports.makeMatroskaVideoTrackEntryBytes)(t)
+            : (0, exports.makeMatroskaAudioTrackEntryBytes)(t);
+        return bytes;
+    });
     return (0, make_header_1.padMatroskaBytes)((0, make_header_1.makeMatroskaBytes)({
         type: 'Tracks',
-        value: tracks,
+        value: bytesArr,
         minVintWidth: null,
     }), 500);
 };

package/dist/create/{create-media.d.ts → media-fn.d.ts}

@@ -1,19 +1,32 @@
+import type { LogLevel } from '../log';
 import type { AudioOrVideoSample } from '../webcodec-sample-types';
 import type { WriterInterface } from '../writers/writer';
-import type { MakeTrackAudio, MakeTrackVideo } from './matroska-trackentry';
+import type { MakeTrackAudio, MakeTrackVideo } from './make-track-info';
 export type MediaFn = {
     save: () => Promise<Blob>;
     remove: () => Promise<void>;
-    addSample: (chunk: AudioOrVideoSample, trackNumber: number, isVideo: boolean) => Promise<void>;
+    addSample: (options: {
+        chunk: AudioOrVideoSample;
+        trackNumber: number;
+        isVideo: boolean;
+        timescale: number;
+        codecPrivate: Uint8Array | null;
+    }) => Promise<void>;
     updateDuration: (duration: number) => Promise<void>;
     addTrack: (track: Omit<MakeTrackAudio, 'trackNumber'> | Omit<MakeTrackVideo, 'trackNumber'>) => Promise<{
         trackNumber: number;
     }>;
     addWaitForFinishPromise: (promise: () => Promise<void>) => void;
     waitForFinish: () => Promise<void>;
+    updateTrackSampleRate: (options: {
+        trackNumber: number;
+        sampleRate: number;
+    }) => void;
 };
-export declare const createMedia: ({ writer, onBytesProgress, onMillisecondsProgress, }: {
+export type MediaFnGeneratorInput = {
     writer: WriterInterface;
     onBytesProgress: (totalBytes: number) => void;
     onMillisecondsProgress: (totalMilliseconds: number) => void;
-}) => Promise<MediaFn>;
+    logLevel: LogLevel;
+    filename: string;
+};

package/dist/create/media-fn.js

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

package/dist/create/timescale.d.ts

@@ -1 +1 @@
-export declare const CREATE_TIME_SCALE = 1000000;
+export declare const CREATE_WEBM_TIME_SCALE = 1000000;

package/dist/create/timescale.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CREATE_TIME_SCALE = void 0;
-exports.CREATE_TIME_SCALE = 1000000;
+exports.CREATE_WEBM_TIME_SCALE = void 0;
+exports.CREATE_WEBM_TIME_SCALE = 1000000;

package/dist/emit-available-info.d.ts

@@ -3,7 +3,7 @@ import type { ParseResult } from './parse-result';
 import type { ParserState } from './parser-state';
 export declare const emitAvailableInfo: ({ hasInfo, parseResult, moreFields, state, returnValue, contentLength, name, }: {
     hasInfo: Record<keyof Options<ParseMediaFields>, boolean>;
-    parseResult: ParseResult;
+    parseResult: ParseResult | null;
     moreFields: ParseMediaCallbacks<AllParseMediaFields>;
     state: ParserState;
     returnValue: ParseMediaResult<AllParseMediaFields>;

package/dist/emit-available-info.js

@@ -13,7 +13,7 @@ const emitAvailableInfo = ({ hasInfo, parseResult, moreFields, state, returnValu
     const keys = Object.keys(hasInfo);
     for (const key of keys) {
         if (key === 'boxes') {
-            if (hasInfo.boxes && returnValue.boxes === undefined) {
+            if (parseResult && hasInfo.boxes && returnValue.boxes === undefined) {
                 (_a = moreFields.onBoxes) === null || _a === void 0 ? void 0 : _a.call(moreFields, parseResult.segments);
                 returnValue.boxes = parseResult.segments;
             }
@@ -21,7 +21,8 @@ const emitAvailableInfo = ({ hasInfo, parseResult, moreFields, state, returnValu
         }
         if (key === 'durationInSeconds') {
             if (hasInfo.durationInSeconds &&
-                returnValue.durationInSeconds === undefined) {
+                returnValue.durationInSeconds === undefined &&
+                parseResult) {
                 const durationInSeconds = (0, get_duration_1.getDuration)(parseResult.segments, state);
                 (_b = moreFields.onDurationInSeconds) === null || _b === void 0 ? void 0 : _b.call(moreFields, durationInSeconds);
                 returnValue.durationInSeconds = durationInSeconds;
@@ -29,7 +30,9 @@ const emitAvailableInfo = ({ hasInfo, parseResult, moreFields, state, returnValu
             continue;
         }
         if (key === 'dimensions') {
-            if (hasInfo.dimensions && returnValue.dimensions === undefined) {
+            if (hasInfo.dimensions &&
+                returnValue.dimensions === undefined &&
+                parseResult) {
                 const dimensionsQueried = (0, get_dimensions_1.getDimensions)(parseResult.segments, state);
                 const dimensions = {
                     height: dimensionsQueried.height,
@@ -42,7 +45,8 @@ const emitAvailableInfo = ({ hasInfo, parseResult, moreFields, state, returnValu
         }
         if (key === 'unrotatedDimensions') {
             if (returnValue.unrotatedDimensions === undefined &&
-                hasInfo.unrotatedDimensions) {
+                hasInfo.unrotatedDimensions &&
+                parseResult) {
                 const dimensionsQueried = (0, get_dimensions_1.getDimensions)(parseResult.segments, state);
                 const unrotatedDimensions = {
                     height: dimensionsQueried.unrotatedHeight,
@@ -54,7 +58,9 @@ const emitAvailableInfo = ({ hasInfo, parseResult, moreFields, state, returnValu
             continue;
         }
         if (key === 'rotation') {
-            if (returnValue.rotation === undefined && hasInfo.rotation) {
+            if (returnValue.rotation === undefined &&
+                hasInfo.rotation &&
+                parseResult) {
                 const dimensionsQueried = (0, get_dimensions_1.getDimensions)(parseResult.segments, state);
                 const { rotation } = dimensionsQueried;
                 (_e = moreFields.onRotation) === null || _e === void 0 ? void 0 : _e.call(moreFields, rotation);
@@ -63,7 +69,7 @@ const emitAvailableInfo = ({ hasInfo, parseResult, moreFields, state, returnValu
             continue;
         }
         if (key === 'fps') {
-            if (returnValue.fps === undefined && hasInfo.fps) {
+            if (returnValue.fps === undefined && hasInfo.fps && parseResult) {
                 const fps = (0, get_fps_1.getFps)(parseResult.segments);
                 (_f = moreFields.onFps) === null || _f === void 0 ? void 0 : _f.call(moreFields, fps);
                 returnValue.fps = fps;
@@ -71,7 +77,9 @@ const emitAvailableInfo = ({ hasInfo, parseResult, moreFields, state, returnValu
             continue;
         }
         if (key === 'videoCodec') {
-            if (returnValue.videoCodec === undefined && hasInfo.videoCodec) {
+            if (returnValue.videoCodec === undefined &&
+                hasInfo.videoCodec &&
+                parseResult) {
                 const videoCodec = (0, get_video_codec_1.getVideoCodec)(parseResult.segments);
                 (_g = moreFields.onVideoCodec) === null || _g === void 0 ? void 0 : _g.call(moreFields, videoCodec);
                 returnValue.videoCodec = videoCodec;
@@ -79,7 +87,9 @@ const emitAvailableInfo = ({ hasInfo, parseResult, moreFields, state, returnValu
             continue;
         }
         if (key === 'audioCodec') {
-            if (returnValue.audioCodec === undefined && hasInfo.audioCodec) {
+            if (returnValue.audioCodec === undefined &&
+                hasInfo.audioCodec &&
+                parseResult) {
                 const audioCodec = (0, get_audio_codec_1.getAudioCodec)(parseResult.segments, state);
                 (_h = moreFields.onAudioCodec) === null || _h === void 0 ? void 0 : _h.call(moreFields, audioCodec);
                 returnValue.audioCodec = audioCodec;
@@ -89,7 +99,8 @@ const emitAvailableInfo = ({ hasInfo, parseResult, moreFields, state, returnValu
         if (key === 'tracks') {
             if (hasInfo.tracks &&
                 returnValue.videoTracks === undefined &&
-                returnValue.audioTracks === undefined) {
+                returnValue.audioTracks === undefined &&
+                parseResult) {
                 const { videoTracks, audioTracks } = (0, get_tracks_1.getTracks)(parseResult.segments, state);
                 (_j = moreFields.onTracks) === null || _j === void 0 ? void 0 : _j.call(moreFields, { videoTracks, audioTracks });
                 returnValue.videoTracks = videoTracks;
@@ -120,7 +131,9 @@ const emitAvailableInfo = ({ hasInfo, parseResult, moreFields, state, returnValu
             continue;
         }
         if (key === 'container') {
-            if (returnValue.container === undefined && hasInfo.container) {
+            if (returnValue.container === undefined &&
+                hasInfo.container &&
+                parseResult) {
                 const container = (0, get_container_1.getContainer)(parseResult.segments);
                 (_o = moreFields.onContainer) === null || _o === void 0 ? void 0 : _o.call(moreFields, container);
                 returnValue.container = container;

package/dist/esm/buffer.mjs

@@ -1,7 +1,7 @@
 // src/writers/buffer-implementation/writer.ts
-var createContent = () => {
+var createContent = ({ filename, mimeType }) => {
   const buf = new ArrayBuffer(0, {
-    maxByteLength: 200000000
+    maxByteLength: 2000000000
   });
   if (!buf.resize) {
     throw new Error("Could not create buffer writer");
@@ -29,7 +29,7 @@ var createContent = () => {
         return Promise.reject(new Error("Already called .remove() on the result"));
       }
       const arr = new Uint8Array(buf);
-      return Promise.resolve(new File([arr.slice()], "hi", { type: "video/webm" }));
+      return Promise.resolve(new File([arr.slice()], filename, { type: mimeType }));
     },
     remove() {
       removed = true;