@remotion/webcodecs 4.0.230 → 4.0.232

package/dist/video-encoder.d.ts

@@ -1,14 +1,16 @@
 import type { LogLevel } from '@remotion/media-parser';
+import type { ConvertMediaVideoCodec } from './get-available-video-codecs';
 export type WebCodecsVideoEncoder = {
     encodeFrame: (videoFrame: VideoFrame, timestamp: number) => Promise<void>;
     waitForFinish: () => Promise<void>;
     close: () => void;
     flush: () => Promise<void>;
 };
-export declare const createVideoEncoder: ({ onChunk, onError, signal, config, logLevel, }: {
+export declare const createVideoEncoder: ({ onChunk, onError, signal, config, logLevel, outputCodec, }: {
     onChunk: (chunk: EncodedVideoChunk, metadata: EncodedVideoChunkMetadata | null) => Promise<void>;
     onError: (error: DOMException) => void;
     signal: AbortSignal;
     config: VideoEncoderConfig;
     logLevel: LogLevel;
+    outputCodec: ConvertMediaVideoCodec;
 }) => WebCodecsVideoEncoder;

package/dist/video-encoder.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createVideoEncoder = void 0;
+const convert_to_correct_videoframe_1 = require("./convert-to-correct-videoframe");
 const io_synchronizer_1 = require("./io-manager/io-synchronizer");
-const createVideoEncoder = ({ onChunk, onError, signal, config, logLevel, }) => {
+const log_1 = require("./log");
+const createVideoEncoder = ({ onChunk, onError, signal, config, logLevel, outputCodec, }) => {
     if (signal.aborted) {
         throw new Error('Not creating video encoder, already aborted');
     }
@@ -44,6 +46,7 @@ const createVideoEncoder = ({ onChunk, onError, signal, config, logLevel, }) =>
         close();
     };
     signal.addEventListener('abort', onAbort);
+    log_1.Log.verbose(logLevel, 'Configuring video encoder', config);
     encoder.configure(config);
     let framesProcessed = 0;
     const encodeFrame = async (frame) => {
@@ -51,15 +54,16 @@ const createVideoEncoder = ({ onChunk, onError, signal, config, logLevel, }) =>
             return;
         }
         await ioSynchronizer.waitFor({
-            unemitted: 2,
-            _unprocessed: 2,
+            // Firefox stalls if too few frames are passed
+            unemitted: 10,
+            _unprocessed: 10,
         });
         // @ts-expect-error - can have changed in the meanwhile
         if (encoder.state === 'closed') {
             return;
         }
         const keyFrame = framesProcessed % 40 === 0;
-        encoder.encode(frame, {
+        encoder.encode((0, convert_to_correct_videoframe_1.convertToCorrectVideoFrame)({ videoFrame: frame, outputCodec }), {
             keyFrame,
         });
         ioSynchronizer.inputItem(frame.timestamp, keyFrame);

package/dist/wav-audio-encoder.d.ts

@@ -0,0 +1,2 @@
+import type { AudioEncoderInit, WebCodecsAudioEncoder } from './audio-encoder';
+export declare const getWaveAudioEncoder: ({ onChunk, signal, }: Pick<AudioEncoderInit, "onChunk" | "signal">) => WebCodecsAudioEncoder;

package/dist/wav-audio-encoder.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getWaveAudioEncoder = void 0;
+const getWaveAudioEncoder = ({ onChunk, signal, }) => {
+    return {
+        close: () => {
+            return Promise.resolve();
+        },
+        encodeFrame: (audioData) => {
+            if (signal.aborted) {
+                return Promise.resolve();
+            }
+            const chunk = {
+                timestamp: audioData.timestamp,
+                duration: audioData.duration,
+                type: 'key',
+                copyTo: (destination) => audioData.copyTo(destination, { planeIndex: 0, format: 's16' }),
+                byteLength: audioData.allocationSize({ planeIndex: 0, format: 's16' }),
+            };
+            return onChunk(chunk);
+        },
+        flush: () => Promise.resolve(),
+        waitForFinish: () => Promise.resolve(),
+    };
+};
+exports.getWaveAudioEncoder = getWaveAudioEncoder;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/webcodecs",
-  "version": "4.0.230",
+  "version": "4.0.232",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/esm/index.mjs",
@@ -17,19 +17,20 @@
   "author": "Jonny Burger <jonny@remotion.dev>",
   "license": "Remotion License (See https://remotion.dev/docs/webcodecs#license)",
   "dependencies": {
-    "@remotion/media-parser": "4.0.230"
+    "@remotion/media-parser": "4.0.232"
   },
   "peerDependencies": {},
   "devDependencies": {
     "@types/dom-webcodecs": "0.1.11",
     "eslint": "9.14.0",
-    "@remotion/eslint-config-internal": "4.0.230"
+    "@remotion/eslint-config-internal": "4.0.232"
   },
   "keywords": [],
   "publishConfig": {
     "access": "public"
   },
   "description": "Media conversion in the browser",
+  "homepage": "https://remotion.dev/webcodecs",
   "scripts": {
     "formatting": "prettier src --check",
     "lint": "eslint src",