是否有可能在同一時間播放多個音軌的JavaScript音頻播放器？

Question

例如，我想創建10個聲音的自定義播放器。所有10首曲目都是由不同樂器創作的一首樂曲的組成部分。

對於每一首曲目，我都想要開/關切換器。點擊每個切換器後，會播放聲音。

打開所有按鈕後，所有的曲目必須在同一時間播放。

每道完成後必須反覆重複。有沒有可能做到這一點沒有閃光燈？

這是例如這個任務，在動作腳本創建的：http://www.incredibox.com/en/play#

謝謝！

Answer 1

它可能與HTML5音頻API。

請參見本入門教程：http://www.html5rocks.com/en/tutorials/webaudio/intro/

這裏是開始一個很好的庫：http://www.createjs.com

和一些例子：http://www.createjs.com/#!/SoundJS/demos

以及官方規格：https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html

Answer 2

使用HTML5 javascript音頻API，您可以實例化任意數量的音頻對象：

var soundOne = new Audio('sound1.ogg'), 
    soundTwo = new Audio('sound2.ogg'), 
    soundThree = new Audio('sound3.ogg'); 
// etc. 

然後，您可以通過編程方式播放和停止它們。例如。 soundOne.play();

退房https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio

對於循環，有一個循環指令，但它沒有得到廣泛的支持。看看這篇文章的工作：HTML5 Audio Looping