webApp中audio常见的一些属性和API
关于audio的属性和API(注意:可以通过实例对象myAudio=new Audio()生成一个audio标签)
audio中的标签属性
- width/height属性没有作用,要想使用必须使用style标签去控制它
- src:音频的资源地址
- controls:播放控件
- autoplay:自动播放(谷歌不可以自动播放),使用了muted属性,也不会自动播放
- loop:循环播放
- muted:当设置该属性后,它规定音频的输出应该为静音
audio中的API事件
- play():当音频播放/不在暂停时(谷歌浏览器不能直接播放,需要一个页面元素的交互才可以,可如点击事件)
- pause():当音频已经暂停/不在播放时
- duration:返回当前音频总长度
- currentTime:设置或返回当前音频的长度
- src:设置或返回当前音频的来源
- volume:设置或返回当前音频的音量(取值范围0-1)
- controls:设置音频是否显示控件(返回值是true或false)
- muted:设置音频是否静音(返回值是true或false)
- networkState:返回音频的当前网络状态
- currentSrc:返回当前音视频的URL
- ended:返回音视频的播放是否已经结束(返回的值为true或false),可以根据根据这个结果去设置一个监听事件,当结束的时候再去设置播放,来模拟循坏播放
- loop:设置或返回音频是否应在结束时重新播放
- playbackRate:设置或返回音频播放的速度(默认值是1)
- readyState:属性返回音频的当前就绪状态
- timeupdate:当目前的音频位置更改时(放在监听事件中)
- seeked:当用户已移动/跳跃到音频中的新位置时(当用户对音频的进度条并且已经完成操作时会触发的事件,(放在监听事件中)
- seeking:当用户开始移动/跳跃到音频中的新位置时(当用户开始拖动进度条时会触发的事件,,(放在监听事件中)
- volumechange:当音量已经更改时,(放在监听事件中)
- requestFullscreen:全屏
- load:重新加载音频资源
- canplay:音频加载完毕,可以播放,(放在监听事件中)
