Chosen Angel

Heart
Heart
Heart

Simple Music Player

00:00

00: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 volume_slider = document.querySelector(".volume_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 the audio element for the player let curr_track = document.createElement('audio'); // // 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: "mother mary", path: "https://files.catbox.moe/25exlv.mp3" }, { name: "untrust us", path: "https://files.catbox.moe/cek81v.mp3" }, { name: "perfect nothing", artist: "ghost", path: "https://files.catbox.moe/xxr7i7.mp3" }, { name: "aleph", artist: "GESAFFELSTEIN", path: "https://files.catbox.moe/yjodnr.mp3" }, { name: "HEAVEN SAYS", artist: "idk", path: "https://files.catbox.moe/kdzd2q.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() { // Switch between playing and pausing // depending on the current state 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);

Chosen Angel .

Profile
Hello! I am Knives or Juno 19 y. o. I use he/they pronouns. I am on the aroace spectrum. Please navigate with the buttons above! | credit: girlscodedBYF
I swear a lot, I rarely use tone tags, I sound uninterested most of the time when I'm not, I sleep a lot otherwise I reply fast.DNI
KV shippers/proship in general, racist, homophobic, transphobic, toxic, insensitive.

Guides .

Likes
cats, rats, bats, insects, arachnids, sashimi, mochi, grape juice, apple juice, slushies, drawing, stationery, baggy clothes, genshin, cookie run, roblox, star stable, minecraft, pokémonBesties <3
Claude-Nanaba-Sprout-Kirby-Emil-Timothy-Francis-Daniel

Me .

IRLS
Millions Knives (Trigun), Sunday (HSR), Ryūnosuke Akutagawa (BSD) Chūya Nakahara (BSD), 707 (Mysmes), Britain (Hetalia), Romano (Hetalia)Kins
Poe (BSD), Childe, Thoma, Kaveh, Diluc, Gorou, Albedo, Scaramouche (Genshin), Armin (AOT)