克隆音频对象

Question

我知道如何克隆对象，但我想知道如何克隆音频对象？克隆它的方式是否应该与克隆对象的方式不同？

为了“说明”我的意思：

var audio = new Audio("file.mp3");
var audio2 = $.extend({}, audio); // Clones `audio`

这是正确的方法吗？

我问这个的原因是我想同时播放相同的声音多次。

Answer 1

我的困境和最初提出的完全一样。下面这些对我来说工作得很好：

var audio2 = audio.cloneNode();

Answer 2

这个问题在javascript时代已经很古老了。我认为你的代码正在再次下载音频，这就是你延迟的原因。如果您抓取音频文件一次并将其存储在blob中，则可以将该blob用作新音频事件的源。

let fileBlob;
fetch("file.mp3")
    .then(function(response) {return response.blob()})
    .then(function(blob) {
        fileBlob=URL.createObjectURL(blob);
        new Audio(fileBlob); // forces a request for the blob
 });

 ...
 new Audio(fileBlob).play()  // fetches the audio file from the blob.

你也可以用web audio api做很多事情，但是它的学习曲线稍微陡峭一些。