document.addEventListener("contextmenu", function(event){event.preventDefault();}, false);
00:00
0:00
let track_name = document.querySelector(".songtitle"); let playpause_btn = document.querySelector(".playpause-track"); let next_btn = document.querySelector(".next-track"); let prev_btn = document.querySelector(".prev-track"); let seek_slider = document.querySelector(".seek_slider"); let curr_time = document.querySelector(".current-time"); let total_duration = document.querySelector(".total-duration"); let track_index = 0; let isPlaying = false; let updateTimer; let curr_track = document.getElementById("music"); let track_list = [ { name:"キルカサ", path:"https://files.catbox.moe/vxl7eb.mp3" }, { name:"100万回死んだぼく", path:"https://files.catbox.moe/1vzggd.mp3" }, { name:"溜息の狂騒曲", path:"https://files.catbox.moe/mh0bkh.mp3" }, { name: "鏡の中の告別式", path: "https://files.catbox.moe/b795pn.mp3", }, ]; function loadTrack(track_index) { clearInterval(updateTimer); resetValues(); curr_track.src = track_list[track_index].path; curr_track.load(); updateTimer = setInterval(seekUpdate, 1000); curr_track.addEventListener("ended", nextTrack); } function resetValues() { curr_time.textContent = "0:00"; total_duration.textContent = "0:00"; seek_slider.value = 0; } function playpauseTrack() { if (!isPlaying) playTrack(); else pauseTrack(); } function playTrack() { curr_track.play(); isPlaying = true; playpause_btn.innerHTML = '
'; } function pauseTrack() { curr_track.pause(); isPlaying = false; playpause_btn.innerHTML = '
'; } function nextTrack() { if (track_index < track_list.length - 1) track_index += 1; else track_index = 0; loadTrack(track_index); playTrack(); } function prevTrack() { if (track_index > 0) track_index -= 1; else track_index = track_list.length; loadTrack(track_index); playTrack(); } function seekTo() { seekto = curr_track.duration * (seek_slider.value / 100); curr_track.currentTime = seekto; } function seekUpdate() { let seekPosition = 0; if (!isNaN(curr_track.duration)) { seekPosition = curr_track.currentTime * (100 / curr_track.duration); seek_slider.value = seekPosition; let currentMinutes = Math.floor(curr_track.currentTime / 60); let currentSeconds = Math.floor(curr_track.currentTime - currentMinutes * 60); let durationMinutes = Math.floor(curr_track.duration / 60); let durationSeconds = Math.floor(curr_track.duration - durationMinutes * 60); if (currentSeconds < 10) { currentSeconds = "0" + currentSeconds; } if (durationSeconds < 10) { durationSeconds = "0" + durationSeconds; } if (currentMinutes < 10) { currentMinutes = currentMinutes; } if (durationMinutes < 10) { durationMinutes = durationMinutes; } curr_time.textContent = currentMinutes + ":" + currentSeconds; total_duration.textContent = durationMinutes + ":" + durationSeconds; } } loadTrack(track_index);
