一按Chrome后会播放Onmouseover事件声音

Question

我已经在网站上实现了简单的onmouseover功能。当鼠标移过某个HTML元素时，它将播放声音。这在Firefox和Opera中工作正常，但在Chrome中，仅在单击鼠标后才能播放。我的代码在下面。

<audio id="audio" src="files/Powerup.ogg"></audio>

---

function play()
{
    var audio = document.getElementById("audio");
    audio.play();
}

当发生play()事件时，会调用

onmouseover函数。在<a href>元素上调用它。我还尝试了此代码的其他几种变体，包括W3Schools网站上的一种。但这在Chrome中是相同的问题，在Firefox和Opera中可以正常工作。

Answer 1

我遇到了同样的问题，找到了解释here：

  

”除非由用户事件触发，否则无法加载音频流。如清单11所示，onmousedown，onmouseup，onclick和ontouchstart是有效事件，当在回调函数中被调用时，它们将成功加载音频流。请注意，这是仅用于加载音频文件；在已加载的文件上调用play（）将按预期工作。“