微信小程序audio使用

微信小程序中的audio标签用于播放音频文件，它支持本地和网络音频资源。以下是使用audio标签的一些基本步骤：

1. 引入到页面：在.wxml文件中添加`<audio>`元素，例如：

<audio id="myAudio" src="{{ audioUrl }}"></audio>

这里`src`属性需要填写音频文件的URL，可以是本地路径(`file:///`)或者网络地址。

2. 播放控制：通过JavaScript来控制音频播放，如暂停、播放、停止等：

Page({
  data: {
    audioUrl: 'path/to/audio.mp3',
  },
  playAudio() {
    var audio = wx.createSelectorQuery().select('#myAudio').get();
    if (audio) {
      audio.play();
    }
  },
  pauseAudio() {
    // ... 相应地设置pause方法
  },
})

3. 自动播放和循环播放：

audio.play({ autoPlay: true, loop: true });

4. 音量控制：

audio.volume = 0.5; // 设置音量范围为0-1

// 可以监听音量变化事件：
audio.addEventListener('volumechange', function(e) {
  console.log('当前音量:', e.detail);
});

5. 结束回调：

audio.onReady(function() {
  audio.play();
}).complete(function() {
  // 音频播放完毕
});