Hello Internets,
I've got a web application that uses the HTML5 Application Cache to cache a couple of videos. The Application Cache seems to work fine when I open my web app in a tab in Chrome.
The problem arises when I have a Chrome Application which has a webview pointing to the same web app. The Application Cache gives me an error:
Application Cache Error event: Resource fetch failed (2) myvideofile.mp4
I know my video is about 3.7 MB and I can see from
http://chrome/settings that my web app is using 9.6 MB of locally stored data.
If I understand
https://developer.chrome.com/apps/offline_storage correctly, the Application Cache falls under Temporary Storage where the max limit cannot be changed and each app has 20% of the full size of the Temp Storage. Using this function I can see the granted total size of the Temporary Storage is 100 MB.
navigator.webkitTemporaryStorage.queryUsageAndQuota (
function(usedBytes, grantedBytes) {
console.log('we are using ', usedBytes, ' of ', grantedBytes, 'bytes');
},
function(e) { console.log('Error', e); }
);
So I would have thought I have 20MB total for my web app which puzzles me why at 9.6 MB the AppCache is giving me this error. Unless there is another limit that is related to the maximum file size in the AppCache?
I can't find these Application Cache size limits reliably posted anywhere... it makes me think there is different rules for inside a webview in a Chrome App as well.
Help me obi-wan you're my only hope...