Question

我想在HTML页面中嵌入音频文件。以下是我正在使用的代码。

<audio controls height='100' width='100'>
    <source src='C:/wamp/www/Music/Tracks/Sweater&nbsp;Weather.MP3' type='audio/mpeg'>
    <embed height='50' width='100' src='C:/wamp/www/Music/Tracks/Sweater&nbsp;Weather.MP3'>
</audio>

当我运行HTML页面时，音频元素显示但是它是空白的，无法播放音乐。我做错了什么？

Answer 1

您正在使用计算机的绝对路径。您必须上传音乐文件并在嵌入中放置相对链接。此外，尝试在文件中使用下划线而不是空格。例如，如果你将它上传到你正在执行这段代码的同一个文件夹，那就是这个;

<audio controls height='100' width='100'>
    <source src='Sweater_Weather.MP3' type='audio/mpeg'>
    <embed height='50' width='100' src='Sweater_Weather.MP3'>
</audio>

Answer 2

&nbsp;

HTML中的

将在文本中为用户打印空格字符。

如果你正在解析一个URL，你需要的URL编码是％20，例如：

<audio controls height='100' width='100'>
  <source src='C:/wamp/www/Music/Tracks/Sweater%20Weather.MP3' type='audio/mpeg'>
  <embed height='50' width='100' src='C:/wamp/www/Music/Tracks/Sweater%20Weather.MP3'>
</audio>

Answer 3

您无需上传文件。它与你的道路有关。确保您指向的路径相对于托管本地站点的位置（通过wamp）。

例如，如果您的网站位于C：\ wamp \ www \您的来源将是src ='音乐/曲目/毛衣Weather.MP3'

文件名中允许有空格。

编辑：

<audio controls>
   <source src='Tracks/Sweater Weather.MP3' type='audio/mpeg'>
</audio>

Answer 4

<!DOCTYPE html>
</html>
<head></head>
<body>
<audio controls height='100' width='100'>
    <source src='C:/.../..../..../sample_music.mp3' type='audio/mpeg'>
</audio>
</body>
</html>

请检查您的文件名称，而不是空格，使用下划线加入歌词名称本身后面的单词，上面的代码完全适用于我的结尾

嵌入HTML音频元素

4 个答案: