我如何/实际上/将 mp3 链接到 html？答案

【问题标题】：How do I /actually/ link mp3 into html?我如何/实际上/将 mp3 链接到 html？
【发布时间】：2017-08-20 23:41:18
【问题描述】：

我刚刚开始学习如何使用它；不确定如何将音频文件链接到脚本中。我想做的只是拥有一个小型音频播放器。

<audio controls width="100" height="100">
  <source src="somethin.mp3" type="audio/mp3">
  <!-- Fallback for older browsers -->
  Your browser doesn't support html5 audio
</audio>

【问题讨论】：

标签： html hyperlink mp3

【解决方案1】：

你试过检查 w3 学校吗？ https://www.w3schools.com/html/html5_audio.asp

在 jQuery 中也有一些方法可以检查浏览器。请务必检查它们。

【讨论】：

是的，我看过；但我更多的是寻找如何将 mp3 放入 html 中……我无法让任何脚本工作……

【解决方案2】：

这完全取决于文件位置。对于上面的脚本，您可以将 somethin.mp3 放在与 html 文件相同的位置。如果你想把它放在一个子文件夹中（比如你的包含 .mp3 的文件夹被称为音频），它将是<source src="audio/somethin.mp3" type="audio/mp3">。如果它在第二个子文件夹中（比如第二个被称为 html_sound），那么它将是<source src="audio/html_sound/somethin.mp3" type="audio/mp3">。如果你想上一本字典，你会使用<source src="../somethin.mp3" type="audio/mp3">。两个字典向上将是<source src="../../somethin.mp3" type="audio/mp3"> 等等。

只需复制字典名称进入一个文件夹并使用../ 上一个文件夹。

您的代码也不以</audio> 标记结尾（必须），它是type="audio/mpeg" 而不是type="audio/mp3"。

最好在 Chrome、Edge 或 Internet Explorer（如果您有 Windows）中测试脚本也可以，但请在 Firefox 或 Opera 中测试它，因为它支持 .ogg 文件（我知道 W3schools 说它可以，但您只需要一个过时的浏览器，它就无法工作）。

You might want to check this out.

如果你做了链接或图片，它们是完全一样的。

【讨论】：

感谢您的回复；现在这似乎更容易理解了。 ^^
@Nim 很高兴为您提供帮助 ;-)