年前寫的(de)demo,年假(jia)家里沒有(you)網,就放下了(le)..回來這幾(ji)天抓緊(jin)時間完善了(le)下.分享(xiang)給(gei)大(da)(da)家哦,(歌詞動態展示待優(you)化),還有(you)電臺(tai)那里的(de)接口(kou)暫時沒有(you)找(zhao)到(dao).找(zhao)到(dao)后我再添加上去,新(xin)的(de)一年,大(da)(da)家一起努力哦!,新(xin)年第一帖主要功能:

歌曲暫停播放 
上一首 
下一首 
當前歌曲播放完成后自動播放下一首 
歌詞(ci)動(dong)態展(zhan)示

效果圖:

關鍵代碼

暫(zan)停/播放

1. playAndPause: function () {
2.  
3. var that = this
4.  
5. if (that.data.isPlaying) {
6.  
7. wx.pauseBackgroundAudio()
8.  
9. } else {
10.  
11. wx.playBackgroundAudio()
12.  
13. }
14.  
15. that.playSong()
16.  
17. that.setData({
18.  
19. isPlaying: !that.data.isPlaying
20.  
21. })
22.  
23. },

上一(yi)首

1.  
2.  
3. before: function () {
4.  
5. var that = this
6.  
7. that.setData({
8.  
9. currentIndex: 0,
10.  
11. marginTop: 0,
12.  
13. lrcHeight:200,
14.  
15. })
16.  
17. if (that.data.songIndex == 0) {
18.  
19. that.requestDataSong(that.data.datalist[that.data.datalist.length - 1].song_id)
20.  
21. that.songLrc(that.data.datalist[that.data.datalist.length - 1].song_id)
22.  
23. that.setData({
24.  
25. songIndex: that.data.datalist.length - 1
26.  
27. })
28.  
29. } else {
30.  
31. that.requestDataSong(that.data.datalist[that.data.songIndex - 1].song_id)
32.  
33. that.songLrc(that.data.datalist[that.data.songIndex - 1].song_id)
34.  
35. that.setData({
36.  
37. songIndex: that.data.songIndex - 1
38.  
39. })
40.  
41. }
42.  
43. },

歌曲播(bo)放

1. playSong: function () {
2.  
3. var that = this
4.  
5. let inv = setInterval(function () {
6.  
7. wx.getBackgroundAudioPlayerState({
8.  
9. success: function (res) {
10.  
11. if (res.status == 1) {
12.  
13. that.setData({
14.  
15. isPlaying: true,
16.  
17. songState: {
18.  
19. progress: res.currentPosition / res.duration * 100,
20.  
21. currentPosition: that.timeToString(res.currentPosition),
22.  
23. duration: that.timeToString(res.duration),
24.  
25. }
26.  
27. })
28.  
29. var i = that.data.currentIndex
30.  
31. if (i < that.data.lry.length) {
32.  
33. if (res.currentPosition - 4 >= parseInt(that.data.lry[0])) {
34.  
35. that.setData({
36.  
37. currentIndex: i + 1
38.  
39. })
40.  
41. }
42.  
43. }
44.  
45. if (that.data.currentIndex >= 6) {
46.  
47. that.setData({
48.  
49. marginTop: -(that.data.currentIndex - 6) * 20,
50.  
51. lrcHeight:200 + (that.data.currentIndex - 6) * 20
52.  
53. })
54.  
55. }
56.  
57. } else {
58.  
59. that.setData({
60.  
61. isPlaying: false
62.  
63. })
64.  
65. clearInterval(inv)