@remotion/webcodecs 4.0.332 → 4.0.334

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

@@ -18,11 +18,11 @@ export type CreateAudioDecoderInit = {
     config: AudioDecoderConfig;
     logLevel: MediaParserLogLevel;
 };
-export declare const internalCreateAudioDecoder: ({ onFrame, onError, controller, config, logLevel, }: CreateAudioDecoderInit) => WebCodecsAudioDecoder;
+export declare const internalCreateAudioDecoder: ({ onFrame, onError, controller, config, logLevel, }: CreateAudioDecoderInit) => Promise<WebCodecsAudioDecoder>;
 export declare const createAudioDecoder: ({ track, onFrame, onError, controller, logLevel, }: {
     track: AudioDecoderConfig;
     onFrame: (frame: AudioData) => Promise<void> | void;
     onError: (error: Error) => void;
     controller?: WebCodecsController | null;
     logLevel?: MediaParserLogLevel;
-}) => WebCodecsAudioDecoder;
+}) => Promise<WebCodecsAudioDecoder>;

package/dist/create-audio-decoder.js

@@ -4,7 +4,8 @@ exports.createAudioDecoder = exports.internalCreateAudioDecoder = void 0;
 const flush_pending_1 = require("./flush-pending");
 const get_wave_audio_decoder_1 = require("./get-wave-audio-decoder");
 const io_synchronizer_1 = require("./io-manager/io-synchronizer");
-const internalCreateAudioDecoder = ({ onFrame, onError, controller, config, logLevel, }) => {
+const undecodable_error_1 = require("./undecodable-error");
+const internalCreateAudioDecoder = async ({ onFrame, onError, controller, config, logLevel, }) => {
     if (controller &&
         controller._internals._mediaParserController._internals.signal.aborted) {
         throw new Error('Not creating audio decoder, already aborted');
@@ -57,6 +58,13 @@ const internalCreateAudioDecoder = ({ onFrame, onError, controller, config, logL
     if (controller) {
         controller._internals._mediaParserController._internals.signal.addEventListener('abort', onAbort);
     }
+    const isConfigSupported = await AudioDecoder.isConfigSupported(config);
+    if (!isConfigSupported) {
+        throw new undecodable_error_1.AudioUndecodableError({
+            message: 'Audio cannot be decoded by this browser',
+            config,
+        });
+    }
     audioDecoder.configure(config);
     const decode = async (audioSample) => {
         if (audioDecoder.state === 'closed') {

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

@@ -17,11 +17,11 @@ export declare const internalCreateVideoDecoder: ({ onFrame, onError, controller
     controller: WebCodecsController | null;
     config: VideoDecoderConfig;
     logLevel: MediaParserLogLevel;
-}) => WebCodecsVideoDecoder;
+}) => Promise<WebCodecsVideoDecoder>;
 export declare const createVideoDecoder: ({ onFrame, onError, controller, track, logLevel, }: {
     track: VideoDecoderConfig;
     onFrame: (frame: VideoFrame) => Promise<void> | void;
     onError: (error: Error) => void;
     controller?: WebCodecsController;
     logLevel?: MediaParserLogLevel;
-}) => WebCodecsVideoDecoder;
+}) => Promise<WebCodecsVideoDecoder>;

package/dist/create-video-decoder.js

@@ -3,7 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createVideoDecoder = exports.internalCreateVideoDecoder = void 0;
 const flush_pending_1 = require("./flush-pending");
 const io_synchronizer_1 = require("./io-manager/io-synchronizer");
-const internalCreateVideoDecoder = ({ onFrame, onError, controller, config, logLevel, }) => {
+const undecodable_error_1 = require("./undecodable-error");
+const internalCreateVideoDecoder = async ({ onFrame, onError, controller, config, logLevel, }) => {
     if (controller &&
         controller._internals._mediaParserController._internals.signal.aborted) {
         throw new Error('Not creating audio decoder, already aborted');
@@ -46,6 +47,13 @@ const internalCreateVideoDecoder = ({ onFrame, onError, controller, config, logL
     if (controller) {
         controller._internals._mediaParserController._internals.signal.addEventListener('abort', onAbort);
     }
+    const isConfigSupported = await VideoDecoder.isConfigSupported(config);
+    if (!isConfigSupported) {
+        throw new undecodable_error_1.VideoUndecodableError({
+            message: 'Video cannot be decoded by this browser',
+            config,
+        });
+    }
     videoDecoder.configure(config);
     const decode = async (sample) => {
         if (videoDecoder.state === 'closed') {

package/dist/default-on-video-track-handler.js

@@ -23,7 +23,8 @@ const defaultOnVideoTrackHandler = async ({ track, defaultVideoCodec, logLevel,
         return Promise.resolve({
             type: 'reencode',
             videoCodec: defaultVideoCodec,
-            rotate: rotate - track.rotation,
+            // By default, will remove rotation when re-encoding
+            rotate: undefined,
             resize: resizeOperation,
         });
     }

package/dist/esm/index.mjs

@@ -4264,8 +4264,39 @@ var getWaveAudioDecoder = ({
   };
 };
 
+// src/undecodable-error.ts
+class VideoUndecodableError extends Error {
+  config;
+  constructor({
+    message,
+    config
+  }) {
+    super(message);
+    this.name = "VideoUndecodableError";
+    this.config = config;
+    if (Error.captureStackTrace) {
+      Error.captureStackTrace(this, VideoUndecodableError);
+    }
+  }
+}
+
+class AudioUndecodableError extends Error {
+  config;
+  constructor({
+    message,
+    config
+  }) {
+    super(message);
+    this.name = "AudioUndecodableError";
+    this.config = config;
+    if (Error.captureStackTrace) {
+      Error.captureStackTrace(this, AudioUndecodableError);
+    }
+  }
+}
+
 // src/create-audio-decoder.ts
-var internalCreateAudioDecoder = ({
+var internalCreateAudioDecoder = async ({
   onFrame,
   onError,
   controller,
@@ -4320,6 +4351,13 @@ var internalCreateAudioDecoder = ({
   if (controller) {
     controller._internals._mediaParserController._internals.signal.addEventListener("abort", onAbort);
   }
+  const isConfigSupported = await AudioDecoder.isConfigSupported(config);
+  if (!isConfigSupported) {
+    throw new AudioUndecodableError({
+      message: "Audio cannot be decoded by this browser",
+      config
+    });
+  }
   audioDecoder.configure(config);
   const decode = async (audioSample) => {
     if (audioDecoder.state === "closed") {
@@ -4558,7 +4596,7 @@ var reencodeAudioTrack = async ({
       newAudioData.close();
     }
   });
-  const audioDecoder = internalCreateAudioDecoder({
+  const audioDecoder = await internalCreateAudioDecoder({
     onFrame: async (audioData) => {
       await controller._internals._mediaParserController._internals.checkForAbortAndPause();
       await audioProcessingQueue.ioSynchronizer.waitForQueueSize(10);
@@ -4711,7 +4749,7 @@ var defaultOnVideoTrackHandler = async ({
     return Promise.resolve({
       type: "reencode",
       videoCodec: defaultVideoCodec,
-      rotate: rotate - track.rotation,
+      rotate: undefined,
       resize: resizeOperation
     });
   }
@@ -4741,7 +4779,7 @@ var arrayBufferToUint8Array = (buffer) => {
 };
 
 // src/create-video-decoder.ts
-var internalCreateVideoDecoder = ({
+var internalCreateVideoDecoder = async ({
   onFrame,
   onError,
   controller,
@@ -4786,6 +4824,13 @@ var internalCreateVideoDecoder = ({
   if (controller) {
     controller._internals._mediaParserController._internals.signal.addEventListener("abort", onAbort);
   }
+  const isConfigSupported = await VideoDecoder.isConfigSupported(config);
+  if (!isConfigSupported) {
+    throw new VideoUndecodableError({
+      message: "Video cannot be decoded by this browser",
+      config
+    });
+  }
   videoDecoder.configure(config);
   const decode = async (sample) => {
     if (videoDecoder.state === "closed") {
@@ -5183,7 +5228,7 @@ var reencodeVideoTrack = async ({
       videoProcessingQueue.input(frame);
     }
   });
-  const videoDecoder = createVideoDecoder({
+  const videoDecoder = await createVideoDecoder({
     track: videoDecoderConfig,
     onFrame: async (frame) => {
       await frameSorter.waitUntilProcessed();
@@ -5652,7 +5697,7 @@ var internalExtractFrames = ({
         throw new Error("expected at least one timestamp to extract but found zero");
       }
       controller.seek(timestampTargets[0]);
-      const decoder = createVideoDecoder({
+      const decoder = await createVideoDecoder({
         onFrame: (frame) => {
           Log.trace(logLevel, "Received frame with timestamp", frame.timestamp);
           if (expectedFrames.length === 0) {
@@ -5844,11 +5889,11 @@ var getPartialAudioData = async ({
       acknowledgeRemotionLicense: true,
       src,
       controller,
-      onAudioTrack: ({ track }) => {
+      onAudioTrack: async ({ track }) => {
         if (signal.aborted) {
           return null;
         }
-        const audioDecoder = createAudioDecoder({
+        const audioDecoder = await createAudioDecoder({
           track,
           onFrame: (sample) => {
             if (signal.aborted) {
@@ -5948,5 +5993,7 @@ export {
   canReencodeAudioTrack,
   canCopyVideoTrack,
   canCopyAudioTrack,
-  WebCodecsInternals
+  WebCodecsInternals,
+  VideoUndecodableError,
+  AudioUndecodableError
 };

package/dist/esm/worker.mjs

@@ -231,8 +231,39 @@ var makeIoSynchronizer = ({
   };
 };
 
+// src/undecodable-error.ts
+class VideoUndecodableError extends Error {
+  config;
+  constructor({
+    message,
+    config
+  }) {
+    super(message);
+    this.name = "VideoUndecodableError";
+    this.config = config;
+    if (Error.captureStackTrace) {
+      Error.captureStackTrace(this, VideoUndecodableError);
+    }
+  }
+}
+
+class AudioUndecodableError extends Error {
+  config;
+  constructor({
+    message,
+    config
+  }) {
+    super(message);
+    this.name = "AudioUndecodableError";
+    this.config = config;
+    if (Error.captureStackTrace) {
+      Error.captureStackTrace(this, AudioUndecodableError);
+    }
+  }
+}
+
 // src/create-video-decoder.ts
-var internalCreateVideoDecoder = ({
+var internalCreateVideoDecoder = async ({
   onFrame,
   onError,
   controller,
@@ -277,6 +308,13 @@ var internalCreateVideoDecoder = ({
   if (controller) {
     controller._internals._mediaParserController._internals.signal.addEventListener("abort", onAbort);
   }
+  const isConfigSupported = await VideoDecoder.isConfigSupported(config);
+  if (!isConfigSupported) {
+    throw new VideoUndecodableError({
+      message: "Video cannot be decoded by this browser",
+      config
+    });
+  }
   videoDecoder.configure(config);
   const decode = async (sample) => {
     if (videoDecoder.state === "closed") {
@@ -387,7 +425,7 @@ var internalExtractFrames = ({
         throw new Error("expected at least one timestamp to extract but found zero");
       }
       controller.seek(timestampTargets[0]);
-      const decoder = createVideoDecoder({
+      const decoder = await createVideoDecoder({
         onFrame: (frame) => {
           Log.trace(logLevel, "Received frame with timestamp", frame.timestamp);
           if (expectedFrames.length === 0) {

package/dist/get-partial-audio-data.js

@@ -69,11 +69,11 @@ const getPartialAudioData = async ({ src, fromSeconds, toSeconds, channelIndex,
             acknowledgeRemotionLicense: true,
             src,
             controller,
-            onAudioTrack: ({ track }) => {
+            onAudioTrack: async ({ track }) => {
                 if (signal.aborted) {
                     return null;
                 }
-                const audioDecoder = (0, create_audio_decoder_1.createAudioDecoder)({
+                const audioDecoder = await (0, create_audio_decoder_1.createAudioDecoder)({
                     track,
                     onFrame: (sample) => {
                         if (signal.aborted) {

package/dist/index.d.ts

@@ -28,6 +28,7 @@ export type { AudioOperation, ConvertMediaOnAudioTrackHandler, } from './on-audi
 export type { ConvertMediaOnVideoTrackHandler, VideoOperation, } from './on-video-track-handler';
 export type { ResizeOperation } from './resizing/mode';
 export { rotateAndResizeVideoFrame } from './rotate-and-resize-video-frame';
+export { AudioUndecodableError, VideoUndecodableError, } from './undecodable-error';
 export { createVideoEncoder } from './video-encoder';
 export type { WebCodecsVideoEncoder } from './video-encoder';
 export { webcodecsController } from './webcodecs-controller';

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebCodecsInternals = exports.webcodecsController = exports.createVideoEncoder = exports.rotateAndResizeVideoFrame = exports.getPartialAudioData = exports.getDefaultVideoCodec = exports.getDefaultAudioCodec = exports.getAvailableVideoCodecs = exports.getAvailableContainers = exports.getAvailableAudioCodecs = exports.extractFrames = exports.defaultOnVideoTrackHandler = exports.defaultOnAudioTrackHandler = exports.createVideoDecoder = exports.createAudioDecoder = exports.convertMedia = exports.convertAudioData = exports.canReencodeVideoTrack = exports.canReencodeAudioTrack = exports.canCopyVideoTrack = exports.canCopyAudioTrack = exports.createAudioEncoder = void 0;
+exports.WebCodecsInternals = exports.webcodecsController = exports.createVideoEncoder = exports.VideoUndecodableError = exports.AudioUndecodableError = exports.rotateAndResizeVideoFrame = exports.getPartialAudioData = exports.getDefaultVideoCodec = exports.getDefaultAudioCodec = exports.getAvailableVideoCodecs = exports.getAvailableContainers = exports.getAvailableAudioCodecs = exports.extractFrames = exports.defaultOnVideoTrackHandler = exports.defaultOnAudioTrackHandler = exports.createVideoDecoder = exports.createAudioDecoder = exports.convertMedia = exports.convertAudioData = exports.canReencodeVideoTrack = exports.canReencodeAudioTrack = exports.canCopyVideoTrack = exports.canCopyAudioTrack = exports.createAudioEncoder = void 0;
 const rotate_and_resize_video_frame_1 = require("./rotate-and-resize-video-frame");
 const rotation_1 = require("./rotation");
 const set_remotion_imported_1 = require("./set-remotion-imported");
@@ -42,6 +42,9 @@ var get_partial_audio_data_1 = require("./get-partial-audio-data");
 Object.defineProperty(exports, "getPartialAudioData", { enumerable: true, get: function () { return get_partial_audio_data_1.getPartialAudioData; } });
 var rotate_and_resize_video_frame_2 = require("./rotate-and-resize-video-frame");
 Object.defineProperty(exports, "rotateAndResizeVideoFrame", { enumerable: true, get: function () { return rotate_and_resize_video_frame_2.rotateAndResizeVideoFrame; } });
+var undecodable_error_1 = require("./undecodable-error");
+Object.defineProperty(exports, "AudioUndecodableError", { enumerable: true, get: function () { return undecodable_error_1.AudioUndecodableError; } });
+Object.defineProperty(exports, "VideoUndecodableError", { enumerable: true, get: function () { return undecodable_error_1.VideoUndecodableError; } });
 var video_encoder_1 = require("./video-encoder");
 Object.defineProperty(exports, "createVideoEncoder", { enumerable: true, get: function () { return video_encoder_1.createVideoEncoder; } });
 var webcodecs_controller_1 = require("./webcodecs-controller");

package/dist/internal-extract-frames.js

@@ -38,7 +38,7 @@ const internalExtractFrames = ({ src, onFrame, signal, timestampsInSeconds, ackn
                 throw new Error('expected at least one timestamp to extract but found zero');
             }
             controller.seek(timestampTargets[0]);
-            const decoder = (0, create_video_decoder_1.createVideoDecoder)({
+            const decoder = await (0, create_video_decoder_1.createVideoDecoder)({
                 onFrame: (frame) => {
                     log_1.Log.trace(logLevel, 'Received frame with timestamp', frame.timestamp);
                     if (expectedFrames.length === 0) {

package/dist/reencode-audio-track.js

@@ -129,7 +129,7 @@ const reencodeAudioTrack = async ({ audioOperation, track, logLevel, abortConver
             newAudioData.close();
         },
     });
-    const audioDecoder = (0, create_audio_decoder_1.internalCreateAudioDecoder)({
+    const audioDecoder = await (0, create_audio_decoder_1.internalCreateAudioDecoder)({
         onFrame: async (audioData) => {
             await controller._internals._mediaParserController._internals.checkForAbortAndPause();
             await audioProcessingQueue.ioSynchronizer.waitForQueueSize(10);

package/dist/reencode-video-track.js

@@ -111,7 +111,7 @@ const reencodeVideoTrack = async ({ videoOperation, rotate, track, logLevel, abo
             videoProcessingQueue.input(frame);
         },
     });
-    const videoDecoder = (0, create_video_decoder_1.createVideoDecoder)({
+    const videoDecoder = await (0, create_video_decoder_1.createVideoDecoder)({
         track: videoDecoderConfig,
         onFrame: async (frame) => {
             await frameSorter.waitUntilProcessed();

package/dist/undecodable-error.d.ts

@@ -0,0 +1,14 @@
+export declare class VideoUndecodableError extends Error {
+    config: VideoDecoderConfig;
+    constructor({ message, config, }: {
+        message: string;
+        config: VideoDecoderConfig;
+    });
+}
+export declare class AudioUndecodableError extends Error {
+    config: AudioDecoderConfig;
+    constructor({ message, config, }: {
+        message: string;
+        config: AudioDecoderConfig;
+    });
+}

package/dist/undecodable-error.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AudioUndecodableError = exports.VideoUndecodableError = void 0;
+class VideoUndecodableError extends Error {
+    constructor({ message, config, }) {
+        super(message);
+        this.name = 'VideoUndecodableError';
+        this.config = config;
+        if (Error.captureStackTrace) {
+            Error.captureStackTrace(this, VideoUndecodableError);
+        }
+    }
+}
+exports.VideoUndecodableError = VideoUndecodableError;
+class AudioUndecodableError extends Error {
+    constructor({ message, config, }) {
+        super(message);
+        this.name = 'AudioUndecodableError';
+        this.config = config;
+        if (Error.captureStackTrace) {
+            Error.captureStackTrace(this, AudioUndecodableError);
+        }
+    }
+}
+exports.AudioUndecodableError = AudioUndecodableError;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/webcodecs",
-  "version": "4.0.332",
+  "version": "4.0.334",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/esm/index.mjs",
@@ -19,8 +19,8 @@
   "author": "Jonny Burger <jonny@remotion.dev>",
   "license": "Remotion License (See https://remotion.dev/docs/webcodecs#license)",
   "dependencies": {
-    "@remotion/media-parser": "4.0.332",
-    "@remotion/licensing": "4.0.332"
+    "@remotion/media-parser": "4.0.334",
+    "@remotion/licensing": "4.0.334"
   },
   "peerDependencies": {},
   "devDependencies": {
@@ -29,8 +29,8 @@
     "vite": "5.4.19",
     "@playwright/test": "1.51.1",
     "eslint": "9.19.0",
-    "@remotion/example-videos": "4.0.332",
-    "@remotion/eslint-config-internal": "4.0.332"
+    "@remotion/eslint-config-internal": "4.0.334",
+    "@remotion/example-videos": "4.0.334"
   },
   "keywords": [],
   "publishConfig": {