重用 HTML5 Audio 对象重复播放相同的 mp3 音效

Question

在一个简单的 HTML5/WebGL 应用程序中，我想偶尔播放声音效果。

目前我有一个构造函数：

this.audio = new Audio('audio/zeep.mp3');

然后，我想播放该文件：

this.audio.play();

第一次可以成功，但第二次就失败了。我尝试将 重置currentTime为零，也尝试重置为 0.1。两者都不起作用：

this.audio.currentTime = 0;
this.audio.play();

如果我Audio每次想播放该对象时都重新创建该对象，Chrome 的网络选项卡会显示它正在通过网络重新获取文件，而不是从缓存中提供文件。

请注意，我不需要相同的音效来同时播放多次。这种声音会很少出现。

我在这里错过了什么吗？

Answer 1

音频元素无法再次播放。

音频文件的 http 标头需要具有Content-Range，例如：

Content-Range:bytes 0-5151/5152

它是为寻找而设计的。

如果需要并发，一个音频元素不能同时播放。使用：

var copy = audio.cloneNode(); copy.play();