当选项卡不在焦点上时,JavaScript音频将不会播放

JavaScript audio will not play when tab is not in focus

本文关键字:音频 JavaScript 播放 选项 焦点      更新时间:2023-12-09

我有一个使用JQuery倒计时的网页,我有一段音频片段,当倒计时为零时播放。

这是相关代码:

<script>
$(function (){
    $('#Timer1Timer').countdown({until: +(28800), onExpiry: play_single_sound});
    $('#Timer2Timer').countdown({until: +(172800), onExpiry: play_single_sound});
    $('#Timer3Timer').countdown({until: +(10), onExpiry: play_single_sound});
});
function play_single_sound() {
    document.getElementById('audiotag1').play();
}
</script>
<audio id="audiotag1" src="audio/alert.wav" preload="auto"></audio>

当我在自己的窗口中打开页面,并且使用单独的窗口查看另一个页面时,音频播放得很好。但是,如果我在同一窗口中打开并激活了不同的选项卡,则在倒计时完成时将不会播放音频。

任何形式的帮助或解释都将是美妙的!

我认为您不需要插件来取代javascript的原生setTimeout。尝试setTimeout(play_single_sound, 5000)