chuuchuu train

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: "con la brisa", path: "https://cdn.discordapp.com/attachments/984199687726833677/1045193897569165413/Con_La_Brisa.mp3" }, { name: "lovesick girls", path: "https://cdn.discordapp.com/attachments/984199687726833677/1031219883435884544/Lovesick_Girls.mp3" }, { name: "the great war", artist: "taylor swift", path: "https://cdn.discordapp.com/attachments/984199687726833677/1038984749848465448/yt1s.com_-_Taylor_Swift_The_Great_War_Official_Lyric_Video.mp3" }, { name: "mulan", artist: "lexie liu", path: "https://cdn.discordapp.com/attachments/984199687726833677/1038986030776328264/yt1s.com_-_Lexie_Liu_Mulan_Official_Audio.mp3" }, { name: "i'm in love with you", artist: "the 1975", path: "https://cdn.discordapp.com/attachments/984199687726833677/1031221614790053928/Im_In_Love_With_You.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);

Lovesick .

profile
hii im aizen/lucy (you can also call me amrutha) im 14 i go by she/her pronouns!! I am a girl from South India and who lives in the US 🦅🦅🦅🦅🦅🦅 😼😼😼😼😼. pls navigate using the heart icons ©yjboself for carrd insponotes
i added this bc tut told me to 💔💔💔💔💔 but boycott loona (my shaylas) 😭😭😭😭💔💔💔💔💔😁😁😁links
Pinterest, Twitter, Tiktok, BandLab

Guides .

to know
i'm a minor, i get uncomfortable easily. Sometimes when i don't talk, its just that i like being quiet :3 This is a palestine support accountget out
my classmates, people who support isnotrael, blockberry creative (bbc) supporters,

Likes .

love zone
genshin, kpop, pjsk, bandori, enstars, drawing, chocolate, cake, food in general, miffy, sanrio, cats, infinity nikki.music
pink pantheress, wave to earth, chuu, yves, jo yuri, young posse, beabadoobee, laufey, itzy, ive, le sserafim, arctic monkeys, enhypen,films/shows
squid game, sweet home, mean girls, banana fish, neon genesis evangelion, kny (only a bit tho-), lucky star.