Html5 音频在我的 Javascript 代码中仅播放一次

Question

我有一个仪表板网络应用程序，如果连接出现问题，我想播放警报声音。该站点的 ajax 代码将轮询数据并在无法连接时降低其刷新率。服务器恢复后，站点将继续工作。

同时，我希望每次无法连接时播放声音（所以我知道检查服务器）。这是该代码。这段代码有效。

var error_audio = new Audio("audio/"+settings.refresh.error_audio);
error_audio.load();

//this gets called when there is a connection error.
function onConnectionError() {
   error_audio.play();
}

但是，第二次使用该功能时，音频无法播放。在 Chrome 的调试器中深入研究，音频元素中的“played”属性被设置为 true。将其设置为 false 没有任何结果。有任何想法吗？

Answer 1

我今天就遇到了这个问题，经过更多搜索，我发现您必须再次设置音频元素的源属性才能使其重新启动。不用担心，不会发生任何网络活动，并且操作已进行了大量优化。

var error_audio = new Audio("audio/"+settings.refresh.error_audio);
error_audio.load();

//this gets called when there is a connection error.
function onConnectionError() {
   error_audio.src = "audio/"+settings.refresh.error_audio;
   error_audio.play();
}

这种行为在 chrome 21 中有所体现。FF 似乎也不介意将 src 设置两次！