我已经在一个网站上实现了一个简单的onmouseover
功能。当鼠标在某个HTML元素上移动时,它会播放声音。这在Firefox和Opera中运行良好,但在Chrome中只需单击鼠标即可播放。我的代码如下。
<audio id="audio" src="files/Powerup.ogg"></audio>
function play()
{
var audio = document.getElementById("audio");
audio.play();
}
当onmouseover
事件发生时,调用play()
函数。它在<a href>
元素上调用。我还尝试了这段代码的其他几个变体,包括W3Schools网站上的那个。但在Chrome上也存在同样的问题,在Firefox和Opera上运行得很好。
发布于 2018-08-15 04:33:50
我也遇到了同样的问题,并找到了here的解释:
“除非由用户事件触发,否则无法加载音频流。如清单11所示,onmousedown、onmouseup、onclick和ontouchstart是在回调中调用时将成功加载音频流的有效事件。请注意,这仅用于加载音频文件;对已经加载的文件调用play()将按预期工作。”
https://stackoverflow.com/questions/51742800
复制相似问题