是否可以创建具有多个轨道同时播放的javascript音频播放器?

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

我希望每个音轨都有开/关切换器。 点击每个切换器后,声音将播放。

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

完成后,每个轨道必须一次又一次地重复。 没有闪光灯可以制作吗?

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

谢谢!

HTML5 Audio 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

使用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