@waveform-playlist/browser 11.1.0 → 11.2.0

package/dist/index.mjs

@@ -65,6 +65,7 @@ import {
 } from "react";
 import { ThemeProvider } from "styled-components";
 import {
+  configureGlobalContext,
   createToneAdapter,
   getGlobalAudioContext as getGlobalAudioContext4
 } from "@waveform-playlist/playout";
@@ -78,11 +79,13 @@ import { getContext as getContext2 } from "tone";
 import WaveformData from "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 WaveformData.create(arrayBuffer);
@@ -3700,6 +3703,7 @@ var WaveformPlaylistProvider = ({
   soundFontCache,
   deferEngineRebuild = false,
   indefinitePlayback = false,
+  sampleRate: sampleRateProp,
   children
 }) => {
   var _a, _b, _c, _d;
@@ -3763,9 +3767,21 @@ var WaveformPlaylistProvider = ({
   const isDraggingRef = useRef15(false);
   const prevTracksRef = useRef15([]);
   const samplesPerPixelRef = useRef15(initialSamplesPerPixel);
-  const sampleRateRef = useRef15(
-    typeof AudioContext !== "undefined" ? getGlobalAudioContext4().sampleRate : 48e3
-  );
+  const [initialSampleRate] = useState15(() => {
+    if (typeof AudioContext === "undefined") return sampleRateProp != null ? sampleRateProp : 48e3;
+    try {
+      if (sampleRateProp !== void 0) {
+        return configureGlobalContext({ sampleRate: sampleRateProp });
+      }
+      return getGlobalAudioContext4().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 = useRef15(initialSampleRate);
   const { timeFormat, setTimeFormat, formatTime: formatTime2 } = useTimeFormat();
   const zoom = useZoomControls({ engineRef, initialSamplesPerPixel });
   const { samplesPerPixel, onEngineState: onZoomEngineState } = zoom;
@@ -4115,15 +4131,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) {
@@ -4138,7 +4167,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)
+              );
             }
           }
         }