Updated so that the player can use multiple sources

This commit is contained in:
Anon 2024-09-18 22:37:32 -07:00
parent 0a239f5255
commit 885f1e69ea
2 changed files with 61 additions and 11 deletions

View File

@ -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()
}
}

View File

@ -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"
],
[ "Youre Seriously Mad? Im 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"
]
]