javascript - 当用户在播放音频时关闭窗口时显示警报

Question

我使用 MediaElement.js 框架来构建我的音频播放器......但是，这是一个播客，看到用户不小心关闭窗口是正常的。

我正在为此寻找脚本，但绝对没有任何效果。

当用户在播放器工作的情况下关闭窗口时如何提醒用户......？

如果正在播放：询问用户是否真的想要这个。如果播放器没有播放：关闭窗口..

Answer 1

添加事件如下：

$(window).bind("beforeunload", function(evt) {//gets called before the user leaves the page
    //check if audio is already running
    if(isPlayingAudio()) {
        //shows a confirm message asking user if they want to stay
        return "Are you sure you want to leave while playing music?";
    }
})

如果您的元素在页面上且未存储在 javascript 中

function isPlayingAudio() {
    var $playing = $('audio').filter(function(i, $audio) {//all audio not paused
        return !$audio.prop('paused');
    });
    return $playing.length === 0;//no audio elements are playing...
}