音乐视屏播放,歌词展示,暂停/播放/上一首/下一首

音乐视屏播放,歌词展示,暂停/播放/上一首/下一首

2021-03-13
¥ 0 终身VIP免费 升级终身VIP
下载不了?请联系网站客服提交链接错误!
增值服务: 安装指导 环境配置 二次开发 网站建设 模板修改 源码安装 LOGO设计 图片设计
音乐视屏播放,歌词展示,暂停/播放/上一首/下一首
最近更新 2021年03月13日
资源编号 14302

音乐视屏播放,歌词展示,暂停/播放/上一首/下一首

郑重承诺丨总裁主题提供安全交易、信息保真!
增值服务:
安装指导
环境配置
二次开发
网站建设
模板修改
源码安装
¥ 0 (终身VIP免费 升级终身VIP开通VIP尊享优惠特权
立即下载 升级会员 最新活动
详情介绍

音乐视屏播放,歌词展示,暂停/播放/上一首/下一首

音乐视屏播放,歌词展示,暂停/播放/上一首/下一首

关键代 码
暂停/播放
01
02
03
04
05
06
07
08
09
10
11
12
playAndPause: function () {
   var that = this
   if (that.data.isPlaying) {
     wx.pauseBackgroundAudio()
   } else {
     wx.playBackgroundAudio()
   }
   that.playSong()
   that.setData({
     isPlaying: !that.data.isPlaying
   })
},
上一首
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
before: function () {
  var that = this
  that.setData({
    currentIndex: 0,
    marginTop: 0,
    lrcHeight:200,
  })
  if (that.data.songIndex == 0) {
    that.requestDataSong(that.data.datalist[that.data.datalist.length – 1].song_id)
    that.songLrc(that.data.datalist[that.data.datalist.length – 1].song_id)
    that.setData({
      songIndex: that.data.datalist.length – 1
    })
  } else {
    that.requestDataSong(that.data.datalist[that.data.songIndex – 1].song_id)
    that.songLrc(that.data.datalist[that.data.songIndex – 1].song_id)
    that.setData({
      songIndex: that.data.songIndex – 1
    })
  }
},
歌曲播放
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
playSong: function () {
    var that = this
    let inv = setInterval(function () {
      wx.getBackgroundAudioPlayerState({
        success: function (res) {
          if (res.status == 1) {
            that.setData({
              isPlaying: true,
              songState: {
                progress: res.currentPosition / res.duration * 100,
                currentPosition: that.timeToString(res.currentPosition),
                duration: that.timeToString(res.duration),
              }
            })
            var i = that.data.currentIndex
            if (i < that.data.lry.length) {
              if (res.currentPosition – 4 >= parseInt(that.data.lry[0])) {
                that.setData({
                  currentIndex: i + 1
                })
              }
            }
            if (that.data.currentIndex >= 6) {
              that.setData({
                marginTop: -(that.data.currentIndex – 6) * 20,
                lrcHeight:200 + (that.data.currentIndex – 6) * 20
              })
            }
          } else {
            that.setData({
              isPlaying: false
            })
            clearInterval(inv)
          }
        }
      })
    }, 1000)
  },

 

免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。

资源下载此资源仅限注册用户下载,请先
客服QQ:3482249445
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

所有文章为演示数据,不提供下载地址,版权归原作者所有,仅提供演示效果!

小程序网 小程序 音乐视屏播放,歌词展示,暂停/播放/上一首/下一首 https://www.10000ii.com/14302.html

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用
查看详情

相关文章

音乐视屏播放,歌词展示,暂停/播放/上一首/下一首-海报

分享本文封面