apm-react-audio-player 1.1.3 → 1.2.0

package/dist/index.js

@@ -323,7 +323,7 @@ var ReactAudioPlayerInner = function ReactAudioPlayerInner(props) {
   // references
   var audioPlayerRef = (_props$audioPlayerRef = props.audioPlayerRef) !== null && _props$audioPlayerRef !== void 0 ? _props$audioPlayerRef : React.useRef(); // reference our audio component
   var progressBarRef = (_props$progressBarRef = props.progressBarRef) !== null && _props$progressBarRef !== void 0 ? _props$progressBarRef : React.useRef(); // reference our progress bar
-
+  var hasInitializedRef = React.useRef(false);
   var customStyles = props ? props.style : '';
   var title = props.title,
     audioSrc = props.audioSrc,
@@ -349,16 +349,23 @@ var ReactAudioPlayerInner = function ReactAudioPlayerInner(props) {
   var audioDuration = duration && !isNaN(duration) && calculateTime(duration);
   var formatDuration = duration && !isNaN(duration) && audioDuration && formatCalculateTime(audioDuration);
 
-  // Reload audio when audioSrc changes
-  // Use JSON.stringify to handle array comparisons by value instead of reference
+  // Reload audio when audioSrc changes.
+  // Skip load() on initial mount — calling it pre-buffers live streams so that
+  // by the time the user clicks play the seekable window has advanced and
+  // segments are stale. On first play the browser fetches the live edge
+  // naturally. On subsequent src changes we do call load() to reset the element.
+  // Use JSON.stringify to handle array comparisons by value instead of reference.
   React.useEffect(function () {
     if (audioPlayerRef.current && audioSrc) {
-      resetDuration === null || resetDuration === void 0 ? void 0 : resetDuration();
-      try {
-        audioPlayerRef.current.load();
-      } catch (err) {
-        console.warn('Failed to reload audio source:', err);
+      if (hasInitializedRef.current) {
+        resetDuration === null || resetDuration === void 0 ? void 0 : resetDuration();
+        try {
+          audioPlayerRef.current.load();
+        } catch (err) {
+          console.warn('Failed to reload audio source:', err);
+        }
       }
+      hasInitializedRef.current = true;
     }
   }, [JSON.stringify(audioSrc)]);
 

package/dist/index.modern.js

@@ -321,7 +321,7 @@ var ReactAudioPlayerInner = function ReactAudioPlayerInner(props) {
   // references
   var audioPlayerRef = (_props$audioPlayerRef = props.audioPlayerRef) !== null && _props$audioPlayerRef !== void 0 ? _props$audioPlayerRef : useRef(); // reference our audio component
   var progressBarRef = (_props$progressBarRef = props.progressBarRef) !== null && _props$progressBarRef !== void 0 ? _props$progressBarRef : useRef(); // reference our progress bar
-
+  var hasInitializedRef = useRef(false);
   var customStyles = props ? props.style : '';
   var title = props.title,
     audioSrc = props.audioSrc,
@@ -347,16 +347,23 @@ var ReactAudioPlayerInner = function ReactAudioPlayerInner(props) {
   var audioDuration = duration && !isNaN(duration) && calculateTime(duration);
   var formatDuration = duration && !isNaN(duration) && audioDuration && formatCalculateTime(audioDuration);
 
-  // Reload audio when audioSrc changes
-  // Use JSON.stringify to handle array comparisons by value instead of reference
+  // Reload audio when audioSrc changes.
+  // Skip load() on initial mount — calling it pre-buffers live streams so that
+  // by the time the user clicks play the seekable window has advanced and
+  // segments are stale. On first play the browser fetches the live edge
+  // naturally. On subsequent src changes we do call load() to reset the element.
+  // Use JSON.stringify to handle array comparisons by value instead of reference.
   useEffect(function () {
     if (audioPlayerRef.current && audioSrc) {
-      resetDuration === null || resetDuration === void 0 ? void 0 : resetDuration();
-      try {
-        audioPlayerRef.current.load();
-      } catch (err) {
-        console.warn('Failed to reload audio source:', err);
+      if (hasInitializedRef.current) {
+        resetDuration === null || resetDuration === void 0 ? void 0 : resetDuration();
+        try {
+          audioPlayerRef.current.load();
+        } catch (err) {
+          console.warn('Failed to reload audio source:', err);
+        }
       }
+      hasInitializedRef.current = true;
     }
   }, [JSON.stringify(audioSrc)]);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apm-react-audio-player",
-  "version": "1.1.3",
+  "version": "1.2.0",
   "author": "Jason Phan <jphan@mpr.org>",
   "license": "MIT",
   "private": false,