html+音频事件,html5 Canvas最齐全的音频属性、函数、事件总结,快速收藏干货

一、函数

1、load():开始加载指定的音频文件

2、play():开始播放指定的音频文件

3、canPlayType():如果浏览器能够播放该类型的音频文件,则返回字符串maybe或probably。如果不支持,则返回“”(空字符串)。

4、pause():暂停播放音频文件

b6b4306bdf042f9e1638878a1fc74a55.png

二、属性

1、duration:音频的总长度,以s为单位

2、currentTime:当前播放文件的播放位置,以s为单位

3、loop:它有true和false两个值,当currentTime达到duration的值的时候,判断是否从开始处播放音频片段

4、autoplay:它有true和false两个值,当音频加载完成后,判断是否自动开始播放

5、muted:它有true和false两个值,当值为true时,无论volume属性如何设置,音频都会被静音

6、controls:它有true和false两个值,判断是否显示音频控制界面

7、volume:音频的音量,它的值是0到1之间的小数

8、paused:它有true和false两个值,判断是否已暂停音频对象。

9、ended:它有true和false两个值,音频播放完后会设置这个属性

10、preload:是否在显示页面之前就加载音频文件

ec7ad5383f17865666444f2d2e66d5d0.png

三、事件

1、progress:在浏览器加载文件的过程中获取数据时触发

2、canPlaythrough:当音频开始播放时立即触发此事件

3、playing:在音频播放的过程中它的值为true

4、volumechange:当volume属性或者muted属性改变的时候被触发

5、ended:当音频被播放完后或者暂停的时候被触发

c738a59ba44430efa49a914b24c82928.png

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值