@waveform-playlist/browser 10.1.2 → 10.3.0

package/dist/index.mjs

@@ -65,7 +65,8 @@ import {
 } from "react";
 import { ThemeProvider } from "styled-components";
 import {
-  createToneAdapter
+  createToneAdapter,
+  getGlobalAudioContext as getGlobalAudioContext3
 } from "@waveform-playlist/playout";
 import { PlaylistEngine } from "@waveform-playlist/engine";
 import {
@@ -2645,7 +2646,10 @@ function useTrackDynamicEffects() {
 
 // src/hooks/useExportWav.ts
 import { useState as useState10, useCallback as useCallback13 } from "react";
-import { getUnderlyingAudioParam } from "@waveform-playlist/playout";
+import {
+  getUnderlyingAudioParam,
+  getGlobalAudioContext
+} from "@waveform-playlist/playout";
 
 // src/utils/wavEncoder.ts
 function encodeWav(audioBuffer, options = {}) {
@@ -2723,7 +2727,6 @@ function useExportWav() {
   const [error, setError] = useState10(null);
   const exportWav = useCallback13(
     (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], function* (tracks, trackStates, options = {}) {
-      var _a;
       const {
         filename = "export",
         mode = "master",
@@ -2745,7 +2748,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 = getGlobalAudioContext().sampleRate;
         let totalDurationSamples = 0;
         for (const track of tracks) {
           for (const clip of track.clips) {
@@ -3426,7 +3429,7 @@ function useWaveformDataCache(tracks, baseScale) {
 // src/hooks/useDynamicTracks.ts
 import { useState as useState12, useCallback as useCallback16, useRef as useRef12, useEffect as useEffect8 } from "react";
 import { createTrack as createTrack2, createClipFromSeconds as createClipFromSeconds2 } from "@waveform-playlist/core";
-import { getGlobalAudioContext } from "@waveform-playlist/playout";
+import { getGlobalAudioContext as getGlobalAudioContext2 } from "@waveform-playlist/playout";
 function getSourceName(source) {
   var _a, _b, _c, _d, _e;
   if (source instanceof File) {
@@ -3477,7 +3480,7 @@ function useDynamicTracks() {
   }, []);
   const addTracks = useCallback16((sources) => {
     if (sources.length === 0) return;
-    const audioContext = getGlobalAudioContext();
+    const audioContext = getGlobalAudioContext2();
     const placeholders = sources.map((source) => ({
       track: createTrack2({ name: `${getSourceName(source)} (loading...)`, clips: [] }),
       source
@@ -3673,7 +3676,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 = useRef14(indefinitePlayback);
   indefinitePlaybackRef.current = indefinitePlayback;
@@ -3734,7 +3737,9 @@ var WaveformPlaylistProvider = ({
   const isDraggingRef = useRef14(false);
   const prevTracksRef = useRef14([]);
   const samplesPerPixelRef = useRef14(initialSamplesPerPixel);
-  const sampleRateRef = useRef14(44100);
+  const sampleRateRef = useRef14(
+    typeof AudioContext !== "undefined" ? getGlobalAudioContext3().sampleRate : 48e3
+  );
   const { timeFormat, setTimeFormat, formatTime: formatTime2 } = useTimeFormat();
   const zoom = useZoomControls({ engineRef, initialSamplesPerPixel });
   const { samplesPerPixel, onEngineState: onZoomEngineState } = zoom;
@@ -3929,7 +3934,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) => {
@@ -3979,7 +3984,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) => {
@@ -4268,7 +4273,7 @@ var WaveformPlaylistProvider = ({
   }, [tracks, startAnimationLoop, stopAnimationLoop]);
   const play = useCallback18(
     (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;
@@ -4295,7 +4300,7 @@ var WaveformPlaylistProvider = ({
       setIsPlaying(true);
       startAnimationLoop();
     }),
-    [duration, startAnimationLoop, stopAnimationLoop]
+    [startAnimationLoop, stopAnimationLoop]
   );
   const pause = useCallback18(() => {
     if (!engineRef.current) return;
@@ -4415,8 +4420,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 = useMemo4(
@@ -4658,6 +4662,7 @@ var MediaElementPlaylistProvider = ({
   waveHeight = 100,
   timescale = false,
   playbackRate: initialPlaybackRate = 1,
+  preservesPitch = true,
   automaticScroll = false,
   theme: userTheme,
   controls = { show: false, width: 0 },
@@ -4727,7 +4732,8 @@ var MediaElementPlaylistProvider = ({
   useEffect11(() => {
     var _a2, _b;
     const playout = new MediaElementPlayout({
-      playbackRate: initialPlaybackRate
+      playbackRate: initialPlaybackRate,
+      preservesPitch
     });
     playout.addTrack({
       source: track.source,
@@ -4765,6 +4771,7 @@ var MediaElementPlaylistProvider = ({
     track.fadeOut,
     audioContext,
     initialPlaybackRate,
+    preservesPitch,
     onReady,
     stopAnimationFrameLoop,
     setActiveAnnotationId