react-audio-wavekit 0.1.6 → 0.1.7

package/dist/index.d.ts

@@ -36,8 +36,8 @@ declare interface AudioWaveformRef {
 }
 
 /**
- * 실시간 오디오 주파수 시각화 컴포넌트
- * MediaRecorder의 오디오를 Web Audio API로 분석하여 바 형태로 렌더링
+ * Real-time audio frequency visualization component
+ * Analyzes MediaRecorder audio via Web Audio API and renders as bars
  */
 export declare const LiveRecorder: ForwardRefExoticComponent<LiveRecorderProps & RefAttributes<LiveRecorderRef>>;
 
@@ -100,7 +100,7 @@ declare interface LiveStreamingRecorderCanvasProps extends HTMLAttributes<HTMLCa
     className?: string;
     /** Inline styles for canvas element */
     style?: React.CSSProperties;
-    /** Waveform appearance configuration (barColor, barWidth, etc.) - scrollbar 설정은 Root에서만 유효 */
+    /** Waveform appearance configuration (barColor, barWidth, etc.) - scrollbar settings only apply on Root */
     appearance?: LiveStreamingRecorderAppearance;
 }
 

package/dist/recorder/live-streaming/recorder/recorder-compound.cjs

@@ -30,7 +30,7 @@ const LiveStreamingRecorderRoot = react.forwardRef(
           theme: themeClassName,
           visibility: hidden ? "hidden" : "auto",
           autoHide: "leave",
-          // 마우스가 영역을 벗어나면 숨김 (가장 대중적인 UX)
+          // Hide when mouse leaves (common UX pattern)
           autoHideDelay: 400,
           dragScroll: true,
           clickScroll: true

package/dist/recorder/live-streaming/recorder/recorder-compound.js

@@ -28,7 +28,7 @@ const LiveStreamingRecorderRoot = forwardRef(
           theme: themeClassName,
           visibility: hidden ? "hidden" : "auto",
           autoHide: "leave",
-          // 마우스가 영역을 벗어나면 숨김 (가장 대중적인 UX)
+          // Hide when mouse leaves (common UX pattern)
           autoHideDelay: 400,
           dragScroll: true,
           clickScroll: true

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

@@ -6,15 +6,12 @@ async function decodeAudioBlob(blob, sampleCount) {
   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 {
+  const offlineContext = new module$1.OfflineAudioContext({ numberOfChannels: 1, length: 1, sampleRate: 44100 });
+  const audioBuffer = await offlineContext.decodeAudioData(arrayBuffer.slice(0)).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);
   const blockSize = Math.floor(channelData.length / sampleCount);
   const peaks = [];

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

@@ -4,15 +4,12 @@ async function decodeAudioBlob(blob, sampleCount) {
   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 {
+  const offlineContext = new offlineAudioContextConstructor({ numberOfChannels: 1, length: 1, sampleRate: 44100 });
+  const audioBuffer = await offlineContext.decodeAudioData(arrayBuffer.slice(0)).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);
   const blockSize = Math.floor(channelData.length / sampleCount);
   const peaks = [];

package/dist/waveform/waveform-renderer.cjs

@@ -120,9 +120,9 @@ const WaveformRenderer = react.forwardRef(function WaveformRenderer2({ peaks, ap
     const mins = Math.floor(seconds / 60);
     const secs = Math.floor(seconds % 60);
     if (mins > 0) {
-      return `${mins}분 ${secs}초`;
+      return `${mins} min ${secs} sec`;
     }
-    return `${secs}초`;
+    return `${secs} sec`;
   };
   const isInteractive = !!onSeek && !!duration && duration > 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -130,7 +130,7 @@ const WaveformRenderer = react.forwardRef(function WaveformRenderer2({ peaks, ap
     {
       ref: canvasRef,
       role: isInteractive ? "slider" : "img",
-      "aria-label": isInteractive ? "오디오 탐색" : "오디오 파형",
+      "aria-label": isInteractive ? "Audio seek" : "Audio waveform",
       "aria-valuemin": isInteractive ? 0 : void 0,
       "aria-valuemax": isInteractive ? Math.floor(duration) : void 0,
       "aria-valuenow": isInteractive ? Math.floor(currentTime ?? 0) : void 0,

package/dist/waveform/waveform-renderer.js

@@ -118,9 +118,9 @@ const WaveformRenderer = forwardRef(function WaveformRenderer2({ peaks, appearan
     const mins = Math.floor(seconds / 60);
     const secs = Math.floor(seconds % 60);
     if (mins > 0) {
-      return `${mins}분 ${secs}초`;
+      return `${mins} min ${secs} sec`;
     }
-    return `${secs}초`;
+    return `${secs} sec`;
   };
   const isInteractive = !!onSeek && !!duration && duration > 0;
   return /* @__PURE__ */ jsx(
@@ -128,7 +128,7 @@ const WaveformRenderer = forwardRef(function WaveformRenderer2({ peaks, appearan
     {
       ref: canvasRef,
       role: isInteractive ? "slider" : "img",
-      "aria-label": isInteractive ? "오디오 탐색" : "오디오 파형",
+      "aria-label": isInteractive ? "Audio seek" : "Audio waveform",
       "aria-valuemin": isInteractive ? 0 : void 0,
       "aria-valuemax": isInteractive ? Math.floor(duration) : void 0,
       "aria-valuenow": isInteractive ? Math.floor(currentTime ?? 0) : void 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-audio-wavekit",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "license": "CC0-1.0",
   "type": "module",
   "main": "dist/index.cjs",