VUE中如何获取audio播放的时长??

3131975015
  • 411

下面这样写提示NaN

<audio @timeupdate="updateTime" autoplay controls :src="list.music" ref="au"></audio>
mounted(){
    console.log(this.$refs.au.duration)
}
回复
阅读 6.4k
2 个回答
<audio @canplay="getDuration" @timeupdate="updateTime" ref="audio" :src="musicUrl"></audio>


methods: {
    getDuration() {
       console.log(this.$refs.audio.duration); //此时可以获取到duration
    },
    updateTime(e) {
       this.currentTime = e.target.currentTime;  //获取audio当前播放时间
    },
}

在audio的canplay(音频准备好播放)事件执行后再获取

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏