音乐播放器 audio
属性
src 音频的播放地址
controls 播放控件
autoplay 自动播放
loop 循环播放
muted 当设置修改属性后,音频输出被静音
APi
play 播放
pause 暂停
currentTime 设置或返回当前音频的长度
durations 返回音频长度
src 设置返回音频来源
volume 设置或获取音频的音量
muted 是否静音(静音返回true)
networkState 返回音频的当前网络状态
0 = NETWORK_EMPTY - 音频尚未初始化
1 = NETWORK_IDLE - 音频是活动的且已选取资源,但并未使用网络
2 = NETWORK_LOADING - 浏览器正在下载数据
3 = NETWORK_NO_SOURCE - 未找到音频来源
currentSrc 返回当前的URL
ended 返回音视频播放是否结束(结束为true)
loop 设置或获取当前音乐是否重新播放(获取的结果为Boolean)
playbackRate 设置或获取音频的播放速度(0.1~16)
readyState 返回当前就绪状态
0 = HAVE_NOTHING - 没有关于音频是否就绪的信息
1 = HAVE_METADATA - 关于音频就绪的元数据
2 = HAVE_CURRENT_DATA - 关于当前播放位置的数据是可用的,但没有足够的数据来播放下一帧/毫秒
3 = HAVE_FUTURE_DATA - 当前及至少下一帧的数据是可用的
4 = HAVE_ENOUGH_DATA - 可用数据足以开始播放
seeking 事件在用户开始移动/跳跃到新的音频/视频(audio/video)播放位置时触发
seeked 事件在用户已移动/跳跃到音频/视频(audio/video)中的新位置时触发。
olumechange 当音量更改时触发
使用
//这3个需要写函数 audio.onseeking = function () { console.log(123) }; audio.onseeked = function () { console.log(123) }; audio.onvolumechange = function () { console.log(123) };
//除了这两个,其余的不用带括号 audio.play() audio.pause() audio.currentTime audio.durations ……