在没有用户交互的情况下播放音频

Question

我正在构建一个仪表板，在该仪表板中，用户会收到有关新订单的通知（通过声音），因此我希望播放音频而不让用户单击任何按钮
注意到这个问题： “ play（）失败，因为用户没有首先与文档进行交互”。
尝试过这些帖子的答案，但没有一个可以解决相同的问题
link1
link2
link3
link4
link5

我的Google Chrome浏览器版本80.0.3987.132（正式版本）（64位）

代码：

HTML

Null reference exception

jQuery

git clone

Answer 1

您可以在加载页面几秒钟后开始播放音乐

$(window).on( "click", function() { //prevent 'no interact error'
    setTimeout(function() { // start play after 5 sec
        var el = document.getElementById("mainaudio");
        if(el.paused){ //check if music dont play now
            el.play();
        }
        else{
            console.log('already playing!');
        }
    }, 5000);
});