在移动浏览器上停止/播放焦点/焦点上的音频

时间:2016-04-08 13:38:03

标签: 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"></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手机上测试了它,但是如果我按下“主页”按钮就没有声音播放。有人知道这是否可能吗?

也许这也有帮助:https://www.w3.org/TR/page-visibility/

0 个答案:

没有答案