JS music player that resembles a sony walkman from 2008
doqmeat.com/notebook/F2U/preview/walkman
html-template
fixed js song skipping
+11
-10
examples/screenshot.jpg
examples/screenshot.jpg
This is a binary file and will not be displayed.
+11
-10
main.js
+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);