在锁定屏幕后禁用音频继续播放或在 Safari 中按主页按钮答案

【问题标题】：disable audio from keeping playing after lock screen or press home button in safari在锁定屏幕后禁用音频继续播放或在 Safari 中按主页按钮
【发布时间】：2016-07-28 07:59:04
【问题描述】：

我正在做一个项目，如果我需要在 web.xml 中使用标签播放音频。但我发现锁定屏幕或按下主页按钮后音频不会停止。它只是继续播放。那么有没有办法禁用它？顺便说一句，我尝试了最简单的方法，但音频不会停止。代码如下：

<html>
    <body>
        <audio src="./movies/1.mp3" controls="controls">
            Your browser does not support the audio element.
        </audio>
    </body>
</html>

也许吧。我可以听一些事件，比如点击主页按钮或锁定屏幕和暂停（）？但我不知道这是否可能。

【问题讨论】：

也许我可以听一些事件，比如点击主页按钮或锁定屏幕并暂停（）？但我不知道这是否可能。

标签： html ios web html5-audio

【解决方案1】：

利用循环来检查用户是否在网页上。存储时间。

这是我的 jQuery 代码：

var lastSeen
var loop = function (){
    lastSeen = Date.now()
    setTimeout(loop, 50)
}
loop()
var media = $('audio, video')
media.each(function () {
  this.addEventListener('timeupdate', function () {
    if(Date.now() - lastSeen > 100) {
      this.pause()
    }
  }, false)
})

来源：Stop HTML5 audio from looping when iOS Safari is closed

【讨论】：