2012-07-25 23 views
12

HTML 5を複数使用したい場合はどうすればいいですか? JavaScriptとHTML5オーディオAPIで複数のサウンドを同時に再生する

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

可能な複製http://stackoverflow.com/questions/1933969/sound-effects-in-javascript-html5 –

答えて

11

あなたはこのような何か行うことができます:。私はクロームVの20を、これをテストしている、そして:)

動作しているようです

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 

<source>タグは、同じファイルの異なるフォーマットを指定するために使用されます。そのため、ブラウザは、最初のフォーマットがサポートされていない場合にフォールバックとして別のフォーマットを選択できます。そのため、あなた自身の提案された解決策は機能しません。

+0

返信ありがとうChromeとIEは動作していますが、動作していないOperaは重要ではありませんthanks :) – Polymorphism

+1

それは勝ちましたそれはmp3をサポートしていないので、Operaで動作しません。代わりに.oggを使用してください。http://html5doctor.com/html5-audio-the-state-of-play/ – trainoasis

+0

一度に1つのオーディオストリームしかサポートしないモバイルデバイスでも動作しますか? – Kokodoko

関連する問題