Воспроизведение нескольких звуков одновременно

Я хочу использовать несколько звуковых игр HTML 5, как это сделать?

<audio controls="controls">
<source src="audio/(TESBIHAT).mp3" type="audio/mpeg" />
<source src="audio/Dombra.mp3" type="audio/mpeg" />

<embed height="50px" width="100px" src="audio/(TESBIHAT).mp3" />
<embed height="50px" width="100px" src="audio/Dombra.mp3" />
</audio>

Ответ 1

С JavaScript и HTML5 Audio API вы можете сделать что-то вроде этого:

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

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

snd1.play(); snd2.play(); // Now both will play at the same time

Я протестировал это в Chrome v. 20 и, похоже, работает:)

Тег <source> используется для указания разных форматов одного и того же файла, так что браузер может выбрать другой формат в качестве резервного в случае, если первый не поддерживается. Вот почему ваше собственное предложенное решение не работает.