获取歌曲的播放时长

音乐播放器时间更新监听

1.监听audio的timeupdate事件

1  <audio ref="audio" :src="currentSong.url"  @play="ready" @error="error" @timeupdate="updateTime"
2            @ended="end"></audio>

2.事件方法:

1   updateTime(e) {
2         this.currentTime = e.target.currentTime
3       },

3.格式化时间显示:

1     format(interval) {
2         interval = interval | 0
3         const minute = interval / 60 | 0
4         const second = this._pad(interval % 60)
5         return `${minute}:${second}`
6       },

4.页面显示:

1 //已经播放时间
2 <span class="time time-l">{{format(currentTime)}}</span>
3 //总播放时间
4  <span class="time time-r">{{format(currentSong.duration)}}</span>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值