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

时间:2013-07-26 23:24:54

标签: javascript jquery html5 audio media-player

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

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

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

完成后,每个曲目必须反复重复。没有闪光灯可以制作吗?

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

谢谢!

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

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