0

我想在 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 页面时，会显示音频元素，但它是空白的，并且无法播放音乐。我究竟做错了什么？

4

4 回答 4

0

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

例如，如果您的网站位于 C:\wamp\www\ 您的来源将是 src='Music/Tracks/Sweater Weather.MP3'

文件名中允许有空格。

编辑：

<audio controls>
   <source src='Tracks/Sweater Weather.MP3' type='audio/mpeg'>
</audio>
于 2013-08-30T15:18:08.703 回答
0 
<!DOCTYPE html>
</html>
<head></head>
<body>
<audio controls height='100' width='100'>
    <source src='C:/.../..../..../sample_music.mp3' type='audio/mpeg'>
</audio>
</body>
</html>

请检查您的文件名，而不是空格，使用下划线连接歌曲名称本身的扩展名后跟的单词，上面的代码在我的末尾完美运行

于 2013-08-30T15:45:04.227 回答
0

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

<audio controls height='100' width='100'>
    <source src='Sweater_Weather.MP3' type='audio/mpeg'>
    <embed height='50' width='100' src='Sweater_Weather.MP3'>
</audio>
于 2013-08-30T14:59:54.847 回答
0 
&nbsp;

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

如果您正在解析 URL，您将需要 %20 的 URL 编码，例如：

<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>
于 2013-08-30T15:01:33.707 回答