Android Chrome上的音频标签错误(?)
我正在做一个简单的计数器,它的末尾有声音。它在桌面Chrome上运行得很好,但在Android的Chrome上(如果有必要的话,还有ICS),它有一个奇怪的bug 这是密码Android Chrome上的音频标签错误(?),android,google-chrome,html5-audio,Android,Google Chrome,Html5 Audio,我正在做一个简单的计数器,它的末尾有声音。它在桌面Chrome上运行得很好,但在Android的Chrome上(如果有必要的话,还有ICS),它有一个奇怪的bug 这是密码 <!DOCTYPE html> <html lang="hu-HU"> <head> <meta charset=utf-8> <title>-</title> <script type="text/javascript" src=
<!DOCTYPE html>
<html lang="hu-HU">
<head>
<meta charset=utf-8>
<title>-</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
var snd;
var buzzer;
// refresh the counter, called every sec
function refresh(time) {
second = time % 60;
$('#second').html(second < 10 ? '0' + second : second);
if(second>55)
snd.play();
}
$(function() {
snd = new Audio('ding.wav');
var clock = 52;
refresh(clock);
window.setInterval(
function() {
clock++;
refresh(clock);
},
1000
);
}
);
</script>
</style>
</head>
<body>
<div id="second"></div>
<a href="#" onclick="doit();">Play</a>
<script>
function doit() {
snd.play();
}
</script>
</body>
</html>
-
var-snd;
无功蜂鸣器;
//刷新计数器,每秒钟调用一次
函数刷新(时间){
秒=时间%60;
$('#second').html(second<10?'0'+second:second);
如果(秒>55)
snd.play();
}
$(函数(){
snd=新音频('ding.wav');
var时钟=52;
刷新(时钟);
window.setInterval(
函数(){
时钟++;
刷新(时钟);
},
1000
);
}
);
函数doit(){
snd.play();
}
在移动Chrome中,通常不会播放声音,这是很奇怪的。但如果我按下播放链接,它就会像一个符咒一样工作。知道如何解决这个问题吗?移动浏览器阻止JavaScript在没有用户启动事件的情况下播放声音。这与MobileSafari的行为相同 见以下相关问题: