uniapp 小程序上传音频

以下是uniapp小程序上传音频的步骤：

1.在页面中引入getBackgroundAudioManager API，用于录制和播放音频。

2.在页面中添加录音和上传音频的按钮，并为其绑定事件。

3.在录音按钮的事件处理函数中，调用getBackgroundAudioManager的startRecord方法开始录音。

4.在上传音频按钮的事件处理函数中，调用uni.uploadFile方法上传录音文件。

5.在上传成功的回调函数中，获取服务器返回的音频文件地址，并将其保存到页面数据中。

6.在页面中添加音频播放器，并为其设置src属性为保存的音频文件地址。

以下是示例代码：

<!--index.vue-->
<template>
  <view class="container">
    <button @tap="startRecord">开始录音</button>
    <button @tap="uploadAudio">上传音频</button>
    <audio :src="audioSrc" controls></audio>
  </view>
</template>

<script>
export default {
  data() {
    return {
      audioSrc: '', // 音频文件地址
      recorderManager: null // 录音管理器
    }
  },
  onLoad() {
    // 初始化录音管理器
    this.recorderManager = uni.getRecorderManager()
    this.recorderManager.onStart(() => {
      console.log('录音开始')
    })
    this.recorderManager.onStop(res => {
      console.log('录音结束', res)
      this.audioSrc = res.tempFilePath
    })
  },
  methods: {
    startRecord() {
      // 开始录音
      this.recorderManager.start({
        format: 'mp3'
      })
    },
    uploadAudio() {
      // 上传音频
      uni.uploadFile({
        url: 'https://example.com/upload',
        filePath: this.audioSrc,
        name: 'file',
        success: res => {
          console.log('上传成功', res)
          this.audioSrc = res.data // 保存音频文件地址
        }
      })
    }
  }
}
</script>