html - 我的音频在 Edge 和 Chrome 中都没有下载选项

Question

我正在尝试下载音频。我的代码如下，一切正常，但下载不起作用。

<audio controls autoplay>
            <source src="audio/OneRepublic%20-%20Good%20Life%20128k%20m4a).m4a" type="audio/mp4">
            <source src="audio/OneRepublic%20-%20Good%20Life%20128k%20mp3.mp3" type="audio/mpeg">
            <source src="audio/OneRepublic%20-%20Good%20Life%20128k%20ogg.ogg" type="audio/ogg">
            <source src="audio/OneRepublic%20-%20Good%20Life%20128k%20wav.wav" type="audio/wav">
            Your browser is not supporting any audio formats. 
        </audio>
        <p>To download mp3 <a href="audio/OneRepublic%20-%20Good%20Life%20128k%20mp3.mp3">click here</a></p>

这个我也试过了，还是不行。

<p>To download mp3 <a href="../audio/OneRepublic%20-%20Good%20Life%20128k%20mp3.mp3" download>click here</a></p>

当我点击“点击这里”时，我只能在两个浏览器中得到这个。我也尝试下载视频并面临同样的问题。

标签： htmlhtml5-videohtml5-audio

Answer 1

完整下载文件取决于您的服务器，但现在您正在访问本地文件尝试在服务器上运行此代码以供本地使用 http-server

我已经尝试过，我也可以在下面的屏幕截图中看到本地文件的下载按钮，我添加了 4 个音频

1. 服务器允许下载
2. 服务器不允许下载
3. 本地文件
4. 我的 Firebase 云上的文件

所以你需要在我使用 http-server 运行它的本地服务器上运行它，它向我显示了下载图标。如果您有http-server或任何其他服务器，请尝试使用它。