在<audio>标签</audio>中强制缓存MP3 / OGG

时间:2011-11-24 04:51:30

标签: html5 caching html5-audio

在我的网站上,我打算使用HTML5 <audio>标记来传输背景音频。然而,即使减少了轨道长度,我的两个文件(MP3和OGG Vorbis,适用于不同的浏览器)最终只能达到5MB。

由于这个原因,通过缓存文件来确保加载时间和带宽是很好的。我想知道,但似乎无法找到,是否可以强制文件缓存,或者浏览器通常是否会缓存文件。

感谢您的投入!

2 个答案:

答案 0 :(得分:3)

您无法强制缓存。浏览器将这些文件视为标准资源,因此请确保正确配置服务器以尽可能地进行缓存。 (返回有效的ETag,Expires和Cache-Control,没有Pragma:none,304未修改的响应等。)。可以使用HTML5本地存储(但不值得努力)来缓存像图片这样的小项目。

移动浏览器有这么小的缓存,即使这样也无济于事,他们很快就会刷新缓存。

答案 1 :(得分:2)

快进了7年,现在您可以使用Service Worker轻松地做到这一点。如果您愿意,甚至可以狡猾地缓存和合并各种Range请求。

https://developers.google.com/web/ilt/pwa/caching-files-with-service-worker