如何最小化 html5 音頻標簽的加載時間？

Question

再會，

我正在嘗試使用 html 音頻標簽和一些 javascript 構建一個簡單的音樂播放器。 當我編碼時它工作正常，而文件在本地存儲時使用 safari（在 Imac 上）和 Firefox。 然后我將它上傳到我的 web 頁面進行現場測試並遇到以下問題：

(1) Imac 上的 Safari 需要大約一分鍾來加載文件並開始播放 (2) iphone 上的 Safari 不會自動播放文件，盡管我在代碼中使用了自動播放屬性....見下面的代碼) (3 ) Firefox 就是不玩！ （雖然文件在本地時播放得很好）

似乎文件太大了......我的問題是：（1）有沒有辦法縮短加載時間？ (2) 知道為什么自動播放在 iPhone Safari 上不起作用以及如何解決它？

這是我用於歌曲的代碼：

<audio autoplay="autoplay" controls="controls">
<source src="../audio/3.ogv" />
<source src="../audio/3.mp3" />
Your browser does not support the audio element.
</audio>

感謝您的幫助

迭戈

Answer 1

我相信你不能在 iPhone 上自動播放。 我認為這是為了防止過多的意外數據使用而施加的限制。 有一些變通方法可以創建虛假點擊，但它們似乎已被修補。

Firefox 不支持通過 HTML5 的 MP3。 ogv文件是 Ogg 視頻，而不是音頻（ ogg ），這可能是它沒有在音頻標簽中播放的原因。

至於加載時間，最好的方法是盡可能壓縮文件。 這將減少下載時間。

Answer 2

請注意...由於 HTML 5 在語法上不是基於 XML 的，因此您不要分配這樣的屬性。

使用<audio autoplay controls>作為開始標簽。

Answer 3

據我所知，他們不想在 Iphone/Ipad 上自動播放 html 標簽。

這是一些可能對您有所幫助的代碼的鏈接:)。

iphone自動播放。

它說你可以用一些 javascript 來解決它。

希望有幫助:)。