HTML5音頻標籤無法播放鉻和Safari瀏覽器中第一個未聚焦選項卡的聲音？

我想在應用程序中播放聲音，只要瀏覽器中的選項卡可用，無論焦點如何。我使用HTML 5音頻標籤播放聲音。但Chrome和Safari瀏覽器推遲播放音頻，直到用戶導航或聚焦到選項卡。播放聲音的整個音頻請求在標籤焦點時播放。當你一次聽到很多聲音時，它變得非常嘈雜。沒有瀏覽器推遲性質，是否有可能從不專心的選項卡播放聲音？建議我提供處理這種情況的其他解決方案。提前致謝。HTML5音頻標籤無法播放鉻和Safari瀏覽器中第一個未聚焦選項卡的聲音？

來源

2016-04-12 Rajan

因此，即使您在另一個選項卡上，您所需要的只是一個音頻標籤嗎？ – zer00ne

這是自Chrome 46以來的預期行爲。爲優化瀏覽器性能並節省電量，Google禁用了背景選項卡上的自動播放功能。然而從Chrome中47開始，有一種方法讓一個人通過使的鍍鉻標誌

~~鉻覆蓋它：//標誌/＃禁止-手勢要求換媒體播放~~

UPDATE：鍍鉻標誌不再可用，因爲Chrome瀏覽器60（謝謝@gordie）

沒有解決方案，將允許聲音在「背景」選項卡中播放。解決方案是在頁面聚焦之前不播放任何聲音。爲此，您可以使用window.onfocus事件處理程序，或者最好使用可見性API（）。

來源

2016-04-22 23:03:23 Xeos

嗨！感謝這些信息。但Soundcloud設法做到這一點，所以應該有一個解決方法？ – gordie

我剛剛在Chrome上測試了SoundCloud。它似乎沒有自動播放。例如，如果您在新標籤頁中打開[嵌入式SoundCloud播放器]鏈接https://w.soundcloud.com/player/?url=http://api.soundcloud.com/tracks/118596500&auto_play=true&buying=true&liking= （右鍵單擊 - >在新標籤頁中打開鏈接），然後它將不會自動播放，直到您關注該標籤頁爲止。 – Xeos

可能有兩種「黑客」： 1）如果打開多個選項卡，請使用至少關注一次的選項來播放聲音。 2）選項卡第一次聚焦時，使用Audio API播放某個靜音片段。這樣，當時間到了，您就可以開始播放而無需等待該人員將選項卡聚焦。 – Xeos

HTML5音頻標籤無法播放鉻和Safari瀏覽器中第一個未聚焦選項卡的聲音？

回答

相關問題