// pages/player/player.js
const app = getApp().globalData
const song = require('../../utils/song.js')
const Lyric = require('../../utils/lyric.js')


let watch;


Page({


  /**
   * 页面的初始数据
   */
  data: {
    playurl: '',
    playIcon : 'icon-play',
    cdCls: 'pause',
    currentLyric: null,
    currentLineNum : 0,
    toLineNum: 0,
    currentSong: null,
    dotsArray: new Array(2),
    currentDot: 0
  },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {


  },


  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {


  },


  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    console.log('onshow')
    this._init()
    this._getBackPlayfileName().then((res)=>{
      const current = res.res.currentPosition
      this.data.currentLyric.stop()
      this.data.currentLyric.seek(current * 1000)
    }).catch(()=>{


    })
  },


  // 初始化
  _init: function () {
    let songlist = (app.songlist.length && app.songlist) || wx.getStorageSync('songlist')
    let currentSong = app.songlist[app.currentIndex] || (songlist && songlist[app.currentIndex])
    let duration = currentSong && currentSong.duration


    this.setData({
      currentSong: currentSong,
      duration: this._formaTime(duration),
      songlist: songlist,
      currentIndex: app.currentIndex
    })


    this._getPlayUrl(currentSong.mid)
    this._getLyric(currentSong)
  },


  //  获取北京播放音乐的songmidid
  _getBackPlayfileName: function() {
    return new Promise((resolve,reject) => {
      wx.getBackgroundAudioPlayerState({
        success: function (res) {
          var dataUrl = res.dataUrl
          let ret = dataUrl && dataUrl.split('?')[0].split('/')[3]
          resolve({ret,res})
        },
        fail: function (e) {
          let ret = false
          reject(ret)
        }
      })
    })
  },


  //  获取播放地址
  _getPlayUrl: function (songmidid) {
    const _this = this
    wx.request({
      url: 'https://c.y.qq.com/base/fcgi-bin/fcg_music_express_mobile3.fcg?g_tk=5381&inCharset=utf-8&outCharset=utf-8&notice=0&format=jsonp&hostUin=0&loginUin=0&platform=yqq&needNewCode=0&cid=205361747&uin=0&filename=C400${songmidid}.m4a&guid=3913883408&songmid=${songmidid}&callback=callback',
      data: {
        g_tk: 5381,
        inCharset: 'utf-8',
        outCharset: 'utf-8',
        notice:0,
        format:'jsonp',
        hostUin:0,
        loginUin:0,
        platform:'yqq',
        needNewCode:0,
        cid:205361747,
        uin:0,
        filename:'C400${songmidid}.m4a',
        guid:3913883408,
        songmid:songmidid,
        callback:'callback',
      },
      success: function(res) {
        var res1 = res.data.replace("callback(","")
        var res2 = JSON.parse(res1.substring(0,res1.length - 1))
        const playurl = 'http://dl.stream.qqmusic.qq.com/${res2.data.items[0].filename}?vkey=${res2.data.items[0].vkey}&guid=3913883408&uin=0&fromtag=66'
        _this._getBackPlayfileName().then((nowPlay) => {
          if(!(res2.data.items[0].filename === nowPlay.ret)){
            _this._createAudio(playUrl)
          }
        }).catch((err) => {
          _this._createAudio(playUrl)
        })
      }
    })
  },


  // 创建播放器
  createAudio: function(playUrl) {
    wx.playBackgroundAudio({
      dataUrl: 'playUrl',
      title:this.data.currentSong.name,
      coverImgUrl: this.data.currentSong.image
    })
    // 监听音乐播放
    wx.onBackgroundAudioPlay(() => {
      this.setData({
        playIcon:'icon-pause',
        cdCls:'play'
      })
    })
    //  监听音乐暂停
    wx.onBackgroundAudioPause(() => {
      this.setData({
        playIcon:'icon-play',
        cdCls:'pause'
      })
    })
    // 监听音乐停止
    wx.onBackgroundAudioStop(() => {
      app.currentIndex++
      this._init()
    })
    // 监听播放拿取播放进度
    const manage = wx.getBackgroundAudioManager()
    manage.onTimeUpdate(() => {
      this.setData({
        currentTime: this._formaTime(manage.currentTime),
        percent:manage.currentTime / this.data.currentSong.duration
      })
    })
  },


  // 获取歌词
  _getLyric: function(currentSong) {
    const _this = this
    this._getBackPlayfileName().then((res) => {
      const nowMid = res.ret.split('.')[0].replace('C400','')
      if(!(nowMid === currentSong.mid)){
        if(this.data.currentLyric) {
          this.data.currentLyric.stop && this.data.currentLyric.stop()
        }
        _this._getLyricAction(currentSong)
      }
    }).catch(() => {
      _this._getLyricAction(currentSong)
    })
  },


  // 获取处理歌词
  _getLyricAction: function (currentSong) {
    console.log('获取歌词')
    song._getLyric(currentSong.musicId).then((res) => {
      if(res.data.showapi_res_body.ret_code == 0) {
        const lyric = this._normalizeLyric(res.data.showapi_res_body.lyric)
        const currentLyric = new Lyric(lyric,this.handleLyric)
        this.setData({
          currentLyric:currentLyric
        })
        this.data.currentLyric.play()
      }else {
        console.log('无歌词')
        this.setData({
          currentLyric: {
            lines: [{txt: '暂无歌词'}]
          },
          currentText: ''
        })
      }
    })
  },


  //  去掉歌词中的转义字符
  _normalizeLyric: function (lyric) {
    return lyric.replace(/:/g, ':').replace(/
/g, '\n').replace(/./g, '.').replace(/ /g, '').replace(/-/g, '-').replace(/(/g, '(').replace(/)/g, ')')
  },


  // 歌词滚动回调函数
  handleLyric: function({lineNum,txt}) {
    console.log(lineNum)
    this.setData({
      currentLineNum:lineNum,
      currentText: txt
    })
    if (lineNum > 5) {
      this.setData({
        toLineNum:lineNum - 5
      })
    }
  },
  _formaTime: function (interval) {
    interval = interval | 0
    const minute = interval / 60 | 0
    const second = this._pad(interval % 60)
    return '${minute} : ${second}'
  },
  /*秒前边加0 */
  _pad(num, n = 2) {
    let len = num.toString().length
    while (len < n) {
      num = '0' + num
      len++
    }
    return num
  },


  prev: function() {
    if ((app.currentIndex - 1) < 0) {
      app.currentIndex = this.data.songslist.length - 1
      this._init()
      return
    }
    app.currentIndex && app.currentIndex--
    this._init()
  },
  next: function() {
    if((app.currentIndex + 1) == this.data.songslist.length) {
      app.currentIndex = 0
      this._init()
      return
    }
    app.currentIndex++
    this._init()
  },
  togglePlaying:function() {
    wx.getBackgroundAudioPlayerState({
     success: function(res) {
       var status = res.status
       if (status == 1) {
         wx.pauseBackgroundAudio()
       } else {
         wx.playBackgroundAudio()
       }
     }
    })
    let timer = setInterval(() => {
      if(this.data.currentLyric) {
        this.data.currentLyric.togglePlay()
        clearInterval(timer)
      }
    },20)
  },
  openList: function() {
    if(!this.data.songslist.length) {
      return
    }
    this.setData({
      translateCls : 'uptranslate'
    })
  },
  close: function() {
    this.setData({
      translateCls: 'downtranslate'
    })
  },
  end: function() {
    console.log(2)
  },
  playthis: function(e) {
    const index = e.currentTarget.dataset.index
    app.currentIndex = index
    this._init()
    this.close()
  },
  changeDot: function(e) {
    this.setData({
      currentDot: e.detail.current
    })
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  },
})