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

HTML
559
0
0
2022-04-27
标签   HTML5

一、函数

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

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

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

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

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

二、属性

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:是否在显示页面之前就加载音频文件

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

三、事件

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

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

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

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

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

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