无需点击文档，如何在鼠标进入事件上自动播放声音？

Question

我有以下HTML代码：

<div id="word">word</div>

<audio id="player">
    <source id="source" src"sound.ogg" type="audio/ogg" />
</audio>

以及以下JavaScript/jQuery代码：

$('#word').mouseenter(function()
{
    var audio = $("#player")[0];
    audio.load();
    audio.play();
});

在我的浏览器上，这段代码只有在我点击文档后才能工作。否则，它不起作用，并且在JavaScript控制台中会出现以下错误：

未捕获（承诺中）DOMException：不允许播放方法 当前上下文中的用户代理或平台，可能 因为用户拒绝了权限。

以及以下警告：

只有当用户接受时才允许自动播放， 用户已与网站进行交互或媒体文件已设置音量 归零。

如果我将音量设置为零，我会得到以下错误：

未捕获（承诺中）DOMException：媒体的获取过程 用户代理根据用户的请求中止了资源。

我在Chrome和Firefox上都尝试过。

Answer 1

雷雷