У меня есть веб-страница, которая использует JQuery Countdown, и у меня есть аудиоклип, который воспроизводится, когда coundown достигает нуля.Звук JavaScript не будет воспроизводиться, если вкладка не находится в фокусе
Вот соответствующий код:
<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 или других функций, когда страница не находится в фокусе, особенно на мобильных устройствах, чтобы сэкономить определенную мощность. Какой браузер вы используете? –
Chrome 40.0.2214.111 (последний) – chutch1122
Почему бы вам просто не попробовать 'setTimeout (play_single_sound, 5000)'? Вам нужен плагин для замены тайм-аута javascript? –