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}`;
});

function loadMusic(indexNumb) {
    musicName.innerText = allMusic[indexNumb - 1].name;
    musicArtist.innerText = allMusic[indexNumb - 1].artist;
    musicImg.src = `images/${allMusic[indexNumb - 1].img}.jpg`;
    mainAudio.src = `Music/${allMusic[indexNumb - 1].src}.mp3`;
}

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"
  },
];