音乐播放器 audio

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