Question

我正在处理一个项目，如果我需要在网络中使用标记播放音频。但我发现锁定屏幕或按下主页按钮后音频不会停止。它只是在继续玩。那么有没有办法禁用它？ BTW我尝试过最简单的方法，但音频不会停止。这是代码：

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

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

Answer 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

在锁定屏幕后禁用音频保持播放或在Safari中按下主页按钮

1 个答案: