как играть несколько mp3/песен в формате HTML?

Question

Я пытаюсь заставить мой сайт играть несколько mp3/песен, но он продолжает воспроизводить саундтрек1, но я хочу, чтобы он играл все 3 песни одновременно.

Это то, что я в настоящее время:

<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> 

Answer 1

Если вы хотите сделать это только в Javascript:

var song1 = new Audio(); 
var src1 = document.createElement("source"); 
src1.type = "audio/mpeg"; 
src1.src = "soundtrack1.mp3"; 
song1.appendChild(src1); 
song1.play(); 

var song2 = new Audio(); 
var src2 = document.createElement("source"); 
src2.type = "audio/mpeg"; 
src2.src = "soundtrack2.mp3"; 
song2.appendChild(src2); 
song2.play(); 

Answer 2

Так HTML как легко 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> 

И JS magic позади него:

for(var i = 1; i <= 3; i++) 
{ 
    document.querySelector("#song" + i)[0].play(); 
}