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