audio标签的属性与回调函数

audio标签是一个音频标签.

 <audio   @timeupdate="updateProgress" controlsList="nodownload noplaybackrate"  id="audioRef"  :src="srcMusic" controls="controls"  preload="auto"></audio>

@timeupdate:这个方法可以获取音频的每一个帧,就是实时时间;
src:属性值是音频地址;
controlsList="nodownload noplaybackrate" 这个属性可以去掉默认的播放按钮,可以去掉三个点
preload:属性是用于设置音频文件在页面加载时是否应该被预加载
controlsList 属性用于控制 audio 元素的默认控件。可以使用该属性指定控件列表，或者禁用某些控件。
    "nodownload"：禁用下载按钮。
    "nofullscreen"：禁用全屏按钮。
    "noremoteplayback"：禁用远程播放控件。
    "nodownload nofullscreen noremoteplayback"：禁用所有控件。



回调函数
 // 获取音频元素  
  let audio = document.getElementById("audioRef");  
  // 加载音频文件完成后的回调函数  
  audio.onloadedmetadata = function() {  
      // 获取音频总时长（以秒为单位）  
      var totalSeconds = Math.floor(this.duration);  
      console.log("音频总时长：",totalSeconds)

  };


// 播放音乐
audio.play()

//  暂停音乐
audio.pause()
// 判断音频结束函数
  let audio = document.getElementById("audioRef");
  audio.onended = function() {  
              console.log("音频播放结束");  
              // 在这里执行你需要的操作  
          };