• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

uni-app 音乐播放器监听进度

武飞扬头像
Raite31
帮助1

//音频进度更新事件
//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));
    }
});

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhgecgfh
系列文章
更多 icon
同类精品
更多 icon
继续加载