@remotion/webcodecs 4.0.341 → 4.0.345

package/dist/create-audio-decoder.js

@@ -26,6 +26,16 @@ const internalCreateAudioDecoder = async ({ onFrame, onError, controller, config
             onError,
         });
     }
+    if (config.codec === 'pcm-s24') {
+        return (0, get_wave_audio_decoder_1.getWaveAudioDecoder)({
+            onFrame,
+            config,
+            sampleFormat: 's24',
+            logLevel,
+            ioSynchronizer,
+            onError,
+        });
+    }
     const audioDecoder = new AudioDecoder({
         async output(frame) {
             try {

package/dist/esm/index.mjs

@@ -4185,29 +4185,26 @@ var getBytesPerSample = (sampleFormat) => {
   if (sampleFormat === "s16") {
     return 2;
   }
-  if (sampleFormat === "s32") {
+  if (sampleFormat === "s24") {
     return 4;
   }
-  if (sampleFormat === "f32") {
-    return 4;
-  }
-  if (sampleFormat === "u8") {
-    return 1;
-  }
-  if (sampleFormat === "f32-planar") {
-    return 4;
-  }
-  if (sampleFormat === "s16-planar") {
-    return 2;
-  }
-  if (sampleFormat === "s32-planar") {
-    return 4;
-  }
-  if (sampleFormat === "u8-planar") {
-    return 1;
-  }
   throw new Error(`Unsupported sample format: ${sampleFormat}`);
 };
+function uint8_24le_to_uint32(u8) {
+  if (u8.length % 3 !== 0) {
+    throw new Error("Input length must be a multiple of 3");
+  }
+  const count = u8.length / 3;
+  const out = new Uint32Array(count);
+  let j = 0;
+  for (let i = 0;i < count; i++) {
+    const b0 = u8[j++];
+    const b1 = u8[j++];
+    const b2 = u8[j++];
+    out[i] = (b0 | b1 << 8 | b2 << 16) << 8;
+  }
+  return out;
+}
 var getAudioData = (audioSample) => {
   if (audioSample instanceof EncodedAudioChunk) {
     const data = new Uint8Array(audioSample.byteLength);
@@ -4225,12 +4222,14 @@ var getWaveAudioDecoder = ({
 }) => {
   const processSample = async (audioSample) => {
     const bytesPerSample = getBytesPerSample(sampleFormat);
-    const data = getAudioData(audioSample);
+    const rawData = getAudioData(audioSample);
+    const data = sampleFormat === "s24" && rawData instanceof Uint8Array ? uint8_24le_to_uint32(rawData) : rawData;
+    const numberOfFrames = data.byteLength / bytesPerSample / config.numberOfChannels;
     const audioData = new AudioData({
       data,
-      format: sampleFormat,
+      format: sampleFormat === "s16" ? "s16" : "s32",
       numberOfChannels: config.numberOfChannels,
-      numberOfFrames: data.byteLength / bytesPerSample / config.numberOfChannels,
+      numberOfFrames,
       sampleRate: config.sampleRate,
       timestamp: audioSample.timestamp
     });
@@ -4321,6 +4320,16 @@ var internalCreateAudioDecoder = async ({
       onError
     });
   }
+  if (config.codec === "pcm-s24") {
+    return getWaveAudioDecoder({
+      onFrame,
+      config,
+      sampleFormat: "s24",
+      logLevel,
+      ioSynchronizer,
+      onError
+    });
+  }
   const audioDecoder = new AudioDecoder({
     async output(frame) {
       try {

package/dist/get-wave-audio-decoder.d.ts

@@ -2,7 +2,7 @@ import type { MediaParserLogLevel } from '@remotion/media-parser';
 import type { CreateAudioDecoderInit, WebCodecsAudioDecoder } from './create-audio-decoder';
 import type { IoSynchronizer } from './io-manager/io-synchronizer';
 export declare const getWaveAudioDecoder: ({ onFrame, config, sampleFormat, ioSynchronizer, onError, }: Pick<CreateAudioDecoderInit, "onFrame" | "config"> & {
-    sampleFormat: AudioSampleFormat;
+    sampleFormat: "s16" | "s24";
     logLevel: MediaParserLogLevel;
     ioSynchronizer: IoSynchronizer;
     onError: (error: Error) => void;

package/dist/get-wave-audio-decoder.js

@@ -5,29 +5,26 @@ const getBytesPerSample = (sampleFormat) => {
     if (sampleFormat === 's16') {
         return 2;
     }
-    if (sampleFormat === 's32') {
+    if (sampleFormat === 's24') {
         return 4;
     }
-    if (sampleFormat === 'f32') {
-        return 4;
-    }
-    if (sampleFormat === 'u8') {
-        return 1;
-    }
-    if (sampleFormat === 'f32-planar') {
-        return 4;
-    }
-    if (sampleFormat === 's16-planar') {
-        return 2;
-    }
-    if (sampleFormat === 's32-planar') {
-        return 4;
-    }
-    if (sampleFormat === 'u8-planar') {
-        return 1;
-    }
     throw new Error(`Unsupported sample format: ${sampleFormat}`);
 };
+function uint8_24le_to_uint32(u8) {
+    if (u8.length % 3 !== 0) {
+        throw new Error('Input length must be a multiple of 3');
+    }
+    const count = u8.length / 3;
+    const out = new Uint32Array(count);
+    let j = 0;
+    for (let i = 0; i < count; i++) {
+        const b0 = u8[j++];
+        const b1 = u8[j++];
+        const b2 = u8[j++];
+        out[i] = (b0 | (b1 << 8) | (b2 << 16)) << 8;
+    }
+    return out;
+}
 const getAudioData = (audioSample) => {
     if (audioSample instanceof EncodedAudioChunk) {
         const data = new Uint8Array(audioSample.byteLength);
@@ -39,12 +36,16 @@ const getAudioData = (audioSample) => {
 const getWaveAudioDecoder = ({ onFrame, config, sampleFormat, ioSynchronizer, onError, }) => {
     const processSample = async (audioSample) => {
         const bytesPerSample = getBytesPerSample(sampleFormat);
-        const data = getAudioData(audioSample);
+        const rawData = getAudioData(audioSample);
+        const data = sampleFormat === 's24' && rawData instanceof Uint8Array
+            ? uint8_24le_to_uint32(rawData)
+            : rawData;
+        const numberOfFrames = data.byteLength / bytesPerSample / config.numberOfChannels;
         const audioData = new AudioData({
             data,
-            format: sampleFormat,
+            format: sampleFormat === 's16' ? 's16' : 's32',
             numberOfChannels: config.numberOfChannels,
-            numberOfFrames: data.byteLength / bytesPerSample / config.numberOfChannels,
+            numberOfFrames,
             sampleRate: config.sampleRate,
             timestamp: audioSample.timestamp,
         });

package/package.json

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