@remotion/webcodecs 4.0.232 → 4.0.233

package/dist/video-decoder.js

@@ -3,8 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createVideoDecoder = void 0;
 const io_synchronizer_1 = require("./io-manager/io-synchronizer");
 const log_1 = require("./log");
-const createVideoDecoder = ({ onFrame, onError, signal, config, logLevel, }) => {
-    const ioSynchronizer = (0, io_synchronizer_1.makeIoSynchronizer)(logLevel, 'Video decoder');
+const createVideoDecoder = ({ onFrame, onError, signal, config, logLevel, progress, }) => {
+    const ioSynchronizer = (0, io_synchronizer_1.makeIoSynchronizer)({
+        logLevel,
+        label: 'Video decoder',
+        progress,
+    });
     let outputQueue = Promise.resolve();
     const videoDecoder = new VideoDecoder({
         output(inputFrame) {
@@ -55,7 +59,11 @@ const createVideoDecoder = ({ onFrame, onError, signal, config, logLevel, }) =>
         if (videoDecoder.state === 'closed') {
             return;
         }
-        await ioSynchronizer.waitFor({ unemitted: 20, _unprocessed: 2 });
+        await ioSynchronizer.waitFor({
+            unemitted: 20,
+            _unprocessed: 2,
+            minimumProgress: sample.timestamp - 5000000,
+        });
         if (sample.type === 'key') {
             await videoDecoder.flush();
         }

package/dist/video-encoder.d.ts

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

package/dist/video-encoder.js

@@ -4,11 +4,15 @@ 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 log_1 = require("./log");
-const createVideoEncoder = ({ onChunk, onError, signal, config, logLevel, outputCodec, }) => {
+const createVideoEncoder = ({ onChunk, onError, signal, config, logLevel, outputCodec, progress, }) => {
     if (signal.aborted) {
         throw new Error('Not creating video encoder, already aborted');
     }
-    const ioSynchronizer = (0, io_synchronizer_1.makeIoSynchronizer)(logLevel, 'Video encoder');
+    const ioSynchronizer = (0, io_synchronizer_1.makeIoSynchronizer)({
+        logLevel,
+        label: 'Video encoder',
+        progress,
+    });
     let outputQueue = Promise.resolve();
     const encoder = new VideoEncoder({
         error(error) {
@@ -57,6 +61,7 @@ const createVideoEncoder = ({ onChunk, onError, signal, config, logLevel, output
             // Firefox stalls if too few frames are passed
             unemitted: 10,
             _unprocessed: 10,
+            minimumProgress: frame.timestamp - 5000000,
         });
         // @ts-expect-error - can have changed in the meanwhile
         if (encoder.state === 'closed') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/webcodecs",
-  "version": "4.0.232",
+  "version": "4.0.233",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/esm/index.mjs",
@@ -17,13 +17,14 @@
   "author": "Jonny Burger <jonny@remotion.dev>",
   "license": "Remotion License (See https://remotion.dev/docs/webcodecs#license)",
   "dependencies": {
-    "@remotion/media-parser": "4.0.232"
+    "@remotion/media-parser": "4.0.233",
+    "@remotion/example-videos": "4.0.233"
   },
   "peerDependencies": {},
   "devDependencies": {
     "@types/dom-webcodecs": "0.1.11",
     "eslint": "9.14.0",
-    "@remotion/eslint-config-internal": "4.0.232"
+    "@remotion/eslint-config-internal": "4.0.233"
   },
   "keywords": [],
   "publishConfig": {
@@ -34,6 +35,7 @@
   "scripts": {
     "formatting": "prettier src --check",
     "lint": "eslint src",
+    "test": "bun test src",
     "watch": "tsc -w",
     "make": "tsc -d && bun --env-file=../.env.bundle bundle.ts"
   }