如何向我的音频文件添加下载按钮？

Question

我的网站上有一个音频文件。一旦你点击一个按钮，它就会播放，并且它可以工作，这一切都很好。 但是，我需要它，以便当您单击末尾的 3 个点时，用户可以下载所述音频。 音频截图。关于如何在不使用 JavaScript 的情况下实现此目的有什么想法吗？

我通过 web3schools 和 sololearn 查找了一些解决方案。我对 HTML 和 CSS 没有最牢固的掌握，所以我只是尝试复制他们的内容，但似乎都不起作用。

要点击3个点就到这里下载

符号） 这是我为用户按下一个按钮即可听到音频的代码。我只需要让它也可以下载。

Answer 1

您可以使用

<a>

标签的 download 属性，无需 JavaScript 即可完成此操作。

<a href="FILE_PATH" download>Download audio file</a>

您可以选择通过添加...来为下载的文件建议一个文件名

<a href="FILE_PATH" download="YourFileName">Download audio file</a>

Answer 2

您可以在超链接中使用

download

属性。这是一个例子：

<a href="example.com/path/to/audio.mp3" download="audio_name">
  Download sound
</a>

您还可以通过在超链接内使用

button

使其更具视觉吸引力。这是另一个例子：

<a href="example.com/path/to/audio.mp3" download="audio_name">
  <button class="download_button">
    Download sound
  </button>
</a>

如果您不需要该类或者它以不同的名称声明，请随时更改它！ :)