javascript - 让javascript音频组件重新加载

Question

我正在将 vue 和电子用于播放音频等应用程序。该应用程序使用标准的“音频”构造函数来播放第一个剪辑。然后应用程序重写音频并尝试再次播放新音频（使用旧名称）。现在，即使在保存新曲目后，旧音频也会播放。

如何强制音频组件重新加载曲目？

    const audio = new Audio(require("../sample.mp3"));
    audio.play();

谢谢。任何帮助，将不胜感激。我实际上使用了代码片段中未显示的“结束”回调。

标签： javascriptaudiovuejs2

Answer 1

您的脚本无法控制浏览器如何管理缓存。
这可以通过使用服务器发送的缓存标头来指示浏览器如何管理缓存来进行调节。

除此之外，解决缓存的一种常见方法（通常由打包程序完成）是为文件的每个版本生成一个具有唯一哈希的新文件名。
这样您就不必担心缓存文件。