Javascript 在手机浏览器上的focusout/focusin上停止/播放音频
如果页面失去焦点,例如,如果用户切换到另一个选项卡,或者如果用户最小化浏览器,我只是尝试在客户端上播放音频文件 我能够用这段代码解决它,它在desctop浏览器上对我有效Javascript 在手机浏览器上的focusout/focusin上停止/播放音频,javascript,jquery,audio,Javascript,Jquery,Audio,如果页面失去焦点,例如,如果用户切换到另一个选项卡,或者如果用户最小化浏览器,我只是尝试在客户端上播放音频文件 我能够用这段代码解决它,它在desctop浏览器上对我有效 <!DOCTYPE html> <html> <head> <title>Audio - Minimize Test</title> <script src="https://code.jquery.com/jquery-2.2.3.min.js
<!DOCTYPE html>
<html>
<head>
<title>Audio - Minimize Test</title>
<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
</head>
<body>
<h1>Test</h1>
<script>
var audio = new Audio('test.mp3');
$(window).focusout
(
function()
{
$("body").css("background-color", "red");
audio.play();
}
);
$(window).focusin
(
function()
{
$("body").css("background-color", "#FFFFFF");
audio.pause();
}
);
</script>
</body>
</html>
音频最小化测试
试验
var audio=新音频('test.mp3');
$(窗口)
(
函数()
{
$(“body”).css(“背景色”、“红色”);
音频播放();
}
);
$(窗口).focusin
(
函数()
{
$(“body”).css(“背景色”,“#FFFFFF”);
audio.pause();
}
);
现在我也尝试在移动浏览器上使用它,如果用户按下智能手机上的“主页”按钮(最小化浏览器)切换到主菜单,那么声音文件应该会播放
我在我的windows phone上测试了它,但是如果我按下“主页”按钮,就不会有声音播放。有人知道这是否可行吗
也许这也有帮助: