移動網絡應用程序和離線訪問音頻文件

是否可以使用HTML5緩存清單爲移動網絡應用中的離線訪問緩存音頻文件？我也不明白尺寸限制是如何工作的。（我讀了iOS的5MB限制）我沒有找到相關資源或最佳實踐。移動網絡應用程序和離線訪問音頻文件

感謝您的幫助

2011-09-22 Jason Lince

另請參閱http://stackoverflow.com/questions/2970062/will-html5-support-the-access-of-offline-cached-audio和http://stackoverflow.com/questions/1612116/html5-local -storage-of-audio-element-source-is-it-possible –

感謝大衛指出這些 –

是的 - 這是在應用程序緩存中列出的所有文件都通過瀏覽器，如果他們是HTML文件，JavaScript，或音頻文件緩存，不管。只要它們在CACHE部分中明確提到，它們就可以脫機使用。

對於一個很好的AppCache教程，請查看http://www.html5rocks.com/en/tutorials/appcache/beginner/，它會引導您瞭解您應該需要的一切。

大小限制可防止您在用戶計算機上存儲太多內容。在大多數情況下，如果您只是存儲HTML，CSS，JavaScript和一些圖像，這不是問題，但就您而言，如果您要存儲音樂，則可能會很快達到此限制。大多數瀏覽器限制您存儲最大5 megs（針對所有內容），因此您需要注意這一點。

Chrome在調試appcache時有很多工具，當你在開發你的站點時，打開開發工具並觀察控制檯看看會發生什麼。

來源

2011-09-22 18:37:36 PeteLe

謝謝你。我認爲這個5M限制不是一個真正的限制，因爲用戶會被警告並詢問他是否想要將限制提高5M。是對的嗎？ –

沒問題 - 有些瀏覽器會提示，但其他瀏覽器不會。例如，移動瀏覽器通常不會提示，如桌面所示。 – PeteLe

這個答案與之前的SO帖子有衝突，像這樣：http://stackoverflow.com/questions/2970062/will-html5-support-the-access-of-offline-cached-audio。這些帖子是否過時，還是你在做一些不同的事情？我希望你是對的！ – Crashalot

通過緩存清單文件緩存音頻文件仍然無法在5.1版以前的Android手機上使用。我不能說Android 6或iPhone，iPad，因爲我沒有這樣的設備。但我在Android 5.1和Android 3上使用了大小僅爲2 Kb的mp3文件，並且它們沒有被緩存在這些手機上，而200 Kb的js文件被緩存。

當前的解決方案似乎是用base 64編碼mp3文件，並將其放入可以緩存的js文件中。這個很好的描述可以在http://grinninggecko.com/2011/04/09/html5-offline-audio/找到。

來源

2015-11-17 09:18:58

移動網絡應用程序和離線訪問音頻文件

回答

相關問題