22

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

1 に答える 1

22

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>タグは、同じファイルのさまざまな形式を指定するために使用されます。これにより、ブラウザは、最初の形式がサポートされていない場合に別の形式をフォールバックとして選択できます。そのため、独自の提案されたソリューションが機能しません。

于 2012-07-25T21:57:04.137 に答える