Updated so that the player can use multiple sources
This commit is contained in:
parent
0a239f5255
commit
885f1e69ea
@ -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()
|
||||
}
|
||||
}
|
||||
|
@ -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"
|
||||
]
|
||||
]
|
||||
|
Loading…
Reference in New Issue
Block a user