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

Question

在我的网站上，我打算使用HTML5 <audio>标签来流式播放背景音频。然而，即使减少了音轨长度，我的两个文件(针对不同浏览器的MP3和OGG Vorbis )最终也只有5MB。

因此，通过缓存文件来确保加载时间和带宽是很好的。我想知道的，但似乎找不到的是，是否有可能强制文件缓存，或者浏览器是否会正常缓存文件。

感谢您的投入！

Answer 1

快进到7年前，你现在可以很容易地通过Service Worker做到这一点。如果你愿意，你甚至可以巧妙地缓存/组合各种Range请求。

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

Answer 2

您不能强制缓存。浏览器将这些文件视为标准资源，因此请确保您的服务器已正确配置，以便尽可能地进行缓存。(返回有效的ETag、Expires和Cache-Control、no Pragma:none、304 Not modified responses等)。可以使用HTML5本地存储(但不值得这么做)来缓存像图片这样的小项目。

移动浏览器的缓存非常小，即使这样也无济于事，它们很快就会刷新缓存。