Windows Media Player

File.....Edit.....Format.....View.....Help.....

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 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 new audio element let curr_track = document.getElementById("music"); // Define the tracks that have to be played let track_list = [ { name:"gift&acurse", path:"https://cdn.discordapp.com/attachments/984199687726833677/1038985439933108254/yt1s.com_-_Gift_A_Curse.mp3" }, { name:"mulan", path:"https://cdn.discordapp.com/attachments/984199687726833677/1038986030776328264/yt1s.com_-_Lexie_Liu_Mulan_Official_Audio.mp3" }, { name:"vangogh", path:"https://cdn.discordapp.com/attachments/984199687726833677/1038985407255294064/yt1s.com_-_Amine_Van_Gogh_Official_Visualizer.mp3" }, { name: "mastermind", path: "https://cdn.discordapp.com/attachments/984199687726833677/1038984261132374120/yt1s.com_-_Taylor_Swift_Mastermind_Official_Lyric_Video.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 setVolume() { // Set the volume according to the // percentage of the volume slider set curr_track.volume = volume_slider.value / 100; } 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);

Show:

Songs:

Duration:

Order:

.

lin's playlist

minisode Tomorrow

30 min 30 sec

Customized

© femcel2006

abt me.txt

File.....Edit.....Format.....View.....Help.....

info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info infostanlist info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info infolikes info info info info info info info info info info info info info info info infomp3 info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info

guides.txt

File.....Edit.....Format.....View.....Help.....

before u follow info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info infodon't follow if info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info infonotes info info info info info info info info info info info info info info info infolinks link link link

MSN Messenger

File.....Edit.....Format.....View.....Help.....