react-audio-wavekit 0.1.6 → 0.1.8

package/dist/node_modules/mpg123-decoder/src/MPEGDecoder.cjs

@@ -0,0 +1,147 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const WASMAudioDecoderCommon = require("../../@wasm-audio-decoders/common/src/WASMAudioDecoderCommon.cjs");
+const EmscriptenWasm = require("./EmscriptenWasm.cjs");
+function MPEGDecoder(options = {}) {
+  this._init = () => {
+    return new this._WASMAudioDecoderCommon().instantiate(this._EmscriptenWASM, this._module).then((common) => {
+      this._common = common;
+      this._sampleRate = 0;
+      this._inputBytes = 0;
+      this._outputSamples = 0;
+      this._frameNumber = 0;
+      this._input = this._common.allocateTypedArray(
+        this._inputSize,
+        Uint8Array
+      );
+      this._output = this._common.allocateTypedArray(
+        this._outputSize,
+        Float32Array
+      );
+      const decoderPtr = this._common.allocateTypedArray(1, Uint32Array);
+      this._samplesDecodedPtr = this._common.allocateTypedArray(
+        1,
+        Uint32Array
+      );
+      this._sampleRatePtr = this._common.allocateTypedArray(1, Uint32Array);
+      this._errorStringPtr = this._common.allocateTypedArray(1, Uint32Array);
+      const error = this._common.wasm.mpeg_frame_decoder_create(
+        decoderPtr.ptr,
+        options.enableGapless === false ? 0 : 1
+        // default to enabled
+      );
+      if (error) {
+        throw Error(this._getErrorMessage(error));
+      }
+      this._decoder = decoderPtr.buf[0];
+    });
+  };
+  Object.defineProperty(this, "ready", {
+    enumerable: true,
+    get: () => this._ready
+  });
+  this._getErrorMessage = (error) => error + " " + this._common.codeToString(this._errorStringPtr.buf[0]);
+  this.reset = () => {
+    this.free();
+    return this._init();
+  };
+  this.free = () => {
+    this._common.wasm.mpeg_frame_decoder_destroy(this._decoder);
+    this._common.wasm.free(this._decoder);
+    this._common.free();
+  };
+  this.decode = (data) => {
+    let output = [], errors = [], samples = 0;
+    if (!(data instanceof Uint8Array))
+      throw Error(
+        "Data to decode must be Uint8Array. Instead got " + typeof data
+      );
+    feed: for (let dataOffset = 0, dataChunkLength = 0; dataOffset < data.length; dataOffset += dataChunkLength) {
+      const dataChunk = data.subarray(dataOffset, this._input.len + dataOffset);
+      dataChunkLength = dataChunk.length;
+      this._inputBytes += dataChunkLength;
+      this._input.buf.set(dataChunk);
+      let error = this._common.wasm.mpeg_decoder_feed(
+        this._decoder,
+        this._input.ptr,
+        dataChunkLength
+      );
+      if (error === -10) {
+        continue feed;
+      }
+      read: while (true) {
+        this._samplesDecodedPtr.buf[0] = 0;
+        error = this._common.wasm.mpeg_decoder_read(
+          this._decoder,
+          this._output.ptr,
+          this._output.len,
+          this._samplesDecodedPtr.ptr,
+          this._sampleRatePtr.ptr,
+          this._errorStringPtr.ptr
+        );
+        const samplesDecoded = this._samplesDecodedPtr.buf[0];
+        this._outputSamples += samplesDecoded;
+        if (samplesDecoded) {
+          samples += samplesDecoded;
+          output.push([
+            this._output.buf.slice(0, samplesDecoded),
+            this._output.buf.slice(samplesDecoded, samplesDecoded * 2)
+          ]);
+        }
+        if (error == -11) {
+          continue read;
+        } else if (error === -10) {
+          continue feed;
+        } else if (error) {
+          const message = this._getErrorMessage(error);
+          console.error("mpg123-decoder: " + message);
+          this._common.addError(
+            errors,
+            message,
+            0,
+            this._frameNumber,
+            this._inputBytes,
+            this._outputSamples
+          );
+        }
+      }
+    }
+    return this._WASMAudioDecoderCommon.getDecodedAudioMultiChannel(
+      errors,
+      output,
+      2,
+      samples,
+      this._sampleRatePtr.buf[0]
+    );
+  };
+  this.decodeFrame = (mpegFrame) => {
+    const decoded = this.decode(mpegFrame);
+    this._frameNumber++;
+    return decoded;
+  };
+  this.decodeFrames = (mpegFrames) => {
+    let output = [], errors = [], samples = 0, i = 0;
+    while (i < mpegFrames.length) {
+      const decoded = this.decodeFrame(mpegFrames[i++]);
+      output.push(decoded.channelData);
+      errors = errors.concat(decoded.errors);
+      samples += decoded.samplesDecoded;
+    }
+    return this._WASMAudioDecoderCommon.getDecodedAudioMultiChannel(
+      errors,
+      output,
+      2,
+      samples,
+      this._sampleRatePtr.buf[0]
+    );
+  };
+  this._isWebWorker = MPEGDecoder.isWebWorker;
+  this._WASMAudioDecoderCommon = MPEGDecoder.WASMAudioDecoderCommon || WASMAudioDecoderCommon.default;
+  this._EmscriptenWASM = MPEGDecoder.EmscriptenWASM || EmscriptenWasm.default;
+  this._module = MPEGDecoder.module;
+  this._inputSize = 2 ** 16;
+  this._outputSize = 2889 * 16 * 2;
+  this._ready = this._init();
+  return this;
+}
+exports.default = MPEGDecoder;

package/dist/node_modules/mpg123-decoder/src/MPEGDecoder.js

@@ -0,0 +1,147 @@
+import WASMAudioDecoderCommon from "../../@wasm-audio-decoders/common/src/WASMAudioDecoderCommon.js";
+import EmscriptenWASM from "./EmscriptenWasm.js";
+function MPEGDecoder(options = {}) {
+  this._init = () => {
+    return new this._WASMAudioDecoderCommon().instantiate(this._EmscriptenWASM, this._module).then((common) => {
+      this._common = common;
+      this._sampleRate = 0;
+      this._inputBytes = 0;
+      this._outputSamples = 0;
+      this._frameNumber = 0;
+      this._input = this._common.allocateTypedArray(
+        this._inputSize,
+        Uint8Array
+      );
+      this._output = this._common.allocateTypedArray(
+        this._outputSize,
+        Float32Array
+      );
+      const decoderPtr = this._common.allocateTypedArray(1, Uint32Array);
+      this._samplesDecodedPtr = this._common.allocateTypedArray(
+        1,
+        Uint32Array
+      );
+      this._sampleRatePtr = this._common.allocateTypedArray(1, Uint32Array);
+      this._errorStringPtr = this._common.allocateTypedArray(1, Uint32Array);
+      const error = this._common.wasm.mpeg_frame_decoder_create(
+        decoderPtr.ptr,
+        options.enableGapless === false ? 0 : 1
+        // default to enabled
+      );
+      if (error) {
+        throw Error(this._getErrorMessage(error));
+      }
+      this._decoder = decoderPtr.buf[0];
+    });
+  };
+  Object.defineProperty(this, "ready", {
+    enumerable: true,
+    get: () => this._ready
+  });
+  this._getErrorMessage = (error) => error + " " + this._common.codeToString(this._errorStringPtr.buf[0]);
+  this.reset = () => {
+    this.free();
+    return this._init();
+  };
+  this.free = () => {
+    this._common.wasm.mpeg_frame_decoder_destroy(this._decoder);
+    this._common.wasm.free(this._decoder);
+    this._common.free();
+  };
+  this.decode = (data) => {
+    let output = [], errors = [], samples = 0;
+    if (!(data instanceof Uint8Array))
+      throw Error(
+        "Data to decode must be Uint8Array. Instead got " + typeof data
+      );
+    feed: for (let dataOffset = 0, dataChunkLength = 0; dataOffset < data.length; dataOffset += dataChunkLength) {
+      const dataChunk = data.subarray(dataOffset, this._input.len + dataOffset);
+      dataChunkLength = dataChunk.length;
+      this._inputBytes += dataChunkLength;
+      this._input.buf.set(dataChunk);
+      let error = this._common.wasm.mpeg_decoder_feed(
+        this._decoder,
+        this._input.ptr,
+        dataChunkLength
+      );
+      if (error === -10) {
+        continue feed;
+      }
+      read: while (true) {
+        this._samplesDecodedPtr.buf[0] = 0;
+        error = this._common.wasm.mpeg_decoder_read(
+          this._decoder,
+          this._output.ptr,
+          this._output.len,
+          this._samplesDecodedPtr.ptr,
+          this._sampleRatePtr.ptr,
+          this._errorStringPtr.ptr
+        );
+        const samplesDecoded = this._samplesDecodedPtr.buf[0];
+        this._outputSamples += samplesDecoded;
+        if (samplesDecoded) {
+          samples += samplesDecoded;
+          output.push([
+            this._output.buf.slice(0, samplesDecoded),
+            this._output.buf.slice(samplesDecoded, samplesDecoded * 2)
+          ]);
+        }
+        if (error == -11) {
+          continue read;
+        } else if (error === -10) {
+          continue feed;
+        } else if (error) {
+          const message = this._getErrorMessage(error);
+          console.error("mpg123-decoder: " + message);
+          this._common.addError(
+            errors,
+            message,
+            0,
+            this._frameNumber,
+            this._inputBytes,
+            this._outputSamples
+          );
+        }
+      }
+    }
+    return this._WASMAudioDecoderCommon.getDecodedAudioMultiChannel(
+      errors,
+      output,
+      2,
+      samples,
+      this._sampleRatePtr.buf[0]
+    );
+  };
+  this.decodeFrame = (mpegFrame) => {
+    const decoded = this.decode(mpegFrame);
+    this._frameNumber++;
+    return decoded;
+  };
+  this.decodeFrames = (mpegFrames) => {
+    let output = [], errors = [], samples = 0, i = 0;
+    while (i < mpegFrames.length) {
+      const decoded = this.decodeFrame(mpegFrames[i++]);
+      output.push(decoded.channelData);
+      errors = errors.concat(decoded.errors);
+      samples += decoded.samplesDecoded;
+    }
+    return this._WASMAudioDecoderCommon.getDecodedAudioMultiChannel(
+      errors,
+      output,
+      2,
+      samples,
+      this._sampleRatePtr.buf[0]
+    );
+  };
+  this._isWebWorker = MPEGDecoder.isWebWorker;
+  this._WASMAudioDecoderCommon = MPEGDecoder.WASMAudioDecoderCommon || WASMAudioDecoderCommon;
+  this._EmscriptenWASM = MPEGDecoder.EmscriptenWASM || EmscriptenWASM;
+  this._module = MPEGDecoder.module;
+  this._inputSize = 2 ** 16;
+  this._outputSize = 2889 * 16 * 2;
+  this._ready = this._init();
+  return this;
+}
+export {
+  MPEGDecoder as default
+};

package/dist/node_modules/mpg123-decoder/src/MPEGDecoderWebWorker.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const WASMAudioDecoderWorker = require("../../@wasm-audio-decoders/common/src/WASMAudioDecoderWorker.cjs");
+const EmscriptenWasm = require("./EmscriptenWasm.cjs");
+const MPEGDecoder = require("./MPEGDecoder.cjs");
+class MPEGDecoderWebWorker extends WASMAudioDecoderWorker.default {
+  constructor(options) {
+    super(options, "mpg123-decoder", MPEGDecoder.default, EmscriptenWasm.default);
+  }
+  async decode(data) {
+    return this.postToDecoder("decode", data);
+  }
+  async decodeFrame(data) {
+    return this.postToDecoder("decodeFrame", data);
+  }
+  async decodeFrames(data) {
+    return this.postToDecoder("decodeFrames", data);
+  }
+}
+exports.default = MPEGDecoderWebWorker;

package/dist/node_modules/mpg123-decoder/src/MPEGDecoderWebWorker.js

@@ -0,0 +1,20 @@
+import WASMAudioDecoderWorker from "../../@wasm-audio-decoders/common/src/WASMAudioDecoderWorker.js";
+import EmscriptenWASM from "./EmscriptenWasm.js";
+import MPEGDecoder from "./MPEGDecoder.js";
+class MPEGDecoderWebWorker extends WASMAudioDecoderWorker {
+  constructor(options) {
+    super(options, "mpg123-decoder", MPEGDecoder, EmscriptenWASM);
+  }
+  async decode(data) {
+    return this.postToDecoder("decode", data);
+  }
+  async decodeFrame(data) {
+    return this.postToDecoder("decodeFrame", data);
+  }
+  async decodeFrames(data) {
+    return this.postToDecoder("decodeFrames", data);
+  }
+}
+export {
+  MPEGDecoderWebWorker as default
+};

package/dist/node_modules/simple-yenc/dist/esm.cjs

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const t = (t2, n = 4294967295, e2 = 79764919) => {
+  const r = new Int32Array(256);
+  let o, s, i, c = n;
+  for (o = 0; o < 256; o++) {
+    for (i = o << 24, s = 8; s > 0; --s) i = 2147483648 & i ? i << 1 ^ e2 : i << 1;
+    r[o] = i;
+  }
+  for (o = 0; o < t2.length; o++) c = c << 8 ^ r[255 & (c >> 24 ^ t2[o])];
+  return c;
+}, e = (n, e2 = t) => {
+  const r = (t2) => new Uint8Array(t2.length / 2).map(((n2, e3) => parseInt(t2.substring(2 * e3, 2 * (e3 + 1)), 16))), o = (t2) => r(t2)[0], s = /* @__PURE__ */ new Map();
+  [, 8364, , 8218, 402, 8222, 8230, 8224, 8225, 710, 8240, 352, 8249, 338, , 381, , , 8216, 8217, 8220, 8221, 8226, 8211, 8212, 732, 8482, 353, 8250, 339, , 382, 376].forEach(((t2, n2) => s.set(t2, n2)));
+  const i = new Uint8Array(n.length);
+  let c, a, l, f = false, g = 0, h = 42, p = n.length > 13 && "dynEncode" === n.substring(0, 9), u = 0;
+  p && (u = 11, a = o(n.substring(9, u)), a <= 1 && (u += 2, h = o(n.substring(11, u))), 1 === a && (u += 8, l = ((t2) => new DataView(r(t2).buffer).getInt32(0, true))(n.substring(13, u))));
+  const d = 256 - h;
+  for (let t2 = u; t2 < n.length; t2++) if (c = n.charCodeAt(t2), 61 !== c || f) {
+    if (92 === c && t2 < n.length - 5 && p) {
+      const e3 = n.charCodeAt(t2 + 1);
+      117 !== e3 && 85 !== e3 || (c = parseInt(n.substring(t2 + 2, t2 + 6), 16), t2 += 5);
+    }
+    if (c > 255) {
+      const t3 = s.get(c);
+      t3 && (c = t3 + 127);
+    }
+    f && (f = false, c -= 64), i[g++] = c < h && c > 0 ? c + d : c - h;
+  } else f = true;
+  const m = i.subarray(0, g);
+  if (p && 1 === a) {
+    const t2 = e2(m);
+    if (t2 !== l) {
+      const n2 = "Decode failed crc32 validation";
+      throw console.error("`simple-yenc`\n", n2 + "\n", "Expected: " + l + "; Got: " + t2 + "\n", "Visit https://github.com/eshaz/simple-yenc for more information"), Error(n2);
+    }
+  }
+  return m;
+};
+exports.crc32 = t;
+exports.decode = e;

package/dist/node_modules/simple-yenc/dist/esm.js

@@ -0,0 +1,41 @@
+const t = (t2, n = 4294967295, e2 = 79764919) => {
+  const r = new Int32Array(256);
+  let o, s, i, c = n;
+  for (o = 0; o < 256; o++) {
+    for (i = o << 24, s = 8; s > 0; --s) i = 2147483648 & i ? i << 1 ^ e2 : i << 1;
+    r[o] = i;
+  }
+  for (o = 0; o < t2.length; o++) c = c << 8 ^ r[255 & (c >> 24 ^ t2[o])];
+  return c;
+}, e = (n, e2 = t) => {
+  const r = (t2) => new Uint8Array(t2.length / 2).map(((n2, e3) => parseInt(t2.substring(2 * e3, 2 * (e3 + 1)), 16))), o = (t2) => r(t2)[0], s = /* @__PURE__ */ new Map();
+  [, 8364, , 8218, 402, 8222, 8230, 8224, 8225, 710, 8240, 352, 8249, 338, , 381, , , 8216, 8217, 8220, 8221, 8226, 8211, 8212, 732, 8482, 353, 8250, 339, , 382, 376].forEach(((t2, n2) => s.set(t2, n2)));
+  const i = new Uint8Array(n.length);
+  let c, a, l, f = false, g = 0, h = 42, p = n.length > 13 && "dynEncode" === n.substring(0, 9), u = 0;
+  p && (u = 11, a = o(n.substring(9, u)), a <= 1 && (u += 2, h = o(n.substring(11, u))), 1 === a && (u += 8, l = ((t2) => new DataView(r(t2).buffer).getInt32(0, true))(n.substring(13, u))));
+  const d = 256 - h;
+  for (let t2 = u; t2 < n.length; t2++) if (c = n.charCodeAt(t2), 61 !== c || f) {
+    if (92 === c && t2 < n.length - 5 && p) {
+      const e3 = n.charCodeAt(t2 + 1);
+      117 !== e3 && 85 !== e3 || (c = parseInt(n.substring(t2 + 2, t2 + 6), 16), t2 += 5);
+    }
+    if (c > 255) {
+      const t3 = s.get(c);
+      t3 && (c = t3 + 127);
+    }
+    f && (f = false, c -= 64), i[g++] = c < h && c > 0 ? c + d : c - h;
+  } else f = true;
+  const m = i.subarray(0, g);
+  if (p && 1 === a) {
+    const t2 = e2(m);
+    if (t2 !== l) {
+      const n2 = "Decode failed crc32 validation";
+      throw console.error("`simple-yenc`\n", n2 + "\n", "Expected: " + l + "; Got: " + t2 + "\n", "Visit https://github.com/eshaz/simple-yenc for more information"), Error(n2);
+    }
+  }
+  return m;
+};
+export {
+  t as crc32,
+  e as decode
+};

package/dist/waveform/index.cjs

@@ -9,8 +9,8 @@ const getInitialSampleCount = () => {
   if (typeof window === "undefined") return 500;
   return Math.max(500, Math.ceil(window.innerWidth));
 };
-const AudioWaveform = react.forwardRef(function AudioWaveform2({ blob, appearance, suspense = false, currentTime, duration, onSeek, ...props }, ref) {
-  const [peaks, setPeaks] = react.useState(null);
+const AudioWaveform = react.forwardRef(function AudioWaveform2({ blob, peaks: precomputedPeaks, appearance, suspense = false, currentTime, duration, onSeek, ...props }, ref) {
+  const [decodedPeaks, setDecodedPeaks] = react.useState(null);
   const [error, setError] = react.useState(null);
   const blobRef = react.useRef(null);
   const rendererRef = react.useRef(null);
@@ -22,13 +22,15 @@ const AudioWaveform = react.forwardRef(function AudioWaveform2({ blob, appearanc
       ref.current = { canvas: rendererRef.current?.canvas || null };
     }
   }, [ref]);
-  const suspensePeaks = blob && suspense ? utilSuspense.unwrapPromise(utilAudioDecoder.getAudioData(blob, sampleCount)) : null;
+  const shouldDecode = !precomputedPeaks && blob;
+  const suspensePeaks = shouldDecode && suspense ? utilSuspense.unwrapPromise(utilAudioDecoder.getAudioData(blob, sampleCount)) : null;
   react.useEffect(() => {
-    if (suspense) return;
-    if (!blob) {
-      setPeaks(null);
-      setError(null);
-      blobRef.current = null;
+    if (!shouldDecode || suspense) {
+      if (!shouldDecode) {
+        setDecodedPeaks(null);
+        setError(null);
+        blobRef.current = null;
+      }
       return;
     }
     if (blobRef.current === blob) return;
@@ -37,7 +39,7 @@ const AudioWaveform = react.forwardRef(function AudioWaveform2({ blob, appearanc
     setError(null);
     utilAudioDecoder.decodeAudioBlob(blob, sampleCount).then((data) => {
       if (!cancelled) {
-        setPeaks(data);
+        setDecodedPeaks(data);
       }
     }).catch((err) => {
       if (!cancelled) {
@@ -47,11 +49,11 @@ const AudioWaveform = react.forwardRef(function AudioWaveform2({ blob, appearanc
     return () => {
       cancelled = true;
     };
-  }, [blob, sampleCount, suspense]);
+  }, [blob, sampleCount, suspense, shouldDecode]);
   if (!suspense && error) {
     throw error;
   }
-  const finalPeaks = suspense ? suspensePeaks : peaks;
+  const finalPeaks = precomputedPeaks ?? (suspense ? suspensePeaks : decodedPeaks);
   return /* @__PURE__ */ jsxRuntime.jsx(
     waveformRenderer.WaveformRenderer,
     {

package/dist/waveform/index.js

@@ -7,8 +7,8 @@ const getInitialSampleCount = () => {
   if (typeof window === "undefined") return 500;
   return Math.max(500, Math.ceil(window.innerWidth));
 };
-const AudioWaveform = forwardRef(function AudioWaveform2({ blob, appearance, suspense = false, currentTime, duration, onSeek, ...props }, ref) {
-  const [peaks, setPeaks] = useState(null);
+const AudioWaveform = forwardRef(function AudioWaveform2({ blob, peaks: precomputedPeaks, appearance, suspense = false, currentTime, duration, onSeek, ...props }, ref) {
+  const [decodedPeaks, setDecodedPeaks] = useState(null);
   const [error, setError] = useState(null);
   const blobRef = useRef(null);
   const rendererRef = useRef(null);
@@ -20,13 +20,15 @@ const AudioWaveform = forwardRef(function AudioWaveform2({ blob, appearance, sus
       ref.current = { canvas: rendererRef.current?.canvas || null };
     }
   }, [ref]);
-  const suspensePeaks = blob && suspense ? unwrapPromise(getAudioData(blob, sampleCount)) : null;
+  const shouldDecode = !precomputedPeaks && blob;
+  const suspensePeaks = shouldDecode && suspense ? unwrapPromise(getAudioData(blob, sampleCount)) : null;
   useEffect(() => {
-    if (suspense) return;
-    if (!blob) {
-      setPeaks(null);
-      setError(null);
-      blobRef.current = null;
+    if (!shouldDecode || suspense) {
+      if (!shouldDecode) {
+        setDecodedPeaks(null);
+        setError(null);
+        blobRef.current = null;
+      }
       return;
     }
     if (blobRef.current === blob) return;
@@ -35,7 +37,7 @@ const AudioWaveform = forwardRef(function AudioWaveform2({ blob, appearance, sus
     setError(null);
     decodeAudioBlob(blob, sampleCount).then((data) => {
       if (!cancelled) {
-        setPeaks(data);
+        setDecodedPeaks(data);
       }
     }).catch((err) => {
       if (!cancelled) {
@@ -45,11 +47,11 @@ const AudioWaveform = forwardRef(function AudioWaveform2({ blob, appearance, sus
     return () => {
       cancelled = true;
     };
-  }, [blob, sampleCount, suspense]);
+  }, [blob, sampleCount, suspense, shouldDecode]);
   if (!suspense && error) {
     throw error;
   }
-  const finalPeaks = suspense ? suspensePeaks : peaks;
+  const finalPeaks = precomputedPeaks ?? (suspense ? suspensePeaks : decodedPeaks);
   return /* @__PURE__ */ jsx(
     WaveformRenderer,
     {

package/dist/waveform/util-audio-decoder.cjs

@@ -1,21 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const module$1 = require("../node_modules/standardized-audio-context/build/es2019/module.cjs");
-async function decodeAudioBlob(blob, sampleCount) {
-  const arrayBuffer = await blob.arrayBuffer();
-  if (arrayBuffer.byteLength === 0) {
-    throw new Error("Audio blob is empty");
-  }
-  const offlineContext = new module$1.OfflineAudioContext({ length: 1, sampleRate: 44100 });
-  let audioBuffer;
-  try {
-    audioBuffer = await offlineContext.decodeAudioData(arrayBuffer);
-  } catch {
-    throw new Error(
-      `Unable to decode audio data (type: ${blob.type}, size: ${blob.size} bytes). This may be due to an unsupported audio format or corrupted data.`
-    );
-  }
-  const channelData = audioBuffer.getChannelData(0);
+require("../node_modules/mpg123-decoder/index.cjs");
+const MPEGDecoder = require("../node_modules/mpg123-decoder/src/MPEGDecoder.cjs");
+function extractPeaksFromChannelData(channelData, sampleCount) {
   const blockSize = Math.floor(channelData.length / sampleCount);
   const peaks = [];
   for (let i = 0; i < sampleCount; i++) {
@@ -27,8 +14,39 @@ async function decodeAudioBlob(blob, sampleCount) {
     peaks.push(sum / blockSize);
   }
   const maxPeak = Math.max(...peaks);
-  const normalizedPeaks = maxPeak > 0 ? peaks.map((p) => p / maxPeak) : peaks;
-  return normalizedPeaks;
+  return maxPeak > 0 ? peaks.map((p) => p / maxPeak) : peaks;
+}
+async function decodeWithNativeAPI(arrayBuffer) {
+  const offlineContext = new OfflineAudioContext(1, 1, 44100);
+  return offlineContext.decodeAudioData(arrayBuffer);
+}
+async function decodeWithWASM(arrayBuffer) {
+  const decoder = new MPEGDecoder.default();
+  await decoder.ready;
+  const result = decoder.decode(new Uint8Array(arrayBuffer));
+  const channelData = result.channelData[0];
+  decoder.free();
+  return channelData;
+}
+async function decodeAudioBlob(blob, sampleCount) {
+  const arrayBuffer = await blob.arrayBuffer();
+  if (arrayBuffer.byteLength === 0) {
+    throw new Error("Audio blob is empty");
+  }
+  try {
+    const audioBuffer = await decodeWithNativeAPI(arrayBuffer);
+    const channelData = audioBuffer.getChannelData(0);
+    return extractPeaksFromChannelData(channelData, sampleCount);
+  } catch {
+  }
+  try {
+    const channelData = await decodeWithWASM(arrayBuffer);
+    return extractPeaksFromChannelData(channelData, sampleCount);
+  } catch {
+    throw new Error(
+      `Unable to decode audio data (type: ${blob.type}, size: ${blob.size} bytes). Both native Web Audio API and WASM decoder failed. This may be due to an unsupported audio format or corrupted data.`
+    );
+  }
 }
 const audioDataCache = /* @__PURE__ */ new WeakMap();
 function getAudioData(blob, sampleCount) {

package/dist/waveform/util-audio-decoder.js

@@ -1,19 +1,6 @@
-import { OfflineAudioContext as offlineAudioContextConstructor } from "../node_modules/standardized-audio-context/build/es2019/module.js";
-async function decodeAudioBlob(blob, sampleCount) {
-  const arrayBuffer = await blob.arrayBuffer();
-  if (arrayBuffer.byteLength === 0) {
-    throw new Error("Audio blob is empty");
-  }
-  const offlineContext = new offlineAudioContextConstructor({ length: 1, sampleRate: 44100 });
-  let audioBuffer;
-  try {
-    audioBuffer = await offlineContext.decodeAudioData(arrayBuffer);
-  } catch {
-    throw new Error(
-      `Unable to decode audio data (type: ${blob.type}, size: ${blob.size} bytes). This may be due to an unsupported audio format or corrupted data.`
-    );
-  }
-  const channelData = audioBuffer.getChannelData(0);
+import "../node_modules/mpg123-decoder/index.js";
+import MPEGDecoder from "../node_modules/mpg123-decoder/src/MPEGDecoder.js";
+function extractPeaksFromChannelData(channelData, sampleCount) {
   const blockSize = Math.floor(channelData.length / sampleCount);
   const peaks = [];
   for (let i = 0; i < sampleCount; i++) {
@@ -25,8 +12,39 @@ async function decodeAudioBlob(blob, sampleCount) {
     peaks.push(sum / blockSize);
   }
   const maxPeak = Math.max(...peaks);
-  const normalizedPeaks = maxPeak > 0 ? peaks.map((p) => p / maxPeak) : peaks;
-  return normalizedPeaks;
+  return maxPeak > 0 ? peaks.map((p) => p / maxPeak) : peaks;
+}
+async function decodeWithNativeAPI(arrayBuffer) {
+  const offlineContext = new OfflineAudioContext(1, 1, 44100);
+  return offlineContext.decodeAudioData(arrayBuffer);
+}
+async function decodeWithWASM(arrayBuffer) {
+  const decoder = new MPEGDecoder();
+  await decoder.ready;
+  const result = decoder.decode(new Uint8Array(arrayBuffer));
+  const channelData = result.channelData[0];
+  decoder.free();
+  return channelData;
+}
+async function decodeAudioBlob(blob, sampleCount) {
+  const arrayBuffer = await blob.arrayBuffer();
+  if (arrayBuffer.byteLength === 0) {
+    throw new Error("Audio blob is empty");
+  }
+  try {
+    const audioBuffer = await decodeWithNativeAPI(arrayBuffer);
+    const channelData = audioBuffer.getChannelData(0);
+    return extractPeaksFromChannelData(channelData, sampleCount);
+  } catch {
+  }
+  try {
+    const channelData = await decodeWithWASM(arrayBuffer);
+    return extractPeaksFromChannelData(channelData, sampleCount);
+  } catch {
+    throw new Error(
+      `Unable to decode audio data (type: ${blob.type}, size: ${blob.size} bytes). Both native Web Audio API and WASM decoder failed. This may be due to an unsupported audio format or corrupted data.`
+    );
+  }
 }
 const audioDataCache = /* @__PURE__ */ new WeakMap();
 function getAudioData(blob, sampleCount) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-audio-wavekit",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "license": "CC0-1.0",
   "type": "module",
   "main": "dist/index.cjs",
@@ -68,8 +68,8 @@
     "vitest": "^4.0.15"
   },
   "dependencies": {
+    "mpg123-decoder": "^1.0.3",
     "overlayscrollbars": "^2.13.0",
-    "overlayscrollbars-react": "^0.5.6",
-    "standardized-audio-context": "^25.3.77"
+    "overlayscrollbars-react": "^0.5.6"
   }
 }