HTML5移動網絡應用上的音頻延遲

Question

我正在使用HTML5和Javascript開發移動Web應用程序。 目的是要創建一個帶有按鈕的頁面，該按鈕使用HTML5音頻標簽在觸摸事件后播放聲音。 但我注意到，即使在緩存了音頻文件之后，觸摸事件和正在播放的聲音之間也會有很大的延遲。 我認為這可能是由於iOS Safari處理聲音的方式引起的，但我不確定。 是否有解決此問題的方法或創造性的解決方法？ 如何最小化觸摸事件和播放之間的延遲？

Answer 1

音頻延遲可能是由於蜂窩數據收費導致的iOS中的緩沖問題所致。 用戶必須明確觸發事件，才能開始下載內容。

在iOS上的Safari（適用於包括iPad在內的所有設備）上的Safari中，用戶可能位於蜂窩網絡上，並按數據單元收費，因此禁用了預加載和自動播放功能。 在用戶啟動數據之前，不會加載任何數據。 這意味着除非用戶操作觸發了play（）或load（）方法，否則JavaScript play（）和load（）方法在用戶啟動播放之前也處於無效狀態。 換句話說，用戶啟動的“播放”按鈕有效，但onLoad =“ play（）”事件無效。

-https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html#//apple_ref/doc/uid/TP40009523-CH5-SW1

===編輯===

一種潛在的改進是為移動產品使用較低的比特率/較高的壓縮音頻。 但是，質量將大大降低。 僅在您的應用程序可接受的情況下使用。