Refactored to move the path to music file element to index 3

audioPlayer.js

@@ -66,9 +66,9 @@ function audioPlayer()
 		currentSong = wrap(idx, aListLinks.length)
 		aListLinks[currentSong].classList.add("current-song");
 
-		aPlay.src = musicList[currentSong][0]
+		aPlay.src = musicList[currentSong][3]
-		aTrack.innerHTML = musicList[currentSong][1]
+		aTrack.innerHTML = musicList[currentSong][0]
-		aArtist.innerHTML = musicList[currentSong][2]
+		aArtist.innerHTML = musicList[currentSong][1]
 		aCoverArt.src = musicList[currentSong][4]
 		if (doplay === true)
 		{
@@ -77,7 +77,9 @@ function audioPlayer()
 	}
 
 	musicList.forEach((value, index, array) => {
-		const el = appendMusicList(aList, value[1], value[3])
+		const trackTitle = value[0]
+		const trackTime = value[2]
+		const el = appendMusicList(aList, trackTitle, trackTime)
 		aListLinks.push(el)
 		el.addEventListener("click", () => {
 			// el.preventDefault();

audioPlayerPlaylist.js

@@ -16,22 +16,72 @@
  */
 
 /* Each list in the musicList should contain 5 strings as follows
- * 1: Path to the music file
+ * 0: Track title
- * 2: Track title
+ * 1: Artist name
- * 3: Artist name
+ * 2: Track length
- * 4: Track length
+ * 3: Path to the music file
- * 5: Path to the art file
+ * 4: Path to the art file
  */
 
 const musicList = [
-	["media/declare_war_on_all_vocaloid.opus", "Declare War on All Vocaloid", "Sukone Tei", "05:53", "art/declare_war_on_all_vocaloid.png"],
+	[   "Declare War on All Vocaloid",
-	["media/chains.m4a", "Chains", "Sukone Tei", "05:46", "art/chains.png"],
+		"Sukone Tei",
-	["media/loyalty.opus", "Verheerender - LOYALTY", "Azur Lane", "01:45", "art/loyalty.jpg"],
+		"05:53",
-	["media/true_love_restraint.mp3",  "True Love Restraint", "Len Kagamine", "03:35", "art/true_love_restraint.jpg"],
+		"media/declare_war_on_all_vocaloid.opus",
-	["media/tei.opus", "Tei", "Sukone Tei", "03:58", "art/tei.png"],
+		"art/declare_war_on_all_vocaloid.png"
-	["media/insanity.mp3", "iNSaNiTY", "Kasane Teto + Namine Ritsu", "04:55", "art/insanity.png"],
+	],
-	["media/youre_seriously_mad.flac", "You’re Seriously Mad? I’m Not Mistaken Here?", "MAYU", "03:50", "art/your_seriously_mad.png"],
+	[   "Chains",
-	["media/psychotic_love_song.flac", "Psychotic Love Song", "Sukone Tei", "05:02", "art/psychoticlovesong.png"],
+		"Sukone Tei",
-	["media/rotten_girl.mp3", "Rotten Girl, Grotesque Romance", "Hatsune Miku", "04:10", "art/grotesquromance.png"],
+		"05:46",
-	["media/monopolizing_romance.flac", "Monopolizing Romance", "Hatsune Miku", "03:36", "art/monopolizing_romance.png"]
+		"media/chains.m4a",
+		"art/chains.png"
+	],
+	[   "Verheerender - LOYALTY",
+		"Azur Lane",
+		"01:45",
+		"media/loyalty.opus",
+		"art/loyalty.jpg"
+	],
+	[   "True Love Restraint",
+		"Len Kagamine",
+		"03:35",
+		"media/true_love_restraint.mp3",
+		"art/true_love_restraint.jpg"
+	],
+	[   "Tei",
+		"Sukone Tei",
+		"03:58",
+		"media/tei.opus",
+		"art/tei.png"
+	],
+	[   "iNSaNiTY",
+		"Kasane Teto + Namine Ritsu",
+		"04:55",
+		"media/insanity.mp3",
+		"art/insanity.png"
+	],
+	[   "You’re Seriously Mad? I’m Not Mistaken Here?",
+		"MAYU",
+		"03:50",
+		"media/youre_seriously_mad.flac",
+		"art/your_seriously_mad.png"
+	],
+	[   "Psychotic Love Song",
+		"Sukone Tei",
+		"05:02",
+		"media/psychotic_love_song.flac",
+		"art/psychoticlovesong.png"
+	],
+	[   "Rotten Girl, Grotesque Romance",
+		"Hatsune Miku",
+		"04:10",
+		"media/rotten_girl.mp3",
+		"art/grotesquromance.png"
+	],
+	[   "Monopolizing Romance",
+		"Hatsune Miku",
+		"03:36",
+		"media/monopolizing_romance.flac",
+		"art/monopolizing_romance.png"
+	]
 ]