技術標籤：微信小程式

問題：最近需要用到微信小程式的懸浮後臺播放功能，怎麼去實現？

解決：

1.啟用後臺播放配置

app.json檔案新增配置：

"requiredBackgroundModes" : ["audio"],

配置圖片：

2.新增呼叫程式碼

• 注意：getBackgroundAudioManager() 目前只能夠播放網路音訊連結！不可以播放本地檔案、還有工程內的音訊檔案!
• 想要實現工程內的音訊檔案後臺播放，目前小程式是不支援的，畢竟它就是一個小程式而已，沒有App那麼強大的功能。不知道後續是否可以支援。
• 測試音訊連結，可以去網友的網站，獲取音樂平臺的音訊直鏈：
  https://music.liuzhijin.cn/

  clkme:function(){
    const backgroundAudioManager = wx.getBackgroundAudioManager()
    backgroundAudioManager.title = '摺子戲';
    backgroundAudioManager.epname = '摺子戲';
    backgroundAudioManager.singer = '許巍';
    backgroundAudioManager.coverImgUrl = '';
    // 設定了 src 之後會自動播放
    backgroundAudioManager.src = 'http://music.163.com/song/media/outer/url?id=97325.mp3';
    backgroundAudioManager.play();
    //播放開始觸發onEnded方法
    backgroundAudioManager.onPlay(() => {
          console.log("音樂播放開始");
    })
    //播放結束觸發onEnded方法
    backgroundAudioManager.onEnded(() => {
          console.log("音樂播放結束");
    })
    backgroundAudioManager.onError(() => {
        console.log("音樂播放錯誤");
    })
  },