@remotion/webcodecs 4.0.216 → 4.0.218

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/webcodecs",
-  "version": "4.0.216",
+  "version": "4.0.218",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/esm/index.mjs",
@@ -17,7 +17,7 @@
   "author": "Jonny Burger <jonny@remotion.dev>",
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "@remotion/media-parser": "4.0.216"
+    "@remotion/media-parser": "4.0.218"
   },
   "peerDependencies": {},
   "devDependencies": {

package/dist/create-audio-decoder.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="dom-webcodecs" />
-export declare const createAudioDecoder: ({ onProgress, onFrame, }: {
-    onProgress: (decoded: number) => void;
-    onFrame: (frame: AudioData) => void;
-}) => {
-    decoder: AudioDecoder;
-};

package/dist/create-audio-decoder.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createAudioDecoder = void 0;
-const createAudioDecoder = ({ onProgress, onFrame, }) => {
-    let decodedFrames = 0;
-    const decoder = new AudioDecoder({
-        output(inputFrame) {
-            onFrame(inputFrame);
-            inputFrame.close();
-            onProgress(++decodedFrames);
-        },
-        error(error) {
-            console.error(error);
-        },
-    });
-    return { decoder };
-};
-exports.createAudioDecoder = createAudioDecoder;

package/dist/create-encoder.d.ts

@@ -1,9 +0,0 @@
-/// <reference path="../src/types/mp4box.d.ts" />
-export declare const createEncoder: ({ width, height, onProgress, }: {
-    width: number;
-    height: number;
-    onProgress: (encoded: number) => void;
-}) => {
-    encoder: VideoEncoder;
-    outputMp4: import("mp4box").MP4File;
-};

package/dist/create-encoder.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createEncoder = void 0;
-const mp4box_1 = require("mp4box");
-const timescale = 90000;
-const createEncoder = ({ width, height, onProgress, }) => {
-    let trackID = null;
-    let encodedFrames = 0;
-    const outputMp4 = (0, mp4box_1.createFile)();
-    const encoder = new VideoEncoder({
-        output(chunk, metadata) {
-            const uint8 = new Uint8Array(chunk.byteLength);
-            chunk.copyTo(uint8);
-            if (trackID === null) {
-                trackID = outputMp4.addTrack({
-                    width,
-                    height,
-                    timescale,
-                    avcDecoderConfigRecord: metadata.decoderConfig.description,
-                });
-            }
-            if (chunk.duration === null) {
-                throw new Error('No duration in the chunk');
-            }
-            const sampleDuration = chunk.duration / (1000000 / timescale);
-            outputMp4.addSample(trackID, uint8, {
-                duration: sampleDuration,
-                is_sync: chunk.type === 'key',
-            });
-            encodedFrames++;
-            onProgress(encodedFrames);
-        },
-        error(error) {
-            console.error(error);
-        },
-    });
-    encoder.configure({
-        codec: 'avc1.4d0034',
-        width,
-        height,
-        hardwareAcceleration: 'prefer-hardware',
-        bitrate: 20000000,
-    });
-    return { encoder, outputMp4 };
-};
-exports.createEncoder = createEncoder;

package/dist/create-video-decoder.d.ts

@@ -1,6 +0,0 @@
-export declare const createVideoDecoder: ({ onProgress, onFrame, }: {
-    onProgress: (decoded: number) => void;
-    onFrame: (frame: VideoFrame) => void;
-}) => {
-    decoder: VideoDecoder;
-};

package/dist/create-video-decoder.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createVideoDecoder = void 0;
-const createVideoDecoder = ({ onProgress, onFrame, }) => {
-    let decodedFrames = 0;
-    const decoder = new VideoDecoder({
-        output(inputFrame) {
-            onFrame(inputFrame);
-            inputFrame.close();
-            onProgress(++decodedFrames);
-        },
-        error(error) {
-            console.error(error);
-        },
-    });
-    return { decoder };
-};
-exports.createVideoDecoder = createVideoDecoder;

package/dist/get-config.d.ts

@@ -1,2 +0,0 @@
-export declare const getVideoDecoderConfigWithHardwareAcceleration: (config: VideoDecoderConfig) => Promise<VideoDecoderConfig | null>;
-export declare const getVideoEncoderConfigWithHardwareAcceleration: (config: VideoEncoderConfig) => Promise<VideoEncoderConfig | null>;

package/dist/get-config.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getVideoEncoderConfigWithHardwareAcceleration = exports.getVideoDecoderConfigWithHardwareAcceleration = void 0;
-const getVideoDecoderConfigWithHardwareAcceleration = async (config) => {
-    const hardware = {
-        ...config,
-        hardwareAcceleration: 'prefer-hardware',
-    };
-    if ((await VideoDecoder.isConfigSupported(hardware)).supported) {
-        return hardware;
-    }
-    const software = {
-        ...config,
-        hardwareAcceleration: 'prefer-software',
-    };
-    if ((await VideoDecoder.isConfigSupported(software)).supported) {
-        return software;
-    }
-    return null;
-};
-exports.getVideoDecoderConfigWithHardwareAcceleration = getVideoDecoderConfigWithHardwareAcceleration;
-const getVideoEncoderConfigWithHardwareAcceleration = async (config) => {
-    const hardware = {
-        ...config,
-        hardwareAcceleration: 'prefer-hardware',
-    };
-    if ((await VideoEncoder.isConfigSupported(hardware)).supported) {
-        return hardware;
-    }
-    const software = {
-        ...config,
-        hardwareAcceleration: 'prefer-software',
-    };
-    if ((await VideoEncoder.isConfigSupported(software)).supported) {
-        return software;
-    }
-    return null;
-};
-exports.getVideoEncoderConfigWithHardwareAcceleration = getVideoEncoderConfigWithHardwareAcceleration;

package/dist/get-description.d.ts

@@ -1,6 +0,0 @@
-/// <reference path="../src/types/mp4box.d.ts" />
-import type { MP4File, MP4MediaTrack } from 'mp4box';
-export declare const getDescription: ({ mp4File, track, }: {
-    mp4File: MP4File;
-    track: MP4MediaTrack;
-}) => Uint8Array | undefined;

package/dist/get-description.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDescription = void 0;
-const mp4box_1 = require("mp4box");
-const getDescription = ({ mp4File, track, }) => {
-    const trak = mp4File.getTrackById(track.id);
-    for (const entry of trak.mdia.minf.stbl.stsd.entries) {
-        if (entry.avcC || entry.hvcC) {
-            const stream = new mp4box_1.DataStream(undefined, 0, mp4box_1.DataStream.BIG_ENDIAN);
-            if (entry.avcC) {
-                entry.avcC.write(stream);
-            }
-            else if (entry.hvcC) {
-                entry.hvcC.write(stream);
-            }
-            return new Uint8Array(stream.buffer, 8); // Remove the box header.
-        }
-    }
-};
-exports.getDescription = getDescription;

package/dist/get-samples.d.ts

@@ -1,6 +0,0 @@
-/// <reference path="../src/types/mp4box.d.ts" />
-import type { MP4File, MP4MediaTrack, Sample } from 'mp4box';
-export declare const getSamples: ({ mp4File, track, }: {
-    mp4File: MP4File;
-    track: MP4MediaTrack;
-}) => Promise<Sample[]>;

package/dist/get-samples.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSamples = void 0;
-const getSamples = ({ mp4File, track, }) => {
-    mp4File.setExtractionOptions(track.id, null, {
-        nbSamples: Infinity,
-    });
-    return new Promise((resolve, reject) => {
-        mp4File.onSamples = (track_id, _ref, samples) => {
-            if (track_id === track.id) {
-                resolve(samples);
-                mp4File.onSamples = undefined;
-                mp4File.onError = undefined;
-            }
-        };
-        mp4File.onError = (e) => {
-            reject(e);
-            mp4File.onSamples = undefined;
-            mp4File.onError = undefined;
-        };
-        mp4File.start();
-    });
-};
-exports.getSamples = getSamples;

package/dist/load-mp4-file.d.ts

@@ -1,8 +0,0 @@
-/// <reference path="../src/types/mp4box.d.ts" />
-import type { MP4File, MP4Info } from 'mp4box';
-type ReturnType = {
-    mp4File: MP4File;
-    info: MP4Info;
-};
-export declare const loadMp4File: (file: File) => Promise<ReturnType>;
-export {};

package/dist/load-mp4-file.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadMp4File = void 0;
-const mp4box_1 = require("mp4box");
-const readFile = (file) => {
-    return new Promise((resolve, reject) => {
-        const reader = new FileReader();
-        reader.onload = () => {
-            reader.result.fileStart = 0;
-            resolve(reader.result);
-            reader.onerror = null;
-            reader.onload = null;
-        };
-        reader.onerror = (error) => {
-            reject(error);
-            reader.onerror = null;
-            reader.onload = null;
-        };
-        reader.readAsArrayBuffer(file);
-    });
-};
-const loadMp4File = async (file) => {
-    const mp4File = (0, mp4box_1.createFile)();
-    const arrayBuffer = await readFile(file);
-    const prom = new Promise((resolve, reject) => {
-        mp4File.onError = (error) => {
-            reject(error);
-        };
-        mp4File.onReady = (info) => {
-            resolve({ mp4File, info });
-        };
-    });
-    mp4File.appendBuffer(arrayBuffer);
-    mp4File.flush();
-    return prom;
-};
-exports.loadMp4File = loadMp4File;

package/dist/reencode-video.d.ts

@@ -1 +0,0 @@
-export declare const reencodeVideo: (file: File) => Promise<void>;

package/dist/reencode-video.js

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.reencodeVideo = void 0;
-const create_encoder_1 = require("./create-encoder");
-const create_video_decoder_1 = require("./create-video-decoder");
-const get_description_1 = require("./get-description");
-const get_samples_1 = require("./get-samples");
-const load_mp4_file_1 = require("./load-mp4-file");
-const reencodeVideo = async (file) => {
-    const { info, mp4File } = await (0, load_mp4_file_1.loadMp4File)(file);
-    const track = info.videoTracks[0];
-    if (!track) {
-        throw new Error('No video track found in the file');
-    }
-    const { encoder, outputMp4 } = (0, create_encoder_1.createEncoder)({
-        width: track.track_width,
-        height: track.track_height,
-        onProgress: (encoded) => {
-            const encodingProgress = Math.round((100 * encoded) / track.nb_samples);
-            console.log(`Encoding frame ${encoded} (${encodingProgress}%)`);
-        },
-    });
-    let nextKeyFrameTimestamp = 0;
-    let keyFrame = false;
-    const keyFrameEveryHowManySeconds = 2;
-    const { decoder } = (0, create_video_decoder_1.createVideoDecoder)({
-        onFrame: (frame) => {
-            if (frame.timestamp >= nextKeyFrameTimestamp) {
-                keyFrame = true;
-                nextKeyFrameTimestamp =
-                    frame.timestamp + keyFrameEveryHowManySeconds * 1e6;
-            }
-            encoder.encode(frame, { keyFrame });
-            frame.close();
-        },
-        onProgress: (decoded) => {
-            const decodingProgress = Math.round((100 * decoded) / track.nb_samples);
-            console.log(`Decoding frame ${decoded} (${decodingProgress}%)`);
-        },
-    });
-    decoder.configure({
-        codec: track.codec,
-        codedWidth: track.track_width,
-        codedHeight: track.track_height,
-        // TODO: Check first if hardware acceleration is supported
-        hardwareAcceleration: 'prefer-hardware',
-        description: (0, get_description_1.getDescription)({ mp4File, track }),
-    });
-    const samples = await (0, get_samples_1.getSamples)({ mp4File, track });
-    console.log(samples);
-    for (const sample of samples) {
-        const duration = (sample.duration * 1000000) / sample.timescale;
-        const timestamp = (sample.cts * 1000000) / sample.timescale;
-        const chunk = new EncodedVideoChunk({
-            type: sample.is_sync ? 'key' : 'delta',
-            timestamp,
-            duration,
-            data: sample.data,
-        });
-        decoder.decode(chunk);
-    }
-    await decoder.flush();
-    await encoder.flush();
-    encoder.close();
-    decoder.close();
-    outputMp4.save('mp4box.mp4');
-};
-exports.reencodeVideo = reencodeVideo;

package/dist/video-parser.d.ts

@@ -1 +0,0 @@
-export declare const parseVideo: (file: File) => Promise<void>;

package/dist/video-parser.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseVideo = void 0;
-const media_parser_1 = require("@remotion/media-parser");
-const web_file_1 = require("@remotion/media-parser/web-file");
-const parseVideo = async (file) => {
-    const videoDecoder = new VideoDecoder({
-        output(inputFrame) {
-            console.log('frame', inputFrame);
-            inputFrame.close();
-        },
-        error(error) {
-            console.error(error);
-        },
-    });
-    await (0, media_parser_1.parseMedia)({
-        src: file,
-        reader: web_file_1.webFileReader,
-        onVideoTrack: (track) => {
-            videoDecoder.configure({
-                ...track,
-                hardwareAcceleration: 'no-preference',
-            });
-            return (chunk) => {
-                videoDecoder.decode(new EncodedVideoChunk(chunk));
-            };
-        },
-        onAudioTrack: (track) => {
-            const audioDecoder = new AudioDecoder({
-                output(inputFrame) {
-                    console.log('audio frame', inputFrame);
-                    inputFrame.close();
-                },
-                error(error) {
-                    console.error(error);
-                },
-            });
-            audioDecoder.configure({
-                codec: track.codec,
-                sampleRate: track.sampleRate,
-                numberOfChannels: track.numberOfChannels,
-                description: track.description,
-            });
-            console.log('audio track', track);
-            return (audioSample) => {
-                audioDecoder.decode(new EncodedAudioChunk(audioSample));
-            };
-        },
-    });
-};
-exports.parseVideo = parseVideo;

package/dist/wait-for-dequeue.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="dom-webcodecs" />
-export declare const decoderWaitForDequeue: (videoDecoder: VideoDecoder | AudioDecoder) => Promise<void>;
-export declare const decoderWaitForFinish: (videoDecoder: VideoDecoder | AudioDecoder) => Promise<void>;
-export declare const encoderWaitForDequeue: (videoEncoder: VideoEncoder | AudioEncoder) => Promise<void>;
-export declare const encoderWaitForFinish: (videoEncoder: VideoEncoder | AudioEncoder) => Promise<void>;

package/dist/wait-for-dequeue.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.encoderWaitForFinish = exports.encoderWaitForDequeue = exports.decoderWaitForFinish = exports.decoderWaitForDequeue = void 0;
-const decoderWaitForDequeue = async (videoDecoder) => {
-    while (videoDecoder.decodeQueueSize > 10) {
-        await new Promise((r) => {
-            // @ts-expect-error exists
-            videoDecoder.addEventListener('dequeue', () => r(), {
-                once: true,
-            });
-        });
-    }
-};
-exports.decoderWaitForDequeue = decoderWaitForDequeue;
-const decoderWaitForFinish = async (videoDecoder) => {
-    while (videoDecoder.decodeQueueSize > 0) {
-        await new Promise((r) => {
-            // @ts-expect-error exists
-            videoDecoder.addEventListener('dequeue', () => r(), {
-                once: true,
-            });
-        });
-    }
-};
-exports.decoderWaitForFinish = decoderWaitForFinish;
-// Queue goes way higher but this will eat more memory right?
-// But if not done this way, quality is worse
-const encoderWaitForDequeue = async (videoEncoder) => {
-    while (videoEncoder.encodeQueueSize > 10) {
-        await new Promise((r) => {
-            // @ts-expect-error exists
-            videoEncoder.addEventListener('dequeue', () => r(), {
-                once: true,
-            });
-        });
-    }
-};
-exports.encoderWaitForDequeue = encoderWaitForDequeue;
-const encoderWaitForFinish = async (videoEncoder) => {
-    while (videoEncoder.encodeQueueSize > 0) {
-        await new Promise((r) => {
-            // @ts-expect-error exists
-            videoEncoder.addEventListener('dequeue', () => r(), {
-                once: true,
-            });
-        });
-    }
-};
-exports.encoderWaitForFinish = encoderWaitForFinish;