uniapp 音乐播放器监听进度

Raite31

已于 2023-08-14 00:07:00 修改

阅读量240

点赞数

分类专栏：一周总结前端小程序文章标签：前端微信小程序

于 2023-08-14 00:06:49 首次发布

本文链接：https://blog.csdn.net/weixin_44696269/article/details/132267516

版权

一周总结同时被 3 个专栏收录

19 篇文章 0 订阅

订阅专栏

前端

6 篇文章 0 订阅

订阅专栏

小程序

6 篇文章 0 订阅

订阅专栏

//音频进度更新事件
//current和duration初始化为0即可
//audio就看个人需要，有媒体音乐和背景音乐两种，在uniapp官网找自己需要的即可
this.audio.onTimeUpdate(() => {
    console.log('音频进度条发生更新')
    this.current = this.audio.currentTime;
    if (!this.duration) {
        this.duration = this.audio.duration;
    }
    if (this.duration > 0) {
        if (this.current === this.duration) {
            this.slideWidth = 100;
            return;
        }
        // this.slideWidth = parseInt(((parseInt(value) / parseInt(this.duration)) * 100).toFixed(2))
        // 计算百分数，也就是进度条的长度
        this.slideWidth = Number(((this.current / this.duration) * 100).toFixed(4));
    }
});