通过 HTML 音频标签播放音频答案

【问题标题】：Play audio via HTML audio tag通过 HTML 音频标签播放音频
【发布时间】：2020-04-09 16:45:01
【问题描述】：

我有应该通过标签播放音频文件的 HTML 文档。我的主要问题是我应该为这个标签提供什么样的 URL 才能播放。例如，我的文件夹中的文件与 HTML 文件完全不同，甚至存储在外部 SSD 上，而且我有它的路径，我该如何播放这个文件？

我的代码如下所示：

<audio controls source="PathToFile"></audio>

【问题讨论】：

【解决方案1】：

无法从用户的本地计算机打开任意文件，因为这会影响安全性。

如果您想加载本地文件，用户必须选择带有<input type="file"> 元素的目录/文件，或者他们必须拖放目录/文件以便您可以通过这种方式获得参考。

【讨论】：

【解决方案2】：

我猜你应该有这样的东西：

<audio controls autoplay>
  <source src="/sounds/The Wolven Storm (Priscilla's 
               song).mp3" 
  type="audio/mpeg"/>
</audio>

【讨论】：

【解决方案3】：

如果您的网站托管在您可以访问的某个地方，您的网站托管在本地计算机上，并且您的 SSD 插入到与您的网站相同的计算机上，您可以在引号内使用绝对文件路径实现这一目标。

例如：

<audio controls src="C:/Absolute/File/Path/To/Audio.mp3"></audio>

我希望这有助于回答您的问题。

【讨论】：

我用的是绝对文件路径，但是好像找不到。这是绝对文件路径吗：/home/danilocongradac/Documents/AllSongs/Abba_-_Dancing_Queen（我用的是ubuntu）
这是绝对文件路径，但请确保添加扩展名 [(.mp3, .wav, etc.)（即使您在文件资源管理器中看不到它）]。如果您确实添加了扩展程序，那么找不到它会很奇怪。
我在我的机器上尝试过它，它可以与连接到同一台计算机的外部 SSD 一起使用（不过，2015 MacBook Pro 应该没关系）。这是我的代码：From Pastebin。编辑：将source= 更改为src= 有效。 source= 在我尝试时不起作用。也许这才是真正的错误？
你刚才说的我试过了，还是不行。也许事情是我正在使用spring MVC。但是，我仍然遇到同样的错误。 Failed to load resource: localhost:8080/home/danilocongradac/Documents/AllSongs/ABBA_-_Does_Your_Mother_Know.mp3 the server responded with a status of 404 ()
为什么需要 localhost:8080？你就不能这样做/home/danilocongradac/Documents/AllSongs/ABBA_-_Does_Your_Mother_Know.mp3