html 录音传给后端二进制文件流

要将 HTML 中录音的二进制文件流传给后端，可以使用 JavaScript 的 XMLHttpRequest 对象来实现。

首先，使用 HTML5 的 getUserMedia API 获取录音的 MediaStream 对象，然后将其转换为 Blob 对象：

navigator.mediaDevices.getUserMedia({ audio: true })
  .then(function(stream) {
    // 创建 MediaRecorder 对象，录制音频
    var mediaRecorder = new MediaRecorder(stream);
    var chunks = [];
    mediaRecorder.ondataavailable = function(e) {
      chunks.push(e.data);
    }
    mediaRecorder.onstop = function(e) {
      var blob = new Blob(chunks, { 'type' : 'audio/ogg; codecs=opus' });
      // 将 Blob 对象传给后端
      sendBlobToServer(blob);
    }
    // 开始录音
    mediaRecorder.start();
    // 5秒后停止录音
    setTimeout(function() {
      mediaRecorder.stop();
    }, 5000);
  })
  .catch(function(err) {
    console.log('getUserMedia error: ' + err);
  });

接下来，使用 XMLHttpRequest 对象将 Blob 对象传给后端：

function sendBlobToServer(blob) {
  var xhr = new XMLHttpRequest();
  xhr.open('POST', '/upload', true);
  xhr.onload = function(e) {
    if (this.status == 200) {
      console.log('上传成功');
    }
  };
  var formData = new FormData();
  formData.append('file', blob);
  xhr.send(formData);
}

在后端接口中，可以使用类似以下的代码来接收二进制文件流：

app.post('/upload', function(req, res) {
  var file = req.files.file;
  var fileStream = fs.createReadStream(file.path);
  // 处理文件流
  ...
});

注意，上述代码中的 `/upload` 接口需要使用 multipart/form-data 编码来上传文件。如果需要上传其他类型的文件，可以更改 Blob 对象的 type 属性，或者在 FormData 中添加第三个参数，指定文件名和类型。