javascript - 重复使用 HTML5 音频对象重复播放相同的 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 header 需要有 Content-Range，例如:

内容范围:字节 0-5151/5152

它专为寻找而设计。

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


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