如果页面失去焦点,我只是尝试在客户端上播放音频文件,例如如果用户切换到另一个选项卡或用户最小化了浏览器。
我能够使用此代码解决它,它在desctop浏览器上适用于我。
<!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>
现在我也试着让它在移动浏览器上运行,如果用户按下智能手机上的“主页”按钮(最小化浏览器)切换到他的主菜单,那么应该播放声音文件。
我在Windows手机上测试了它,但是如果我按下“主页”按钮就没有声音播放。有人知道这是否可能吗?