音乐播放器 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
……