モバイルウェブアプリとオーディオファイルへのオフラインアクセス

Question

HTML5キャッシュマニフェストを使用してモバイルウェブアプリでオフラインアクセス用のオーディオファイルをキャッシュすることはできますか？ サイズ制限の仕組みもわかりません。 （私はiOSのために5MBの限界を読んだ） 私はそれまたはベストプラクティスのためのリソースを見つけることができません。

あなたの助け

Answer 1

うんてくれてありがとうが - AppCacheに記載されているすべてのファイルがブラウザによってキャッシュされ、関係なく、彼らはHTMLファイルやJavaScript、またはオーディオファイルなら。 CACHEセクションで明示的に言及されている限り、それらはオフラインで利用できるようになります。

良いAppCacheチュートリアルを入手するには、必要なものがすべて表示されるhttp://www.html5rocks.com/en/tutorials/appcache/beginner/をチェックしてください。

サイズ制限により、あまりにも多くのコンテンツをユーザーのコンピュータに格納できなくなります。ほとんどの場合、HTML、CSS、JavaScript、およびいくつかの画像を保存するだけであれば問題ありませんが、音楽を保存している場合は、その制限を素早く打つことができます。ほとんどのブラウザでは、最大5メガ（すべてのコンテンツ）の保存に制限されるため、注意が必要です。

Chromeには、サイトを開発しているときにAppcacheをデバッグするためのツールが用意されています。デベロッパーツールを開いてコンソールで何が起こっているかを確認します。

Answer 2

キャッシュマニフェストファイルを使用したオーディオファイルのキャッシュは、バージョン5.1までのAndroid搭載端末では機能しません。 Android 6やiPhone、iPadsについては、私はそのようなデバイスを持っていないので、私は話すことができません。しかし、Android 5.1とAndroid 3では、サイズが2 Kbのmp3ファイルで試しましたが、200 Kbのjsファイルがキャッシュされていたのに対し、これらの携帯電話ではキャッシュされませんでした。

現在の解決策は、ベース64でmp3ファイルをエンコードし、それをキャッシュできるjsファイルに入れることです。その素晴らしい説明はhttp://grinninggecko.com/2011/04/09/html5-offline-audio/にあります。