javascript - 是否可以创建同时播放多个曲目的javascript音频播放器？

Question

例如，我想创建具有 10 种声音的自定义播放器。所有 10 首曲目都是由不同乐器创作的一首音乐作品的组成部分。

对于我想要开/关切换器的每首曲目。单击每个切换器声音后将播放。

打开所有按钮后，必须同时播放所有曲目。

每首曲目都必须在完成后一次又一次地重复。有没有可能在没有闪光灯的情况下做到这一点？

这是此任务的示例，在 ActionScripts 中创建：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

对于循环，有一个循环指令，但没有得到广泛支持。查看这篇 SO 文章以获得解决方法：HTML5 Audio Looping