我如何/实际/将mp3链接到html?

时间:2017-08-20 23:41:18

标签: html hyperlink mp3

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

<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>

2 个答案:

答案 0 :(得分:1)

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

还有一些方法可以在jQuery中检查浏览器。一定要检查出来。

答案 1 :(得分:0)

这一切都取决于文件位置。对于上面的脚本,您可以将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.

如果您已完成链接或图像,则它们完全相同。