Javascript 我必须点击屏幕才能播放声音吗?如何在页面完全加载后自动激活声音?

Javascript 我必须点击屏幕才能播放声音吗?如何在页面完全加载后自动激活声音?,javascript,jquery,html5-audio,autoplay,Javascript,Jquery,Html5 Audio,Autoplay,我有一个计时器,可以计算音效。但是,只有在计时器触发之前单击屏幕,它才能工作。我曾经尝试过身体触发一次点击事件,但没有运气。有什么建议吗?谢谢 HTML JS 函数playSoundCount(){ document.getElementById(“soundCount”).load(); document.getElementById(“soundCount”).play(); } 函数计时器(){ var计数器=10; var interval=setInterval(函数(){ 计数器--

我有一个计时器,可以计算音效。但是,只有在计时器触发之前单击屏幕,它才能工作。我曾经尝试过身体触发一次点击事件,但没有运气。有什么建议吗?谢谢

HTML

JS

函数playSoundCount(){
document.getElementById(“soundCount”).load();
document.getElementById(“soundCount”).play();
}
函数计时器(){
var计数器=10;
var interval=setInterval(函数(){
计数器--;

if(counter)这是现代浏览器的一项功能。只有用户以某种方式(鼠标单击、键入等)首次与页面交互时,才会播放音频。在交互发生之前,您不能播放声音。Rory说了什么。但是-如果您使用PWA,声音将不会静音:@RokoC.Buljan谢谢,伙计,我会尽快查看。这是现代浏览器的一项功能。只有当用户首先以某种方式(鼠标单击、键入等)与页面交互时,才会播放音频.在互动发生之前,您不能播放声音。Rory说了什么。但是-如果您使用PWA,声音将不会静音:@RokoC.Buljan谢谢,伙计,我会尽快查看。
<audio controls id="soundCount" class="d-none embed-responsive-item">
<source src="counting.mp3" type="audio/mp3">Your browser does not support the <code>audio</code> element.
</audio>
function playSoundCount() {
    document.getElementById("soundCount").load();
    document.getElementById("soundCount").play();
}

function timer() {
    var counter = 10;
    var interval = setInterval(function() {
        counter--;
        if (counter <= 0) {
            clearInterval(interval);
            return;
        }
        else if(counter <= 10){
            playSoundCount()
        }
        else{
            console.log(Math.floor(counter));
        }
    }, 1000);
}