uniapp实现h5端发送语音

在uniApp中，要实现H5页面发送语音的功能，可以借助HTML5的WebRTC（Real-Time Communication）技术，特别是getUserMedia API来获取用户的麦克风权限，并通过Blob对象将录制的音频数据转化为文件。以下是简单的步骤：

1. **请求权限**：首先，需要在`uni-app.json`文件的`permission`配置中添加`audio`权限。

{
  "permission": {
    "scope.user": {
      "desc": "用于访问用户媒体",
      "permissions": ["audio"]
    }
  },
  ...
}

2. **获取录音设备**：

uni.getUserMedia({
  audio: true,
  success: function (stream) {
    // 使用stream创建录音轨道
    const mediaRecorder = new MediaRecorder(stream);
  },
  error: function (err) {
    console.error('Failed to get microphone: ', err);
  }
})

3. **开始/停止录音**：

mediaRecorder.start();
// 录音完成后
mediaRecorder.stop();

4. **将音频数据转换为blob或base64**：

mediaRecorder.ondataavailable = function(e) {
  const blob = e.data;
  // 或者转为base64
  const arrayBuffer = blob.arrayBuffer();
  const base64String = btoa(arrayBuffer);
};

5. **发送语音文件**：你可以使用ajax或者其他网络请求库（如axios），将blob或base64编码的音频数据发送到服务器。

const formData = new FormData();
formData.append('voice', blob, 'recording.wav'); // 或formData.append('voice', base64String);

uni.request({
  url: '/api/uploadVoice',
  method: 'POST',
  data: formData,
  header: {
    'Content-Type': 'multipart/form-data'
  },
  success: function(res) {
    console.log('上传成功');
  },
  fail: function() {
    console.error('上传失败');
  }
});