javascript - 在 JavaScript 中并行播放相同的 HTML5 音频

Question

在 JavaScript 中创建音频播放器的常用方法

var a = new Audio();
a.src = "test.mp3";

假设音频数据属于Audio 对象。分别加载音频数据，然后创建可以播放现有数据的音频播放器的正确方法是什么？一个用例是当您想要由多个播放器同时播放相同的声音时，例如以创建回声效果。我假设要使用相同的数据创建另一个播放器就可以了

var b = new Audio();
b.src = a.src;

但我想知道这是否是最好的方法...如果是，是否需要等待 loadeddata/canplaythrough 事件 b，因为这些事件已经在 a 上触发。

Answer 1

由于 Audio 是一个常规的 DOM 元素，您可以使用 cloneNode() 方法来创建和播放相同的声音。

// Create your audio and clone
var myAudio = new Audio('my.mp3');
var myClonedAudio = myAudio.cloneNode();

// Play them simultaneously
myAudio.play();
myClonedAudio.play();