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

版权声明:本文为m0_57479235原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。