diff --git a/audioPlayer.js b/audioPlayer.js index 4d3e6b9..510f9b1 100644 --- a/audioPlayer.js +++ b/audioPlayer.js @@ -56,6 +56,7 @@ function audioPlayer() { if (idx === currentSong) { + aPlay.load() aPlay.play() return } @@ -66,12 +67,21 @@ function audioPlayer() currentSong = wrap(idx, aListLinks.length) aListLinks[currentSong].classList.add("current-song"); - aPlay.src = musicList[currentSong][3] + aPlay.querySelectorAll("source").forEach(source => source.remove()) + const sources = musicList[currentSong][3] + sources.forEach(source => { + const newSource = document.createElement("source") + newSource.src = source.src + newSource.type = source.type + aPlay.appendChild(newSource) + }) + // aPlay.src = musicList[currentSong][3] aTrack.innerHTML = musicList[currentSong][0] aArtist.innerHTML = musicList[currentSong][1] aCoverArt.src = musicList[currentSong][4] if (doplay === true) { + aPlay.load() aPlay.play() } } diff --git a/audioPlayerPlaylist.js b/audioPlayerPlaylist.js index 21a6e2b..beb39d2 100644 --- a/audioPlayerPlaylist.js +++ b/audioPlayerPlaylist.js @@ -27,61 +27,101 @@ const musicList = [ [ "Declare War on All Vocaloid", "Sukone Tei", "05:53", - "media/declare_war_on_all_vocaloid.opus", + [ + {src: "media/declare_war_on_all_vocaloid.ogg", type: "audio/ogg"}, + {src: "media/declare_war_on_all_vocaloid.m4a", type: "audio/m4a"}, + {src: "media/declare_war_on_all_vocaloid.mp3", type: "audio/mp3"} + ], "art/declare_war_on_all_vocaloid.png" ], [ "Chains", "Sukone Tei", "05:46", - "media/chains.m4a", + [ + {src: "media/chains.ogg", type: "audio/ogg"}, + {src: "media/chains.m4a", type: "audio/m4a"}, + {src: "media/chains.mp3", type: "audio/mp3"} + ], "art/chains.png" ], [ "Verheerender - LOYALTY", "Azur Lane", "01:45", - "media/loyalty.opus", + [ + {src: "media/loyalty.ogg", type: "audio/ogg"}, + {src: "media/loyalty.m4a", type: "audio/m4a"}, + {src: "media/loyalty.mp3", type: "audio/mp3"} + ], "art/loyalty.jpg" ], [ "True Love Restraint", "Len Kagamine", "03:35", - "media/true_love_restraint.mp3", + [ + {src: "media/true_love_restraint.ogg", type: "audio/ogg"}, + {src: "media/true_love_restraint.m4a", type: "audio/m4a"}, + {src: "media/true_love_restraint.mp3", type: "audio/mp3"} + ], "art/true_love_restraint.jpg" ], [ "Tei", "Sukone Tei", "03:58", - "media/tei.opus", + [ + {src: "media/tei.ogg", type: "audio/ogg"}, + {src: "media/tei.m4a", type: "audio/m4a"}, + {src: "media/tei.mp3", type: "audio/mp3"} + ], "art/tei.png" ], [ "iNSaNiTY", "Kasane Teto + Namine Ritsu", "04:55", - "media/insanity.mp3", + [ + {src: "media/insanity.ogg", type: "audio/ogg"}, + {src: "media/insanity.m4a", type: "audio/m4a"}, + {src: "media/insanity.mp3", type: "audio/mp3"} + ], "art/insanity.png" ], [ "You’re Seriously Mad? I’m Not Mistaken Here?", "MAYU", "03:50", - "media/youre_seriously_mad.flac", + [ + {src: "media/youre_seriously_mad.ogg", type: "audio/ogg"}, + {src: "media/youre_seriously_mad.m4a", type: "audio/m4a"}, + {src: "media/youre_seriously_mad.mp3", type: "audio/mp3"} + ], "art/your_seriously_mad.png" ], [ "Psychotic Love Song", "Sukone Tei", "05:02", - "media/psychotic_love_song.flac", + [ + {src: "media/psychotic_love_song.ogg", type: "audio/ogg"}, + {src: "media/psychotic_love_song.m4a", type: "audio/m4a"}, + {src: "media/psychotic_love_song.mp3", type: "audio/mp3"} + ], "art/psychoticlovesong.png" ], [ "Rotten Girl, Grotesque Romance", "Hatsune Miku", "04:10", - "media/rotten_girl.mp3", + [ + {src: "media/rotten_girl.ogg", type: "audio/ogg"}, + {src: "media/rotten_girl.m4a", type: "audio/m4a"}, + {src: "media/rotten_girl.mp3", type: "audio/mp3"} + ], "art/grotesquromance.png" ], [ "Monopolizing Romance", "Hatsune Miku", "03:36", - "media/monopolizing_romance.flac", + [ + {src: "media/monopolizing_romance.ogg", type: "audio/ogg"}, + {src: "media/monopolizing_romance.m4a", type: "audio/m4a"}, + {src: "media/monopolizing_romance.mp3", type: "audio/mp3"} + ], "art/monopolizing_romance.png" ] ]