@waveform-playlist/browser 10.1.2 → 10.3.0

package/dist/index.d.mts

@@ -254,6 +254,9 @@ interface MediaElementPlaylistProviderProps {
     timescale?: boolean;
     /** Initial playback rate (0.5 to 2.0) */
     playbackRate?: number;
+    /** Whether to preserve pitch when changing playback rate (default: true).
+     *  Set to false when using an external pitch processor like SoundTouch. */
+    preservesPitch?: boolean;
     /** Enable automatic scroll to keep playhead centered */
     automaticScroll?: boolean;
     /** Theme configuration */

package/dist/index.d.ts

@@ -254,6 +254,9 @@ interface MediaElementPlaylistProviderProps {
     timescale?: boolean;
     /** Initial playback rate (0.5 to 2.0) */
     playbackRate?: number;
+    /** Whether to preserve pitch when changing playback rate (default: true).
+     *  Set to false when using an external pitch processor like SoundTouch. */
+    preservesPitch?: boolean;
     /** Enable automatic scroll to keep playhead centered */
     automaticScroll?: boolean;
     /** Theme configuration */

package/dist/index.js

@@ -2791,7 +2791,6 @@ function useExportWav() {
   const [error, setError] = (0, import_react18.useState)(null);
   const exportWav = (0, import_react18.useCallback)(
     (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], function* (tracks, trackStates, options = {}) {
-      var _a;
       const {
         filename = "export",
         mode = "master",
@@ -2813,7 +2812,7 @@ function useExportWav() {
         if (mode === "individual" && (trackIndex === void 0 || trackIndex < 0 || trackIndex >= tracks.length)) {
           throw new Error("Invalid track index for individual export");
         }
-        const sampleRate = ((_a = tracks[0].clips[0]) == null ? void 0 : _a.sampleRate) || 44100;
+        const sampleRate = (0, import_playout.getGlobalAudioContext)().sampleRate;
         let totalDurationSamples = 0;
         for (const track of tracks) {
           for (const clip of track.clips) {
@@ -3741,7 +3740,7 @@ var WaveformPlaylistProvider = ({
   indefinitePlayback = false,
   children
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d;
   const progressBarWidth = progressBarWidthProp != null ? progressBarWidthProp : barWidth + barGap;
   const indefinitePlaybackRef = (0, import_react23.useRef)(indefinitePlayback);
   indefinitePlaybackRef.current = indefinitePlayback;
@@ -3802,7 +3801,9 @@ var WaveformPlaylistProvider = ({
   const isDraggingRef = (0, import_react23.useRef)(false);
   const prevTracksRef = (0, import_react23.useRef)([]);
   const samplesPerPixelRef = (0, import_react23.useRef)(initialSamplesPerPixel);
-  const sampleRateRef = (0, import_react23.useRef)(44100);
+  const sampleRateRef = (0, import_react23.useRef)(
+    typeof AudioContext !== "undefined" ? (0, import_playout4.getGlobalAudioContext)().sampleRate : 48e3
+  );
   const { timeFormat, setTimeFormat, formatTime: formatTime2 } = useTimeFormat();
   const zoom = useZoomControls({ engineRef, initialSamplesPerPixel });
   const { samplesPerPixel, onEngineState: onZoomEngineState } = zoom;
@@ -3997,7 +3998,7 @@ var WaveformPlaylistProvider = ({
       pendingResumeRef.current = { position: resumePosition };
     }
     const loadAudio = () => __async(null, null, function* () {
-      var _a3, _b3, _c3, _d3, _e2;
+      var _a3, _b3, _c3, _d3, _e;
       try {
         const buffers = [];
         tracks.forEach((track) => {
@@ -4047,7 +4048,7 @@ var WaveformPlaylistProvider = ({
         engine.setSelection((_a3 = selectionStartRef.current) != null ? _a3 : 0, (_b3 = selectionEndRef.current) != null ? _b3 : 0);
         engine.setLoopRegion((_c3 = loopStartRef.current) != null ? _c3 : 0, (_d3 = loopEndRef.current) != null ? _d3 : 0);
         if (isLoopEnabledRef.current) engine.setLoopEnabled(true);
-        engine.setMasterVolume((_e2 = masterVolumeRef.current) != null ? _e2 : 1);
+        engine.setMasterVolume((_e = masterVolumeRef.current) != null ? _e : 1);
         if (selectedTrackIdRef.current) engine.selectTrack(selectedTrackIdRef.current);
         const currentTrackStates = trackStatesRef.current;
         const tracksWithState = tracks.map((track, index) => {
@@ -4336,7 +4337,7 @@ var WaveformPlaylistProvider = ({
   }, [tracks, startAnimationLoop, stopAnimationLoop]);
   const play = (0, import_react23.useCallback)(
     (startTime, playDuration) => __async(null, null, function* () {
-      if (!engineRef.current || duration === 0) return;
+      if (!engineRef.current) return;
       const actualStartTime = startTime != null ? startTime : currentTimeRef.current;
       playStartPositionRef.current = actualStartTime;
       currentTimeRef.current = actualStartTime;
@@ -4363,7 +4364,7 @@ var WaveformPlaylistProvider = ({
       setIsPlaying(true);
       startAnimationLoop();
     }),
-    [duration, startAnimationLoop, stopAnimationLoop]
+    [startAnimationLoop, stopAnimationLoop]
   );
   const pause = (0, import_react23.useCallback)(() => {
     if (!engineRef.current) return;
@@ -4483,8 +4484,7 @@ var WaveformPlaylistProvider = ({
     },
     []
   );
-  const sampleRate = ((_e = audioBuffers[0]) == null ? void 0 : _e.sampleRate) || ((_g = (_f = tracks[0]) == null ? void 0 : _f.clips[0]) == null ? void 0 : _g.sampleRate) || 44100;
-  sampleRateRef.current = sampleRate;
+  const sampleRate = sampleRateRef.current;
   const timeScaleHeight = timescale ? 30 : 0;
   const minimumPlaylistHeight = tracks.length * waveHeight + timeScaleHeight;
   const animationValue = (0, import_react23.useMemo)(
@@ -4718,6 +4718,7 @@ var MediaElementPlaylistProvider = ({
   waveHeight = 100,
   timescale = false,
   playbackRate: initialPlaybackRate = 1,
+  preservesPitch = true,
   automaticScroll = false,
   theme: userTheme,
   controls = { show: false, width: 0 },
@@ -4787,7 +4788,8 @@ var MediaElementPlaylistProvider = ({
   (0, import_react24.useEffect)(() => {
     var _a2, _b;
     const playout = new import_media_element_playout.MediaElementPlayout({
-      playbackRate: initialPlaybackRate
+      playbackRate: initialPlaybackRate,
+      preservesPitch
     });
     playout.addTrack({
       source: track.source,
@@ -4825,6 +4827,7 @@ var MediaElementPlaylistProvider = ({
     track.fadeOut,
     audioContext,
     initialPlaybackRate,
+    preservesPitch,
     onReady,
     stopAnimationFrameLoop,
     setActiveAnnotationId