Javascript 嵌入HTML音频元素
我想在HTML页面中嵌入一个音频文件。下面是我正在使用的代码Javascript 嵌入HTML音频元素,javascript,html,audio,mp3,wamp,Javascript,Html,Audio,Mp3,Wamp,我想在HTML页面中嵌入一个音频文件。下面是我正在使用的代码 <audio controls height='100' width='100'> <source src='C:/wamp/www/Music/Tracks/Sweater Weather.MP3' type='audio/mpeg'> <embed height='50' width='100' src='C:/wamp/www/Music/Tracks/Sweate
<audio controls height='100' width='100'>
<source src='C:/wamp/www/Music/Tracks/Sweater Weather.MP3' type='audio/mpeg'>
<embed height='50' width='100' src='C:/wamp/www/Music/Tracks/Sweater Weather.MP3'>
</audio>
当我运行HTML页面时，音频元素显示出来，但它是空白的，不能播放音乐。我做错了什么？您使用的是来自计算机的绝对路径。你必须上传音乐文件，并将一个相对链接放入嵌入文件中。此外，尝试在文件中使用下划线，而不是空格。例如，如果你把它上传到你正在执行这段代码的同一个文件夹中，它将是这样的
<audio controls height='100' width='100'>
<source src='Sweater_Weather.MP3' type='audio/mpeg'>
<embed height='50' width='100' src='Sweater_Weather.MP3'>
</audio>
<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>
您不需要上传文件。这与你的道路有关。确保所指向的路径与本地站点所在的位置相关（通过wamp） 例如，如果您的站点位于C:\wamp\www\n，那么您的来源将是src='Music/Tracks/worteet Weather.MP3' 文件名中允许有空格 编辑：
请检查您的文件名，而不是空白，在歌曲名本身中使用下划线连接单词和扩展名，上面的代码在我的末尾非常有效我尝试了上面的代码，但是，同样的问题也存在。我感觉它与“/”有关，或者与文件位置有关（尽管上面指定的文件路径是正确的）。我将MP3文件重命名为worter_Weather.MP3，并使用了上面的代码，但同样的问题仍然存在。如何上载音乐文件并在嵌入中放置相对链接？服务器是我的计算机的本地服务器，因此我仍然需要上载文件吗？您是否在本地运行HTML？如果是这样的话，您可以使用自己的代码，只需稍作修改；你的网站在当地的什么地方？它在音乐文件夹中请参见上面的我的帖子编辑。如果你的网站在音乐文件夹中，你应该使用上面的…你是在线托管你的网页还是本地存储在你的计算机上？
<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>
<audio controls>
<source src='Tracks/Sweater Weather.MP3' type='audio/mpeg'>
</audio>
<!DOCTYPE html>
</html>
<head></head>
<body>
<audio controls height='100' width='100'>
<source src='C:/.../..../..../sample_music.mp3' type='audio/mpeg'>
</audio>
</body>
</html>