iPhone Safari - 按住home按鈕時暫停html音頻

Question

我的頁面內有一個音頻元素，在點擊按鈕時開始播放。

有沒有辦法來暫停當用戶按下iPhone HOME按鈕和Safari瀏覽器進入背景音頻？

謝謝！

Answer 1

利用循環來檢查用戶是否在網頁上。存儲時間。

var lastSeen; 
var loop = function(){ 
    lastSeen = Date.now(); 
    setTimeout(loop, 50); 
}; 
loop(); 

var music = document.getElementById('music'); 
music.addEventListener('timeupdate', function(){ 
    if(Date.now() - lastSeen > 100){ 
     this.pause(); 
    } 
}, false); 

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