<audio>
标签
1.基本语法:
<audio src="音频文件路径" controls>你的浏览器不支持audio标签</audio>
2.<audio>
标签的常用属性
属性 | 允许取值 | 取值说明 |
---|
autopaly | autoplay | 如果出现该属性,则音频在就绪后马上播放 |
controls | controls | 如果出现该属性,则向用户显示控件,比如播放按钮 |
loop | loop | 如果出现该属性,则当媒体文件播放完再次开始播放 |
preload | preload | 如果出现该属性,则音频在页面加载是进行加载,并预备播放,如果出现“autoplay”,则忽视该属性 |
src | url | 要播放的音频的url |
3.<audio>
标签支持的三种音频格式
Vorbis
:是类似ACC的另一种免费,开源的音频编码,是用于代替MP3的下一代音频压缩技术MP3
:是一种音频压缩技术,其全称是动态影像专家压缩标准音频层面3,(Movinng Picture Experts Group Audio Layer III),简称MP3.它被设计用来大幅度地降低音频数据量Wav
:是录音时用的标准的Windows文件格式,文件的扩展名为"MAV",数据本身的格式为PPCM或压缩型,属于无损音乐格式的一种
浏览器的支持情况
视频格式 | IE 9 | Firefox 4.0 | Opera 10.6 | Chrome 6.0 | Safari 3.0 |
---|
Vorbis | | 支持 | 支持 | 支持 | |
MP3 | 支持 | | | 支持 | 支持 |
Wav | | 支持 | 支持 | | 支持 |
4.Audio对象的常用方法
方法 | 描述 |
---|
load() | 加载媒体文件,为播放做准备,通常用于播放前的预加载,也会用于重新加载媒体文件 |
play() | 播放媒体文件,如果视频没有加载则加载并播放;如果视频是暂停的,则变为播放 |
pause() | 暂停播放媒体文件 |
canPlayType() | 测试浏览器是否支持指定的媒体类型 |
5.Audio对象的常用属性
属性 | 描述 |
---|
currentSrc | 返回当前音频的url |
currentTime() | 设置或返回音频中的当前播放位置(秒) |
duration | 返回音频的长度(秒) |
ended | 返回音频的播放是否结束 |
error | 返回表示音频错误状态的MediaError对象 |
paused | 设置或返回音频是否暂停 |
muted | 设置或返回是否关闭声音 |
volume | 设置或返回音频的音量 |
6.Audio对象的常用事件
事件 | 描述 |
---|
play | 当执行方法play()时触发 |
playing | 正在播放时触发 |
pause | 当执行了方法pause()时触发 |
timeupdata | 当播放位置被改变时触发 |
ended | 当播放结束后停止播放时触发 |
waiting | 在等待加载下一帧是触发 |