@remotion/media-parser 4.0.204 → 4.0.205

package/dist/samples-from-moof.js

@@ -19,8 +19,9 @@ const getSamplesFromTraf = (trafSegment, moofOffset) => {
     const samples = [];
     for (const trunBox of trunBoxes) {
         let i = -1;
-        if (dataOffset === 0 && trunBox.dataOffset) {
+        if (trunBox.dataOffset) {
             dataOffset = trunBox.dataOffset;
+            offset = 0;
         }
         for (const sample of trunBox.samples) {
             i++;

package/dist/traversal.d.ts

@@ -9,12 +9,16 @@ import type { StsdBox } from './boxes/iso-base-media/stsd/stsd';
 import type { StssBox } from './boxes/iso-base-media/stsd/stss';
 import type { StszBox } from './boxes/iso-base-media/stsd/stsz';
 import type { SttsBox } from './boxes/iso-base-media/stsd/stts';
+import type { TfdtBox } from './boxes/iso-base-media/tfdt';
+import type { TfhdBox } from './boxes/iso-base-media/tfhd';
 import type { TkhdBox } from './boxes/iso-base-media/tkhd';
 import type { TrakBox } from './boxes/iso-base-media/trak/trak';
+import type { TrunBox } from './boxes/iso-base-media/trun';
 import type { AudioSegment, ClusterSegment, CodecIdSegment, DisplayHeightSegment, DisplayWidthSegment, HeightSegment, MainSegment, TimestampScaleSegment, TrackEntry, TrackTypeSegment, VideoSegment, WidthSegment } from './boxes/webm/segments/all-segments';
-import type { AnySegment, RegularBox } from './parse-result';
+import type { AnySegment, IsoBaseMediaBox, RegularBox } from './parse-result';
 export declare const getFtypBox: (segments: AnySegment[]) => FtypBox | null;
 export declare const getMoovBox: (segments: AnySegment[]) => MoovBox | null;
+export declare const getMoofBox: (main: AnySegment[]) => IsoBaseMediaBox | null;
 export declare const getMvhdBox: (moovBox: MoovBox) => MvhdBox | null;
 export declare const getTraks: (moovBox: MoovBox) => TrakBox[];
 export declare const getTkhdBox: (trakBox: TrakBox) => TkhdBox | null;
@@ -29,6 +33,9 @@ export declare const getCttsBox: (trakBox: TrakBox) => CttsBox | null;
 export declare const getStszBox: (trakBox: TrakBox) => StszBox | null;
 export declare const getStscBox: (trakBox: TrakBox) => StscBox | null;
 export declare const getStssBox: (trakBox: TrakBox) => StssBox | null;
+export declare const getTfdtBox: (segment: IsoBaseMediaBox) => TfdtBox | null;
+export declare const getTfhdBox: (segment: IsoBaseMediaBox) => TfhdBox | null;
+export declare const getTrunBoxes: (segment: IsoBaseMediaBox) => TrunBox[];
 export declare const getClusterSegment: (segment: MainSegment) => ClusterSegment | null;
 export declare const getTracksSegment: (segment: MainSegment) => {
     type: "Tracks";

package/dist/traversal.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.hasSkippedMdatProcessing = exports.getCodecSegment = exports.getTrackId = exports.getTrackTypeSegment = exports.getDisplayHeightSegment = exports.getDisplayWidthSegment = exports.getHeightSegment = exports.getWidthSegment = exports.getPrivateData = exports.getBitDepth = exports.getNumberOfChannels = exports.getSampleRate = exports.getAudioSegment = exports.getVideoSegment = exports.getTimescaleSegment = exports.getTracksSegment = exports.getClusterSegment = exports.getStssBox = exports.getStscBox = exports.getStszBox = exports.getCttsBox = exports.getSttsBox = exports.getStcoBox = exports.getVideoDescriptors = exports.getStsdBox = exports.getStblBox = exports.getMdhdBox = exports.getMdiaBox = exports.getTkhdBox = exports.getTraks = exports.getMvhdBox = exports.getMoovBox = exports.getFtypBox = void 0;
+exports.hasSkippedMdatProcessing = exports.getCodecSegment = exports.getTrackId = exports.getTrackTypeSegment = exports.getDisplayHeightSegment = exports.getDisplayWidthSegment = exports.getHeightSegment = exports.getWidthSegment = exports.getPrivateData = exports.getBitDepth = exports.getNumberOfChannels = exports.getSampleRate = exports.getAudioSegment = exports.getVideoSegment = exports.getTimescaleSegment = exports.getTracksSegment = exports.getClusterSegment = exports.getTrunBoxes = exports.getTfhdBox = exports.getTfdtBox = exports.getStssBox = exports.getStscBox = exports.getStszBox = exports.getCttsBox = exports.getSttsBox = exports.getStcoBox = exports.getVideoDescriptors = exports.getStsdBox = exports.getStblBox = exports.getMdhdBox = exports.getMdiaBox = exports.getTkhdBox = exports.getTraks = exports.getMvhdBox = exports.getMoofBox = exports.getMoovBox = exports.getFtypBox = void 0;
 const getFtypBox = (segments) => {
     const ftypBox = segments.find((s) => s.type === 'ftyp-box');
     if (!ftypBox || ftypBox.type !== 'ftyp-box') {
@@ -17,6 +17,14 @@ const getMoovBox = (segments) => {
     return moovBox;
 };
 exports.getMoovBox = getMoovBox;
+const getMoofBox = (main) => {
+    const moofBox = main.find((s) => s.type === 'regular-box' && s.boxType === 'moof');
+    if (!moofBox || moofBox.type !== 'regular-box') {
+        return null;
+    }
+    return moofBox;
+};
+exports.getMoofBox = getMoofBox;
 const getMvhdBox = (moovBox) => {
     const mvHdBox = moovBox.children.find((s) => s.type === 'mvhd-box');
     if (!mvHdBox || mvHdBox.type !== 'mvhd-box') {
@@ -150,6 +158,36 @@ const getStssBox = (trakBox) => {
     return stssBox;
 };
 exports.getStssBox = getStssBox;
+const getTfdtBox = (segment) => {
+    if (segment.type !== 'regular-box' || segment.boxType !== 'traf') {
+        throw new Error('Expected traf-box');
+    }
+    const tfhdBox = segment.children.find((c) => c.type === 'tfdt-box');
+    if (!tfhdBox || tfhdBox.type !== 'tfdt-box') {
+        throw new Error('Expected tfhd-box');
+    }
+    return tfhdBox;
+};
+exports.getTfdtBox = getTfdtBox;
+const getTfhdBox = (segment) => {
+    if (segment.type !== 'regular-box' || segment.boxType !== 'traf') {
+        throw new Error('Expected traf-box');
+    }
+    const tfhdBox = segment.children.find((c) => c.type === 'tfhd-box');
+    if (!tfhdBox || tfhdBox.type !== 'tfhd-box') {
+        throw new Error('Expected tfhd-box');
+    }
+    return tfhdBox;
+};
+exports.getTfhdBox = getTfhdBox;
+const getTrunBoxes = (segment) => {
+    if (segment.type !== 'regular-box' || segment.boxType !== 'traf') {
+        throw new Error('Expected traf-box');
+    }
+    const trunBoxes = segment.children.filter((c) => c.type === 'trun-box');
+    return trunBoxes;
+};
+exports.getTrunBoxes = getTrunBoxes;
 const getClusterSegment = (segment) => {
     const clusterSegment = segment.value.find((b) => b.type === 'Cluster');
     return clusterSegment !== null && clusterSegment !== void 0 ? clusterSegment : null;

package/dist/writers/web-fs.d.ts

@@ -0,0 +1,2 @@
+import type { WriterInterface } from './writer';
+export declare const webFsWriter: WriterInterface;

package/dist/writers/web-fs.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.webFsWriter = void 0;
+const createContent = async () => {
+    const directoryHandle = await navigator.storage.getDirectory();
+    const filename = `media-parser-${Math.random().toString().replace('0.', '')}.webm`;
+    const fileHandle = await directoryHandle.getFileHandle(filename, {
+        create: true,
+    });
+    const writable = await fileHandle.createWritable();
+    let written = 0;
+    const writer = {
+        write: async (arr) => {
+            await writable.write(arr);
+            written += arr.byteLength;
+        },
+        save: async () => {
+            await writable.close();
+            const picker = await window.showSaveFilePicker({
+                suggestedName: `${Math.random().toString().replace('.', '')}.webm`,
+            });
+            const newHandle = await directoryHandle.getFileHandle(filename, {
+                create: true,
+            });
+            const newFile = await newHandle.getFile();
+            const pickerWriteable = await picker.createWritable();
+            const stream = newFile.stream();
+            await stream.pipeTo(pickerWriteable);
+            await directoryHandle.removeEntry(filename, {
+                recursive: true,
+            });
+        },
+        getWrittenByteCount: () => written,
+        updateDataAt: async (position, vint) => {
+            await writable.seek(position);
+            await writable.write(vint);
+            await writable.seek(written);
+        },
+    };
+    return writer;
+};
+exports.webFsWriter = {
+    createContent,
+};

package/dist/writers/writer.d.ts

@@ -0,0 +1,11 @@
+export type Writer = {
+    write: (arr: Uint8Array) => Promise<void>;
+    save: () => Promise<void>;
+    getWrittenByteCount: () => number;
+    updateDataAt: (position: number, vint: Uint8Array) => Promise<void>;
+};
+type CreateContent = () => Promise<Writer>;
+export type WriterInterface = {
+    createContent: CreateContent;
+};
+export {};

package/dist/writers/writer.js

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

package/package.json

@@ -3,11 +3,11 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/media-parser"
   },
   "name": "@remotion/media-parser",
-  "version": "4.0.204",
+  "version": "4.0.205",
   "main": "dist/index.js",
   "sideEffects": false,
   "devDependencies": {
-    "@remotion/renderer": "4.0.204"
+    "@remotion/renderer": "4.0.205"
   },
   "publishConfig": {
     "access": "public"

package/src/boxes/iso-base-media/esds/decoder-specific-config.ts

@@ -51,11 +51,18 @@ export const parseDecoderSpecificConfig = (
 		iterator.discard(layerSize - read);
 	}
 
+	// Working around Chrome bug
+	// https://issues.chromium.org/issues/360083330#comment5
+	const patchedAsBytes =
+		bytes.byteLength === 2 && bytes[0] === 17 && bytes[1] === 136
+			? new Uint8Array([17, 144])
+			: bytes;
+
 	return {
 		type: 'audio-specific-config',
 		audioObjectType,
 		samplingFrequencyIndex,
 		channelConfiguration,
-		asBytes: bytes,
+		asBytes: patchedAsBytes,
 	};
 };

package/src/samples-from-moof.ts

@@ -28,8 +28,9 @@ const getSamplesFromTraf = (
 	for (const trunBox of trunBoxes) {
 		let i = -1;
 
-		if (dataOffset === 0 && trunBox.dataOffset) {
+		if (trunBox.dataOffset) {
 			dataOffset = trunBox.dataOffset;
+			offset = 0;
 		}
 
 		for (const sample of trunBox.samples) {

package/src/test/samples-from-moof.test.ts

@@ -2338,7 +2338,7 @@ test('Should be able to parse video sample positions from a moof atom', () => {
 			dts: 327,
 			duration: 19,
 			isKeyframe: true,
-			offset: 563595,
+			offset: 572709,
 			size: 34739,
 		},
 	]);
@@ -2348,7 +2348,7 @@ test('Should be able to parse video sample positions from a moof atom', () => {
 		dts: 2567,
 		duration: 1,
 		isKeyframe: false,
-		offset: 5386320,
+		offset: 5481634,
 		size: 45308,
 	});
 });
@@ -2490,7 +2490,7 @@ test('Should be able to parse audio sample positions from a moof atom', () => {
 		dts: 204800,
 		duration: 1024,
 		isKeyframe: true,
-		offset: 664534,
+		offset: 5532567,
 		size: 698,
 	});
 });