嵌入HTML Audio元素
嵌入HTML Audio元素
提问于 2013-08-30 22:56:24
我想在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/Sweater Weather.MP3'>
</audio>当我运行HTML页面时，显示了audio元素，但它是空白的，并且不能播放任何音乐。我做错了什么？
回答 4
Stack Overflow用户
发布于 2013-08-30 22:59:55
您正在使用来自计算机的绝对路径。你必须上传音乐文件，并在嵌入中放置一个相对链接。此外，尝试在文件中使用下划线，而不是空格。例如，如果你上传它到你正在执行这段代码的同一文件夹，它将是这样的；
<audio controls height='100' width='100'>
<source src='Sweater_Weather.MP3' type='audio/mpeg'>
<embed height='50' width='100' src='Sweater_Weather.MP3'>
</audio>Stack Overflow用户
发布于 2013-08-30 23:01:34
将为用户打印文本中的空格字符。
如果您正在解析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>Stack Overflow用户
发布于 2013-08-30 23:18:09
您不需要上传文件。这跟你的人生道路有关。确保您所指向的路径相对于托管本地站点的位置(通过wamp)。
例如，如果你的站点位于C:\wamp\www\你的源应该是src=‘音乐/曲目/毛衣Weather.MP3’
文件名中允许有空格。
编辑：
<audio controls>
<source src='Tracks/Sweater Weather.MP3' type='audio/mpeg'>
</audio>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18535930
复制相关文章
相似问题
腾讯云开发者
