微信小程序实现播放音乐

要实现微信小程序播放音乐，可以使用wx.createInnerAudioContext()方法创建一个内部音频上下文对象，然后调用该对象的play()方法播放音乐。

以下是一个简单的示例代码：

在wxml文件中添加一个按钮，点击按钮播放音乐：

<button bindtap="playMusic">播放音乐</button>

在js文件中定义playMusic方法，创建内部音频上下文对象并播放音乐：

Page({
  playMusic: function() {
    const innerAudioContext = wx.createInnerAudioContext()
    innerAudioContext.autoplay = true
    innerAudioContext.src = 'http://example.com/music.mp3'
  }
})

其中，autoplay属性设置为true表示自动播放音乐，src属性设置为音乐文件的URL。

注意：在微信小程序中，音频文件必须是HTTPS协议的，否则无法播放。

除了播放音乐，还可以通过内部音频上下文对象实现音乐的控制，例如暂停、停止、获取音频状态等操作。以下是一些常用的方法：

暂停音乐：

innerAudioContext.pause()

停止音乐：

innerAudioContext.stop()

获取音频状态：

innerAudioContext.onPlay(() => {
  console.log('开始播放')
})

innerAudioContext.onPause(() => {
  console.log('暂停播放')
})

innerAudioContext.onStop(() => {
  console.log('停止播放')
})

innerAudioContext.onEnded(() => {
  console.log('播放结束')
})

设置音量：

innerAudioContext.volume = 0.5 // 设置音量为50%

设置循环播放：

innerAudioContext.loop = true // 设置循环播放

获取音频时长和当前播放位置：

innerAudioContext.duration // 获取音频时长，单位为秒
innerAudioContext.currentTime // 获取当前播放位置，单位为秒

以上是一些常用的方法，可以根据实际需求进行调用。需要注意的是，内部音频上下文对象只能同时播放一个音频，如果需要同时播放多个音频，需要创建多个内部音频上下文对象。