1. 关于 audio 的用法
audio会尝试用mp3 或 ogg 来播放音频,如果播放失败了,会回退到embed
<audio controls>
<source src="Lily.μ%20-%20I%20hate%20me.mp3" type="audio/mpeg">
<source src="Lily.μ%20-%20I%20hate%20me.mp3" type="audio/ogg">
<embed height="50" width="100" src="Lily.μ%20-%20I%20hate%20me.mp3">
</audio>
2. 样式

3. audio 属性
属性 | 作用 |
---|
autoplay | 设置或返回是否在加载完成后随即播放音频/视频 |
controls | 设置或返回音频/视频是否显示控件(比如播放/暂停等) |
loop | 设置或返回音频/视频是否应在结束时重新播放 |
muted | 设置或返回音频/视频是否静音 |
preload | 设置或返回音频/视频是否应该在页面加载后进行加载 |
src | 设置或返回音频/视频元素的当前来源 |
duration | 返回当前音频/视频的长度(以秒计) |
volume | 设置或返回音频/视频的音量 |
4. audio 事件
方法 | 作用 |
---|
canPlayType() | 检测浏览器是否能播放指定的音频/视频类型 |
load() | 重新加载音频/视频元素 |
play() | 开始播放音频/视频 |
pause() | 暂停当前播放的音频/视频 |
playing | 当音频/视频在已因缓冲而暂停或停止后已就绪时 |
canplay | 当浏览器可以播放音频/视频时 |
timeupdate | 当目前的播放位置已更改时 |