更新时间:2023-09-28 20:32:58
所以HTML一样容易1,2,3
< audio src =...id =song1volume =0.1style =display:none ;>< /音频>
< audio src =...id =song2volume =0.1style =display:none;>< / audio>
< audio src =...id =song3volume =0.1style =display:none;>< / audio>
{
document.querySelector(#song+ i)[0] .play,p $ p> ();
}
I'm trying to get my website to play multiple mp3/songs, but it keeps playing soundtrack1, but I want it to play all 3 songs at the same time.
This is what I currently have:
<audio loop autoplay controls>
<source src="soundtrack1.mp3" type="audio/mpeg" loop="true">
<source src="soundtrack2.mp3" type="audio/mpeg" loop="true">
<source src="soundtrack3.mp3" type="audio/mpeg" loop="true">
Your browser does not support the audio element.
</audio>
So the HTML is as easy 1, 2, 3
<audio src="..." id="song1" volume="0.1" style="display: none;"></audio>
<audio src="..." id="song2" volume="0.1" style="display: none;"></audio>
<audio src="..." id="song3" volume="0.1" style="display: none;"></audio>
And the JS magic behind it:
for(var i = 1; i <= 3; i++)
{
document.querySelector("#song" + i)[0].play();
}