Javascript 在手机浏览器上的focusout/focusin上停止/播放音频

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

如果页面失去焦点,例如,如果用户切换到另一个选项卡,或者如果用户最小化浏览器,我只是尝试在客户端上播放音频文件

我能够用这段代码解决它,它在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>

音频最小化测试
试验
var audio=新音频('test.mp3');
$(窗口)
(
函数()
{
$(“body”).css(“背景色”、“红色”);
音频播放();
}
);
$(窗口).focusin
(
函数()
{
$(“body”).css(“背景色”,“#FFFFFF”);
audio.pause();
}
);
现在我也尝试在移动浏览器上使用它,如果用户按下智能手机上的“主页”按钮(最小化浏览器)切换到主菜单,那么声音文件应该会播放

我在我的windows phone上测试了它,但是如果我按下“主页”按钮,就不会有声音播放。有人知道这是否可行吗

也许这也有帮助: