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

Posted 2023-02-25

【中文标题】是否可以创建同时播放多个曲目的javascript音频播放器？

【英文标题】：Is it possible to create javascript audio player with multiple tracks playing in same time?

【发布时间】：2013-07-26 23:24:54

【问题描述】：

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

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

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

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

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

谢谢！

【参考方案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