HTML/JS - 在頁面加載時播放音頻文件

Question

打開我的網站后，我會播放音頻文件（循環播放）。
我知道瀏覽器對自動播放有限制，但是否可以使用 JavaScript 自動播放任何音頻？
謝謝！

Answer 1

目前沒有任何保證的方法； MDN 有以下一般指導：

作為一般規則，您可以假設只有在以下至少一項為真時才允許媒體自動播放：

• 音頻靜音或音量設置為 0
• 用戶與網站進行了交互（通過點擊、敲擊、按鍵等）
• 如果該網站已被列入白名單； 如果瀏覽器確定用戶經常與媒體互動，這可能會自動發生，也可能通過首選項或其他用戶界面功能手動發生
• 如果自動播放功能策略用於向 an 及其文檔授予自動播放支持。 否則，播放可能會被阻止。 導致阻塞的確切情況，以及站點如何被列入白名單的細節因瀏覽器而異，但以上是 go 的良好指南。

Chrome 和 Safari 的當前政策是，您不能只在頁面加載后播放音頻（除非它被靜音）。

Chrome 有以下政策：

• 始終允許靜音自動播放。
• 在以下情況下允許自動播放聲音：
• 用戶與域進行了交互（單擊、點擊等）。
• 在桌面上，用戶的媒體參與指數閾值已被超過，這意味着用戶之前播放過有聲視頻。
• 用戶已將網站添加到移動設備的主屏幕或在桌面設備上安裝 PWA。
• 頂級框架可以將自動播放權限委托給其 iframe 以允許自動播放聲音。

Safari 有以下關於自動播放的指導：

• 網站應假定使用或需要用戶手勢點擊才能播放。
• 檢測自動播放是否被拒絕很重要，因為用戶現在可以關閉所有 forms 的自動播放，包括無聲視頻。
• 自動播放限制是基於每個元素授予的。