我正在開發使用HTML5的移動Web應用程序& Javascript。我們的目標是創建一個頁面,其中包含觸摸事件後播放聲音的按鈕,並使用HTML5音頻標籤。但是我注意到觸摸事件和正在播放的聲音之間存在顯着的延遲,即使在音頻文件已被緩存之後。我認爲這可能是由於iOS Safari處理聲音的方式,但我不確定。有沒有解決方案或創造性的解決方法來解決這個問題?我怎樣才能最大限度地減少觸摸事件和播放之間的延遲?HTML5移動網絡應用程序的音頻延遲
0
A
回答
3
音頻延遲可能是由於iOS中存在因蜂窩數據收費而導致的緩衝問題。用戶必須明確地觸發事件才能開始下載內容。
在iOS上的Safari(適用於所有設備,包括iPad),用戶可能位於蜂窩網絡並按每個數據單元收費時,將禁用預加載和自動播放。直到用戶啓動它纔會加載數據。這意味着,除非用戶操作觸發play()或load()方法,否則JavaScript play()和load()方法在用戶啓動播放之前也處於非活動狀態。換句話說,用戶啓動的播放按鈕可以工作,但onLoad =「play()」事件不會。
===編輯===
一個潛在的改進是使用較低的比特率/高壓縮音頻的移動產品。質量將會顯着降低。只有在您的應用程序中可以接受時才使用。
相關問題
- 1. 移動Safari中的Html5視頻延遲
- 2. iOS網絡應用上的HTML5音頻
- 3. 移動網絡上的延遲(Android)
- 4. Phonegap Android HTML5音頻播放器延遲
- 5. HTML5/Javascript網絡音頻API
- 6. 網絡音頻API延遲聲音在Chrome中變得異常
- 7. 使用ffmpeg延遲音頻
- 8. 如何在網絡上編程音頻/視頻應用程序?
- 9. HTML5在移動網絡應用程序中脫機問題
- 10. HTML5移動網絡應用程序相機訪問
- 11. vaadin應用程序中的網絡延遲
- 12. 移動網絡應用程序和離線訪問音頻文件
- 13. html5音頻 - 沒有網絡音頻的彎音API API
- 14. 在Safari中上傳HTML5網絡應用程序中的音頻文件iPad
- 15. 延遲在Android的音頻
- 16. html5視頻自動播放延遲safari
- 17. 查詢移動網絡應用程序
- 18. 使用網絡音頻API構建HTML5音頻播放器
- 19. 如何減少在移動web應用程序播放聲音的延遲
- 20. HTML5移動應用程序
- 21. 如何爲HTML5視頻設置音頻延遲(desync)
- 22. Javascript/HTML5 - 用於web桌面/移動應用程序的音頻流記錄
- 23. 音頻低延遲與Python
- 24. 延遲播放音頻
- 25. PhoneGap iOS低延遲音頻
- 26. 音頻輸入延遲
- 27. Laravel:移動應用程序和網絡應用程序
- 28. 網絡應用程序vs移動應用程序
- 29. 應用程序啓動延遲
- 30. GWT。延遲啓動應用程序