noelle's carrd

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: "honey vanity - kozi ", path: "https://files.catbox.moe/dukezd.mp3" }, { name: "angel's virtuality", path: "https://files.catbox.moe/f051fu.mp3" }, { name: "kyu-kurarin", artist: "iwoya ft. kafu", path: "https://audio.jukehost.co.uk/KgnquuSpluUMpZvLyzNuSlk9C8Vq1poq" }, { name: "umbilical", artist: "deco27", path: "https://files.catbox.moe/xvx6mk.mp3" }, { name: "triple baka", artist: "lamazeP", path: "https://files.catbox.moe/jch716.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);

Gardenia . 𝒢𝒞

profile
hihi! i'm noelle or evie :3c i'm 18 and i'm a multifandom artist, primarily enstars and my own personal oc story rn ^__^ i am a alkaloidP (primarily tatsumayoP) switchP who occasionally pull for my other favs like hajime or hiyori!notes
i have literally zero idea how comms work i only did them for amino coins but once i figure it out, ill link them here! © girlscoded fur the layout ! links
✧ twitter ✧ rentry ✧ tumblr ✧ insta ✧ toyhouse

guidelines

to know
i have bpd an autism both of which affect how i interact with other people. PLEASE be patient with me. i do not need or want tonetags used on me please do not! however i WILL use them on you if needed, so please don't hesitate to ask! i have a hard time with conveying tone, so like i said please ask me if you need tonetags or if you think something i said came off the wrong way. i CAN and WILL claim to be the #1 fan of things in a joking (mostly) manner, i experience frequent mood swings / splits so be patient with me!go away
i don't really have a dni. don't be a freak and we'll be fine for the most part. i also block freely so if i don't like you, i'll just block you

likes

love zone
MAYOI AYASE MY GF ♡ ｡ my friends (i love you nightcord and schmiddycord mwah) ｡ bunnies ｡ sharks ｡ kirby (HES ME!!!!!) ｡ pressure ｡ marine biology ｡ warrior cats ｡ pigeons ｡ my ocs heheartists ◞ bands
mitski ｡ pinkpantheress ｡ beabadoobee ｡ the garden ｡ chappell roan ｡ alex g ｡ jack off jill ｡ tv girl ｡ adrienne lenker ｡ plastic tree ｡ malice mizer ｡ girls rituals ｡ nirvana ｡ metallica ｡ system of a down ｡ caviar noir ｡ the smiths ｡ kikuo ｡ maretu ｡ kimya dawson AMONG LOTS OF OTHERS I COULDN'T NAME! i like musicgames
pokemon ｡ pressure ｡ kirby ｡ fortnite ｡ overwatch ｡ honkai ( star rail and impact 3rd ) ｡ minecraft ｡ roblox ｡ class of 09 ｡ punishing: grey raven ｡ fire emblem (primarily engage and 3houses but i play heroes too feel free to ask to add me :3)