♔

歌詞付き動画

2026年7月6日:
Cbox page added ⇰ 問合せ...

2026年7月5日:
Base code complete...

Text here

Links

ブログ
Twitter
Pinterest
日記
ディレクトリ

alert("Please view on PC, the page is not optimised for mobile...")

document.addEventListener("contextmenu", function(event){event.preventDefault(); alert("What do you think you're doing?");}, 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; // Create new audio element let curr_track = document.getElementById("music"); // // DEFINE YOUR SONGS HERE!!!!! // MORE THAN FOUR SONGS CAN BE ADDED!! // JUST ADD ANOTHER BRACKET WITH NAME AND PATH // CATBOX.MOE IS RECOMMENDED FOR UPLOADING MP3 FILES 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(); // Load a new track curr_track.src = track_list[track_index].path; curr_track.load(); // Set an interval of 1000 milliseconds for updating the seek slider updateTimer = setInterval(seekUpdate, 1000); // Move to the next track if the current one finishes playing curr_track.addEventListener("ended", nextTrack); } // Reset Values 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; // Replace icon with the pause icon playpause_btn.innerHTML = ''; } function pauseTrack() { curr_track.pause(); isPlaying = false; // Replace icon with the play icon 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; // Check if the current track duration is a legible number if (!isNaN(curr_track.duration)) { seekPosition = curr_track.currentTime * (100 / curr_track.duration); seek_slider.value = seekPosition; // Calculate the time left and the total duration 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); // Adding a zero to the single digit time values 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; } } // Load the first track in the tracklist loadTrack(track_index);

Reworking

Text will go here

Disclaimer will go here

Friends will go here

Commission info will go here

Collection will go here

System info will go here