mainAudio.addEventListener("timeupdate", (e)=>{
const currentTime = e.target.currentTime;
const duration = e.target.duration;
let progressWidth = (currentTime / duration) * 100;
progressBar.style.width = `${progressWidth}%`;
let musicCurrenTime = wrapper.querySelector(".current"),
musicDuration = wrapper.querySelector(".duration");
mainAudio.addEventListener("loadeddata",()=>{
let audioDuration = mainAudio.duration;
let totalMin = Math.floor(audioDuration / 60);
let totalSec = Math.floor(audioDuration % 60);
if(totalSec < 10){totalSec = `0${totalSec}`;
}
musicDuration.innerText = `${totalMin} : ${totalSec}`;
});
let currentMin = Math.floor(currentTime / 60);
let currentsec = Math.floor(currentTime % 60);
if(currentsec < 10){currentsec = `0${currentsec}`;
}
musicCurrenTime.innerText = `${currentMin} : ${currentsec}`;
});
let allMusic = [
{
artist: "Good Bye",
name: "박효신",
img: "music-1",
src: "music-1"
},
{
artist: "First Love",
name: "Hisaishi-Joe",
img: "music-2",
src: "music-2"
},
{
artist: "야생화",
name: "박효신",
img: "music-3",
src: "music-3"
},
{
artist: "Summer",
name: "Hisaishi-Joe",
img: "music-4",
src: "music-4"
},
{
artist: "겨울잠",
name: "IU",
img: "music-5",
src: "music-5"
},
];