@waveform-playlist/browser 11.1.0 → 11.2.0

package/dist/index.d.mts

@@ -186,6 +186,10 @@ interface WaveformPlaylistProviderProps {
     /** Disable automatic stop when the cursor reaches the end of the longest
      *  track. Useful for DAW-style recording beyond existing audio. */
     indefinitePlayback?: boolean;
+    /** Desired AudioContext sample rate. Creates a cross-browser AudioContext at
+     *  this rate via standardized-audio-context. Pre-computed peaks (.dat files)
+     *  render instantly when they match. On mismatch, falls back to worker. */
+    sampleRate?: number;
     children: ReactNode;
 }
 declare const WaveformPlaylistProvider: React__default.FC<WaveformPlaylistProviderProps>;

package/dist/index.d.ts

@@ -186,6 +186,10 @@ interface WaveformPlaylistProviderProps {
     /** Disable automatic stop when the cursor reaches the end of the longest
      *  track. Useful for DAW-style recording beyond existing audio. */
     indefinitePlayback?: boolean;
+    /** Desired AudioContext sample rate. Creates a cross-browser AudioContext at
+     *  this rate via standardized-audio-context. Pre-computed peaks (.dat files)
+     *  render instantly when they match. On mismatch, falls back to worker. */
+    sampleRate?: number;
     children: ReactNode;
 }
 declare const WaveformPlaylistProvider: React__default.FC<WaveformPlaylistProviderProps>;

package/dist/index.js

@@ -172,11 +172,13 @@ var import_tone4 = require("tone");
 var import_waveform_data = __toESM(require("waveform-data"));
 function loadWaveformData(src) {
   return __async(this, null, function* () {
+    var _a, _b;
     const response = yield fetch(src);
     if (!response.ok) {
       throw new Error(`Failed to fetch waveform data: ${response.statusText}`);
     }
-    const isBinary = src.endsWith(".dat");
+    const { pathname } = new URL(src, (_b = (_a = globalThis.location) == null ? void 0 : _a.href) != null ? _b : "http://localhost");
+    const isBinary = pathname.toLowerCase().endsWith(".dat");
     if (isBinary) {
       const arrayBuffer = yield response.arrayBuffer();
       return import_waveform_data.default.create(arrayBuffer);
@@ -3764,6 +3766,7 @@ var WaveformPlaylistProvider = ({
   soundFontCache,
   deferEngineRebuild = false,
   indefinitePlayback = false,
+  sampleRate: sampleRateProp,
   children
 }) => {
   var _a, _b, _c, _d;
@@ -3827,9 +3830,21 @@ var WaveformPlaylistProvider = ({
   const isDraggingRef = (0, import_react24.useRef)(false);
   const prevTracksRef = (0, import_react24.useRef)([]);
   const samplesPerPixelRef = (0, import_react24.useRef)(initialSamplesPerPixel);
-  const sampleRateRef = (0, import_react24.useRef)(
-    typeof AudioContext !== "undefined" ? (0, import_playout5.getGlobalAudioContext)().sampleRate : 48e3
-  );
+  const [initialSampleRate] = (0, import_react24.useState)(() => {
+    if (typeof AudioContext === "undefined") return sampleRateProp != null ? sampleRateProp : 48e3;
+    try {
+      if (sampleRateProp !== void 0) {
+        return (0, import_playout5.configureGlobalContext)({ sampleRate: sampleRateProp });
+      }
+      return (0, import_playout5.getGlobalAudioContext)().sampleRate;
+    } catch (err) {
+      console.warn(
+        "[waveform-playlist] Failed to configure AudioContext: " + String(err) + " \u2014 falling back to " + (sampleRateProp != null ? sampleRateProp : 48e3) + " Hz"
+      );
+      return sampleRateProp != null ? sampleRateProp : 48e3;
+    }
+  });
+  const sampleRateRef = (0, import_react24.useRef)(initialSampleRate);
   const { timeFormat, setTimeFormat, formatTime: formatTime2 } = useTimeFormat();
   const zoom = useZoomControls({ engineRef, initialSamplesPerPixel });
   const { samplesPerPixel, onEngineState: onZoomEngineState } = zoom;
@@ -4179,15 +4194,28 @@ var WaveformPlaylistProvider = ({
         let peaks;
         if (clip.waveformData) {
           try {
+            const wdRate = clip.waveformData.sample_rate;
+            const clipRate = clip.sampleRate;
+            let peakOffset = clip.offsetSamples;
+            let peakDuration = clip.durationSamples;
+            let peakSpp = samplesPerPixel;
+            if (wdRate !== clipRate && clipRate > 0 && wdRate > 0) {
+              const ratio = wdRate / clipRate;
+              peakOffset = Math.round(clip.offsetSamples * ratio);
+              peakDuration = Math.round(clip.durationSamples * ratio);
+              peakSpp = Math.max(1, Math.round(samplesPerPixel * ratio));
+            }
             peaks = extractPeaksFromWaveformDataFull(
               clip.waveformData,
-              samplesPerPixel,
+              peakSpp,
               mono,
-              clip.offsetSamples,
-              clip.durationSamples
+              peakOffset,
+              peakDuration
             );
           } catch (err) {
-            console.warn("[waveform-playlist] Failed to extract peaks from waveformData:", err);
+            console.warn(
+              "[waveform-playlist] Failed to extract peaks from waveformData: " + String(err)
+            );
           }
         }
         if (!peaks) {
@@ -4202,7 +4230,9 @@ var WaveformPlaylistProvider = ({
                 clip.durationSamples
               );
             } catch (err) {
-              console.warn("[waveform-playlist] Failed to extract peaks from cache:", err);
+              console.warn(
+                "[waveform-playlist] Failed to extract peaks from cache: " + String(err)
+              );
             }
           }
         }