apm-react-audio-player 1.0.17 → 1.0.18

package/dist/index.js

@@ -94,42 +94,17 @@ var useAudioPlayer = function useAudioPlayer(audioRef, progressBarRef, volumeCtr
     isMuted = _useState10[0],
     setIsMuted = _useState10[1];
   var isStream = audioRef.current && audioRef.current.currentSrc.includes('stream');
-
-  // Add a new state variable
-  var _useState11 = React.useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    isAudioReady = _useState12[0],
-    setIsAudioReady = _useState12[1];
-  console.log('🟡 audioRef', audioRef);
-  console.log('🟡 progressBarRef', progressBarRef);
-  console.log('  audioRef.current ', audioRef.current);
   React.useEffect(function () {
     if (currentTime === Number(duration)) {
       // restart()
       setIsFinishedPlaying(true);
-      console.log('🟡 audioRef', audioRef);
-      console.log('⚪️ progressBarRef', progressBarRef);
-      if (progressBarRef.current) {
-        progressBarRef.current.style.setProperty('--seek-before-width', '0%');
-      }
     }
-    var audio = audioRef.current;
-
-    // Define a function to set isAudioReady to true when the audio is ready
-    var handleCanPlayThrough = function handleCanPlayThrough() {
-      setIsAudioReady(true);
-    };
-    audio.addEventListener('canplaythrough', handleCanPlayThrough);
-
-    // Clean up the event listener on unmount
-    return function () {
-      audio.removeEventListener('canplaythrough', handleCanPlayThrough);
-    };
-  }, [isPlaying]);
+  }, [currentTime]);
   var onLoadedMetadata = function onLoadedMetadata() {
+    var _audioRef$current;
     var seconds = Math.floor(audioRef.current.duration);
     setDuration(seconds);
-    if (seconds !== Infinity) {
+    if (!(audioRef !== null && audioRef !== void 0 && (_audioRef$current = audioRef.current) !== null && _audioRef$current !== void 0 && _audioRef$current.currentSrc.includes('stream'))) {
       progressBarRef.current.max = seconds;
     }
   };
@@ -137,7 +112,10 @@ var useAudioPlayer = function useAudioPlayer(audioRef, progressBarRef, volumeCtr
     setCurrentTime(progressBarRef.current.value);
   };
   var whilePlaying = function whilePlaying() {
-    if (!isStream) {
+    var _audioRef$current2;
+    if (!(audioRef !== null && audioRef !== void 0 && (_audioRef$current2 = audioRef.current) !== null && _audioRef$current2 !== void 0 && _audioRef$current2.currentSrc.includes('stream'))) {
+      // isStream isn't correct here
+
       progressBarRef.current.value = Math.floor(audioRef.current.currentTime);
     }
     progressBarRef.current.style.setProperty('--seek-before-width', "".concat(progressBarRef.current.value / duration * 100, "%"));
@@ -164,13 +142,11 @@ var useAudioPlayer = function useAudioPlayer(audioRef, progressBarRef, volumeCtr
   // }
 
   var play = function play() {
-    if (isAudioReady) {
-      // if (!isStream) {
-      //   animationRef.current = window.requestAnimationFrame(whilePlaying)
-      // }
-      setIsPlaying(true);
-      setIsFinishedPlaying(false);
-      audioRef.current.play();
+    setIsPlaying(true);
+    setIsFinishedPlaying(false);
+    audioRef.current.play();
+    if (!audioRef.current.currentSrc.includes('stream')) {
+      // isStream isn't correctly set here
       animationRef.current = window.requestAnimationFrame(whilePlaying);
     }
   };

package/package.json

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