diff --git a/jam-ui/src/components/jamtracks/JKAudioPlayer.js b/jam-ui/src/components/jamtracks/JKAudioPlayer.js index c2dd93a96..58910827c 100644 --- a/jam-ui/src/components/jamtracks/JKAudioPlayer.js +++ b/jam-ui/src/components/jamtracks/JKAudioPlayer.js @@ -23,7 +23,7 @@ const JKAudioPlayer = ({ audioUrl }) => { useEffect(() => { if (!audio || !audioPlayer) return; - if(audio){ + if (audio) { stopAudio(); } const audioLoadedDataEventListener = audio.addEventListener("loadeddata", () => { @@ -44,7 +44,7 @@ const JKAudioPlayer = ({ audioUrl }) => { //audio.play(); return () => { - if(audio){ + if (audio) { stopAudio(); audio.removeEventListener("loadeddata", audioLoadedDataEventListener); clearInterval(audioPercentageCheckInterval); @@ -110,7 +110,6 @@ const JKAudioPlayer = ({ audioUrl }) => { audioPlayer.current.querySelector(".controls .volume-percentage").style.width = volume * 100 + '%'; } - function getTimeCodeFromNum(num) { let seconds = parseInt(num); let minutes = parseInt(seconds / 60); @@ -125,49 +124,51 @@ const JKAudioPlayer = ({ audioUrl }) => { } return ( -
+ audioUrl && audio && ( +
-
-
- -
-
-
0:00
-
/
-
-
- {/*
Music Song
*/} -
-
-
-
-
-
- {isMuted ? ( - +
+
+
+
+
+
0:00
+
/
+
+
+ {/*
Music Song
*/} +
+
+
+
+
+
+ {isMuted ? ( + + ) : ( + + )} +
+
-
-
+
+
+
-
- ) + ) + ); + } export default JKAudioPlayer \ No newline at end of file