JS music player that resembles a sony walkman from 2008 doqmeat.com/notebook/F2U/preview/walkman
html-template
2
fork

Configure Feed

Select the types of activity you want to include in your feed.

fixed js song skipping

+11 -10
examples/screenshot.jpg

This is a binary file and will not be displayed.

+11 -10
main.js
··· 103 103 curr_time.style.display = "inline-block"; 104 104 } 105 105 106 - function loadTrack(track_index) { 106 + function loadTrack(index) { 107 + track_index = index; 107 108 clearInterval(updateTimer); 108 109 resetValues(); 109 - curr_track.src = track_list[track_index].path; 110 + curr_track.src = track_list[index].path; 110 111 curr_track.load(); 111 112 112 - track_art.src = track_list[track_index].image; 113 - track_name.textContent = track_list[track_index].name; 114 - track_artist.textContent = track_list[track_index].artist; 115 - album_title.textContent = track_list[track_index].album; 116 - genre.textContent = track_list[track_index].genre; 117 - year.textContent = track_list[track_index].year; 113 + track_art.src = track_list[index].image; 114 + track_name.textContent = track_list[index].name; 115 + track_artist.textContent = track_list[index].artist; 116 + album_title.textContent = track_list[index].album; 117 + genre.textContent = track_list[index].genre; 118 + year.textContent = track_list[index].year; 118 119 119 - now_playing.textContent = track_index + 1 + "/" + track_list.length; 120 + now_playing.textContent = index + 1 + "/" + track_list.length; 120 121 121 122 // update current song name on bottom bar in playlist screen 122 123 current_song_playing.innerHTML = 123 - "<marquee scrollamount='3'>" + track_list[track_index].name + "</marquee>"; 124 + "<marquee scrollamount='3'>" + track_list[index].name + "</marquee>"; 124 125 125 126 updateTimer = setInterval(seekUpdate, 1000); 126 127 curr_track.addEventListener("ended", nextTrack);