@remotion/webcodecs 4.0.210 → 4.0.212

package/dist/codec-id.d.ts

@@ -1,2 +1,2 @@
-export type ConvertMediaVideoCodec = 'vp8';
+export type ConvertMediaVideoCodec = 'vp8' | 'vp9';
 export type ConvertMediaAudioCodec = 'opus';

package/dist/convert-media.js

@@ -20,8 +20,8 @@ const convertMedia = async ({ src, onVideoFrame, onMediaStateUpdate, audioCodec,
     if (audioCodec !== 'opus') {
         return Promise.reject(new TypeError('Only `audioCodec: "opus"` is supported currently'));
     }
-    if (videoCodec !== 'vp8') {
-        return Promise.reject(new TypeError('Only `videoCodec: "vp8"` is supported currently'));
+    if (videoCodec !== 'vp8' && videoCodec !== 'vp9') {
+        return Promise.reject(new TypeError('Only `videoCodec: "vp8"` and `videoCodec: "vp9"` are supported currently'));
     }
     const { promise, resolve, reject } = (0, with_resolvers_1.withResolvers)();
     const controller = new AbortController();

package/dist/esm/index.mjs

@@ -280,7 +280,7 @@ var makeAudioTrackHandler = ({
       codecPrivate: track.codecPrivate
     });
     return async (audioSample) => {
-      await state.addSample(new EncodedAudioChunk(audioSample), addedTrack.trackNumber);
+      await state.addSample(new EncodedAudioChunk(audioSample), addedTrack.trackNumber, false);
       convertMediaState.encodedAudioFrames++;
       onMediaStateUpdate?.({ ...convertMediaState });
     };
@@ -302,7 +302,7 @@ var makeAudioTrackHandler = ({
   });
   const audioEncoder = createAudioEncoder({
     onChunk: async (chunk) => {
-      await state.addSample(chunk, trackNumber);
+      await state.addSample(chunk, trackNumber, false);
       convertMediaState.encodedAudioFrames++;
       onMediaStateUpdate?.({ ...convertMediaState });
     },
@@ -346,6 +346,9 @@ var canCopyVideoTrack = (inputCodec, outputCodec) => {
   if (outputCodec === "vp8") {
     return inputCodec === "vp8";
   }
+  if (outputCodec === "vp9") {
+    return inputCodec === "vp9";
+  }
   throw new Error(`Unhandled codec: ${outputCodec}`);
 };
 var defaultResolveVideoAction = ({
@@ -609,7 +612,7 @@ var makeVideoTrackHandler = ({
   onVideoTrack
 }) => async (track) => {
   const videoEncoderConfig = await getVideoEncoderConfig({
-    codec: videoCodec,
+    codec: videoCodec === "vp9" ? "vp09.00.10.08" : videoCodec,
     height: track.displayAspectHeight,
     width: track.displayAspectWidth
   });
@@ -634,7 +637,7 @@ var makeVideoTrackHandler = ({
       codecPrivate: track.codecPrivate
     });
     return (sample) => {
-      state.addSample(new EncodedVideoChunk(sample), videoTrack.trackNumber);
+      state.addSample(new EncodedVideoChunk(sample), videoTrack.trackNumber, true);
       convertMediaState.decodedVideoFrames++;
       onMediaStateUpdate?.({ ...convertMediaState });
     };
@@ -657,7 +660,7 @@ var makeVideoTrackHandler = ({
   });
   const videoEncoder = createVideoEncoder({
     onChunk: async (chunk) => {
-      await state.addSample(chunk, trackNumber);
+      await state.addSample(chunk, trackNumber, true);
       convertMediaState.encodedVideoFrames++;
       onMediaStateUpdate?.({ ...convertMediaState });
     },
@@ -725,8 +728,8 @@ var convertMedia = async ({
   if (audioCodec !== "opus") {
     return Promise.reject(new TypeError('Only `audioCodec: "opus"` is supported currently'));
   }
-  if (videoCodec !== "vp8") {
-    return Promise.reject(new TypeError('Only `videoCodec: "vp8"` is supported currently'));
+  if (videoCodec !== "vp8" && videoCodec !== "vp9") {
+    return Promise.reject(new TypeError('Only `videoCodec: "vp8"` and `videoCodec: "vp9"` are supported currently'));
   }
   const { promise, resolve, reject } = withResolvers();
   const controller = new AbortController;

package/dist/get-config.d.ts

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

package/dist/get-config.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getVideoDecoderConfigWithHardwareAcceleration = void 0;
+exports.getVideoEncoderConfigWithHardwareAcceleration = exports.getVideoDecoderConfigWithHardwareAcceleration = void 0;
 const getVideoDecoderConfigWithHardwareAcceleration = async (config) => {
     const hardware = {
         ...config,
@@ -19,3 +19,21 @@ const getVideoDecoderConfigWithHardwareAcceleration = async (config) => {
     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/on-audio-track.js

@@ -42,7 +42,7 @@ const makeAudioTrackHandler = ({ state, audioCodec, convertMediaState, controlle
             codecPrivate: track.codecPrivate,
         });
         return async (audioSample) => {
-            await state.addSample(new EncodedAudioChunk(audioSample), addedTrack.trackNumber);
+            await state.addSample(new EncodedAudioChunk(audioSample), addedTrack.trackNumber, false);
             convertMediaState.encodedAudioFrames++;
             onMediaStateUpdate === null || onMediaStateUpdate === void 0 ? void 0 : onMediaStateUpdate({ ...convertMediaState });
         };
@@ -64,7 +64,7 @@ const makeAudioTrackHandler = ({ state, audioCodec, convertMediaState, controlle
     });
     const audioEncoder = (0, audio_encoder_1.createAudioEncoder)({
         onChunk: async (chunk) => {
-            await state.addSample(chunk, trackNumber);
+            await state.addSample(chunk, trackNumber, false);
             convertMediaState.encodedAudioFrames++;
             onMediaStateUpdate === null || onMediaStateUpdate === void 0 ? void 0 : onMediaStateUpdate({ ...convertMediaState });
         },

package/dist/on-video-track.js

@@ -12,7 +12,7 @@ const video_encoder_1 = require("./video-encoder");
 const video_encoder_config_1 = require("./video-encoder-config");
 const makeVideoTrackHandler = ({ state, onVideoFrame, onMediaStateUpdate, abortConversion, convertMediaState, controller, videoCodec, onVideoTrack, }) => async (track) => {
     const videoEncoderConfig = await (0, video_encoder_config_1.getVideoEncoderConfig)({
-        codec: videoCodec,
+        codec: videoCodec === 'vp9' ? 'vp09.00.10.08' : videoCodec,
         height: track.displayAspectHeight,
         width: track.displayAspectWidth,
     });
@@ -37,7 +37,7 @@ const makeVideoTrackHandler = ({ state, onVideoFrame, onMediaStateUpdate, abortC
             codecPrivate: track.codecPrivate,
         });
         return (sample) => {
-            state.addSample(new EncodedVideoChunk(sample), videoTrack.trackNumber);
+            state.addSample(new EncodedVideoChunk(sample), videoTrack.trackNumber, true);
             convertMediaState.decodedVideoFrames++;
             onMediaStateUpdate === null || onMediaStateUpdate === void 0 ? void 0 : onMediaStateUpdate({ ...convertMediaState });
         };
@@ -60,7 +60,7 @@ const makeVideoTrackHandler = ({ state, onVideoFrame, onMediaStateUpdate, abortC
     });
     const videoEncoder = (0, video_encoder_1.createVideoEncoder)({
         onChunk: async (chunk) => {
-            await state.addSample(chunk, trackNumber);
+            await state.addSample(chunk, trackNumber, true);
             convertMediaState.encodedVideoFrames++;
             onMediaStateUpdate === null || onMediaStateUpdate === void 0 ? void 0 : onMediaStateUpdate({ ...convertMediaState });
         },

package/dist/resolve-video-action.js

@@ -5,6 +5,9 @@ const canCopyVideoTrack = (inputCodec, outputCodec) => {
     if (outputCodec === 'vp8') {
         return inputCodec === 'vp8';
     }
+    if (outputCodec === 'vp9') {
+        return inputCodec === 'vp9';
+    }
     throw new Error(`Unhandled codec: ${outputCodec}`);
 };
 const defaultResolveVideoAction = ({ canReencode, canCopy, }) => {

package/dist/wait-for-dequeue.js

@@ -21,7 +21,6 @@ const decoderWaitForFinish = async (videoDecoder) => {
             });
         });
     }
-    await videoDecoder.flush();
 };
 exports.decoderWaitForFinish = decoderWaitForFinish;
 // Queue goes way higher but this will eat more memory right?
@@ -46,6 +45,5 @@ const encoderWaitForFinish = async (videoEncoder) => {
             });
         });
     }
-    await videoEncoder.flush();
 };
 exports.encoderWaitForFinish = encoderWaitForFinish;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/webcodecs",
-  "version": "4.0.210",
+  "version": "4.0.212",
   "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.210"
+    "@remotion/media-parser": "4.0.212"
   },
   "peerDependencies": {},
   "devDependencies": {

package/dist/create-decoder.d.ts

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

package/dist/create-decoder.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createDecoder = void 0;
-const createDecoder = ({ onProgress, onFrame, }) => {
-    let decodedFrames = 0;
-    let nextKeyFrameTimestamp = 0;
-    const decoder = new VideoDecoder({
-        async output(inputFrame) {
-            const bitmap = await createImageBitmap(inputFrame);
-            const keyFrameEveryHowManySeconds = 2;
-            let keyFrame = false;
-            if (inputFrame.timestamp >= nextKeyFrameTimestamp) {
-                keyFrame = true;
-                nextKeyFrameTimestamp =
-                    inputFrame.timestamp + keyFrameEveryHowManySeconds * 1e6;
-            }
-            const outputFrame = new VideoFrame(bitmap, {
-                timestamp: inputFrame.timestamp,
-                duration: inputFrame.duration,
-            });
-            onFrame(outputFrame, keyFrame);
-            inputFrame.close();
-            decodedFrames++;
-            onProgress(decodedFrames);
-        },
-        error(error) {
-            console.error(error);
-        },
-    });
-    return { decoder };
-};
-exports.createDecoder = createDecoder;

package/dist/decoder.d.ts

@@ -1,7 +0,0 @@
-import type { VideoSample, VideoTrack } from '@remotion/media-parser';
-export declare const createDecoder: ({ track, onFrame, }: {
-    track: VideoTrack;
-    onFrame: (frame: VideoFrame) => Promise<void>;
-}) => Promise<{
-    processSample: (sample: VideoSample) => Promise<void>;
-} | null>;

package/dist/decoder.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createDecoder = void 0;
-const wait_for_dequeue_1 = require("./wait-for-dequeue");
-const createDecoder = async ({ track, onFrame, }) => {
-    if (typeof VideoDecoder === 'undefined') {
-        return null;
-    }
-    const actualConfig = {
-        ...track,
-        hardwareAcceleration: 'prefer-hardware',
-    };
-    const { supported } = await VideoDecoder.isConfigSupported(actualConfig);
-    if (!supported) {
-        return null;
-    }
-    const videoDecoder = new VideoDecoder({
-        async output(inputFrame) {
-            await onFrame(inputFrame);
-        },
-        error(error) {
-            console.error(error);
-        },
-    });
-    videoDecoder.configure(actualConfig);
-    const processSample = async (sample) => {
-        if (videoDecoder.state === 'closed') {
-            return;
-        }
-        await (0, wait_for_dequeue_1.decoderWaitForDequeue)(videoDecoder);
-        if (sample.type === 'key') {
-            await videoDecoder.flush();
-        }
-        videoDecoder.decode(new EncodedVideoChunk(sample));
-    };
-    let queue = Promise.resolve();
-    return {
-        processSample: (sample) => {
-            queue = queue.then(() => processSample(sample));
-            return queue;
-        },
-    };
-};
-exports.createDecoder = createDecoder;

package/dist/encoder.d.ts

@@ -1,7 +0,0 @@
-export declare const createEncoder: ({ width, height, onChunk, }: {
-    width: number;
-    height: number;
-    onChunk: (chunk: EncodedVideoChunk) => Promise<void>;
-}) => Promise<{
-    encodeFrame: (frame: VideoFrame) => Promise<void>;
-} | null>;

package/dist/encoder.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createEncoder = void 0;
-const get_config_1 = require("./get-config");
-const wait_for_dequeue_1 = require("./wait-for-dequeue");
-const createEncoder = async ({ width, height, onChunk, }) => {
-    if (typeof VideoEncoder === 'undefined') {
-        return Promise.resolve(null);
-    }
-    const encoder = new VideoEncoder({
-        error(error) {
-            console.error(error);
-        },
-        async output(chunk) {
-            await onChunk(chunk);
-        },
-    });
-    const config = await (0, get_config_1.getVideoEncoderConfigWithHardwareAcceleration)({
-        codec: 'vp8',
-        height,
-        width,
-    });
-    if (!config) {
-        return null;
-    }
-    encoder.configure(config);
-    let framesProcessed = 0;
-    const encodeFrame = async (frame) => {
-        await (0, wait_for_dequeue_1.encoderWaitForDequeue)(encoder);
-        encoder.encode(frame, {
-            keyFrame: framesProcessed % 40 === 0,
-        });
-        framesProcessed++;
-    };
-    let queue = Promise.resolve();
-    return {
-        encodeFrame: (frame) => {
-            queue = queue.then(() => encodeFrame(frame));
-            return queue;
-        },
-    };
-};
-exports.createEncoder = createEncoder;