javascript - 您如何始终刷新HTML音频

标签 javascript html caching audio html5-audio

我的Web应用程序基于生成和播放音频文件。不幸的是,尽管音频文件本身正在更新(我知道这一点是因为下载时它是正确的),但网站上播放的音频是缓存的旧版本。即使多次硬刷新也不会超出缓存。如何重新加载音频源。

<audio controls>
    <source src="/static/output.wav">
</audio>

最佳答案

Even hard refreshing multiple times doesn't get past the cache.



...

Unfortunately, despite the audio file itself being updated (I know this because when I download it it's correct)



这些不是同一个HTTP请求。当您使用<audio>元素时,它将发出远程请求。正在某种方式将其缓存。

无论如何,您只需要在HTTP响应上设置适当的Cache-Control header 即可。这样的事情会做:
Cache-Control: no-store

(当然,您实际上需要刷新浏览器的缓存以及所有服务器端的缓存,然后才能看到此效果。)

另请参阅:https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cache-Control

关于javascript - 您如何始终刷新HTML音频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61668584/

相关文章:

javascript - 复选框已选中,但 :checked doesn't work

javascript - 滚动按钮在 jQuery 中不起作用

html - 居中并使 block 引用元素响应

html - 使用 css3 动画缩放图像

.net - WCF ConcurrencyMode.Multiple连接最佳实践和缓存

javascript - 匹配 Canvas 分辨率与视频分辨率 - 叠加

javascript - 如何删除背景图像中的这个顶部空间?

html - 包裹在选择框中 - Firefox 的问题

asp.net-mvc - 无法在 MVC 应用程序中配置 Redis 缓存

r - 包含 knitr Sexpr{} 的 LyX 子文档找不到缓存值