Javascript 当用户退出我的网站时播放音频_Javascript_Jquery

Javascript 当用户退出我的网站时播放音频

javascript jquery

Javascript 当用户退出我的网站时播放音频,javascript,jquery,Javascript,Jquery,我想知道当用户退出我的网站时是否有办法播放音频比如说。“感谢访问等。”不，当用户离开网站时，您无法可靠地播放音频。虽然您可以启动它（使用onbeforeunload），但它不会完成播放说真的，如果你这么做了，那只会激怒人们。：-）不，当用户离开网站时，您无法可靠地播放音频。虽然您可以启动它（使用onbeforeunload），但它不会完成播放说真的，如果你这么做了，那只会激怒人们。：-）我做了一个小测试（对整个HTML5还是新手），并提出了这个解决方案： <script>

我想知道当用户退出我的网站时是否有办法播放音频

比如说。“感谢访问等。”

不，当用户离开网站时，您无法可靠地播放音频。虽然您可以启动它（使用

onbeforeunload

），但它不会完成播放

说真的，如果你这么做了，那只会激怒人们。：-）

不，当用户离开网站时，您无法可靠地播放音频。虽然您可以启动它（使用

onbeforeunload

），但它不会完成播放

说真的，如果你这么做了，那只会激怒人们。：-）

我做了一个小测试（对整个HTML5还是新手），并提出了这个解决方案：

 <script>
         function myLoadHandler(evt)
        {
           var audio_file1 = document.getElementById('audioID');
            audio_file1.volume = 0
            audio_file1.play();
        }


        if ("onpagehide" in window) {
            window.addEventListener("pageshow", myLoadHandler, false);

        } else {
            window.addEventListener("load", myLoadHandler, false);
        }

    </script>

    <script>

        function playAudio() {
            var audio_file1 = document.getElementById('audioID');
            audio_file1.volume = 1
            audio_file1.play();
        }
    </script>

    <body onunload="playAudio()">
        <div>

            <div>
                <audio id="audioID" src="your_audio.wav" preload="auto"></audio>
            </div>


        </div>
    </body>


函数myLoadHandler（evt）
{
var audio_file1=document.getElementById（'audioID'）；
音频文件1.volume=0
音频文件1.play（）；
}
如果（窗口中的“onpagehide”）{
addEventListener（“pageshow”，myLoadHandler，false）；
}否则{
addEventListener（“加载”，myLoadHandler，false）；
}
函数playAudio（）{
var audio_file1=document.getElementById（'audioID'）；
音频文件1.volume=1
音频文件1.play（）；
}

我在最新的Chrome和Firefox上测试了它。只能在Firefox中工作——我想Chrome从内存中删除所有资源的速度比javascript执行的速度快

另一件奇怪的事情是，即使使用preload=“auto”，音频在播放后（无论是从脚本还是从用户界面）似乎实际上都会缓冲，所以我使用卷0加载播放它

还有一件事——就像前面的回答中提到的那样，这可能会让人恼火。小心使用。

我做了一个小测试（对整个HTML5还是新手），并提出了以下解决方案：

 <script>
         function myLoadHandler(evt)
        {
           var audio_file1 = document.getElementById('audioID');
            audio_file1.volume = 0
            audio_file1.play();
        }


        if ("onpagehide" in window) {
            window.addEventListener("pageshow", myLoadHandler, false);

        } else {
            window.addEventListener("load", myLoadHandler, false);
        }

    </script>

    <script>

        function playAudio() {
            var audio_file1 = document.getElementById('audioID');
            audio_file1.volume = 1
            audio_file1.play();
        }
    </script>

    <body onunload="playAudio()">
        <div>

            <div>
                <audio id="audioID" src="your_audio.wav" preload="auto"></audio>
            </div>


        </div>
    </body>


函数myLoadHandler（evt）
{
var audio_file1=document.getElementById（'audioID'）；
音频文件1.volume=0
音频文件1.play（）；
}
如果（窗口中的“onpagehide”）{
addEventListener（“pageshow”，myLoadHandler，false）；
}否则{
addEventListener（“加载”，myLoadHandler，false）；
}
函数playAudio（）{
var audio_file1=document.getElementById（'audioID'）；
音频文件1.volume=1
音频文件1.play（）；
}

我在最新的Chrome和Firefox上测试了它。只能在Firefox中工作——我想Chrome从内存中删除所有资源的速度比javascript执行的速度快

另一件奇怪的事情是，即使使用preload=“auto”，音频在播放后（无论是从脚本还是从用户界面）似乎实际上都会缓冲，所以我使用卷0加载播放它

还有一件事——就像前面的回答中提到的那样，这可能会让人恼火。小心使用。

一个惊喜的“谢谢”音频剪辑？我个人建议不要这样做。但是是的，这是可能的（有点…）。但是不要。拜托，天哪，为什么？请不要。你在谷歌工作吗。？这是即将推出的新功能吗？：）访问者再也不会回到你的网站了。一个惊喜的“谢谢”音频剪辑？我个人建议不要这样做。但是是的，这是可能的（有点…）。但是不要。拜托，天哪，为什么？请不要。你在谷歌工作吗。？这是即将推出的新功能吗？：）访问者将永远不会再回到您的站点。在确认对话框消失之前，是否真的可以开始并继续播放。在确认对话框消失之前，是否真的可以开始并继续播放。