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

【问题标题】：Is it possible to create javascript audio player with multiple tracks playing in same time?是否可以创建同时播放多个曲目的javascript音频播放器？
【发布时间】：2013-07-26 23:24:54
【问题描述】：

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

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

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

每首曲目在完成后必须一遍又一遍地重复。不用闪光灯也能做到吗？

这是此任务的示例，在 ActionScripts 中创建：http://www.incredibox.com/en/play#

谢谢！

【问题讨论】：

标签： javascript jquery html audio media-player

【解决方案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

【讨论】：

【解决方案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

【讨论】：