HTML <audio> 标签
更新时间: 09/22/2018 由sky8g编辑
在使用HTML编写时,<audio>一种内联元素,用于将声音文件嵌入到网页中。当你想在你的网页上添加任何音频,如歌曲或采访时,它是有用的。以下部分包含关于此标记的信息,包括使用中的示例,以及相关属性和浏览器兼容性。
代码示例
1 2 3 4 | <audio controls="controls"> Your browser does not support the <audio> tag. <source src="../example.mp3" /> </audio> |
显示如下
文件格式和浏览器的支持
当你使用audio标签时,您需要确保您的声音文件的格式正确。有三种可接受的格式,包括MP3、Ogg和Wav。下表显示了哪些Internet浏览器支持哪种文件格式。
浏览器 | MP3 | Ogg | Wav |
---|---|---|---|
Chrome | Yes | Yes | Yes |
Internet Explorer | Yes | No | No |
Firefox | Yes | Yes | Yes |
Safari | Yes | No | Yes |
Opera | Yes | Yes | Yes |
属性
在HTML标记中,属性指示HTML元素的某些方面。属性由名称和值对组成;所有标签都支持标准属性。
属性 | 描述 |
---|---|
autoplay | 指定音频文件加载后立即播放 |
controls | 指定要用音频播放器显示的控件 |
loop | 指定音频文件应该连续重复 |
muted | 指定音频文件应该静音 |
preload | 指定音频文件的加载方式和加载时间 |
src | 指定音频文件的URL |
兼容性
Internet Explorer | Firefox | Safari | Opera | Chrome |
---|---|---|---|---|
9.0+ | 3.5+ | 4.0+ | 10.5+ | 4.0+ |