初学HTML5——音频

<audio>标签

1.基本语法:

<audio src="音频文件路径" controls>你的浏览器不支持audio标签</audio>

2.<audio>标签的常用属性

属性允许取值取值说明
autopalyautoplay如果出现该属性,则音频在就绪后马上播放
controlscontrols如果出现该属性,则向用户显示控件,比如播放按钮
looploop如果出现该属性,则当媒体文件播放完再次开始播放
preloadpreload如果出现该属性,则音频在页面加载是进行加载,并预备播放,如果出现“autoplay”,则忽视该属性
srcurl要播放的音频的url

3.<audio>标签支持的三种音频格式

  • Vorbis:是类似ACC的另一种免费,开源的音频编码,是用于代替MP3的下一代音频压缩技术
  • MP3:是一种音频压缩技术,其全称是动态影像专家压缩标准音频层面3,(Movinng Picture Experts Group Audio Layer III),简称MP3.它被设计用来大幅度地降低音频数据量
  • Wav:是录音时用的标准的Windows文件格式,文件的扩展名为"MAV",数据本身的格式为PPCM或压缩型,属于无损音乐格式的一种
浏览器的支持情况
视频格式IE 9Firefox 4.0Opera 10.6Chrome 6.0Safari 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在等待加载下一帧是触发
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值