使用recorder.js上传wav文件到我的服务器

使用recorder.js上传wav文件到服务器的步骤如下：

首先，确保你已经引入了recorder.js库。你可以在官方网站（https://github.com/mattdiamond/Recorderjs）上找到该库的下载和使用方式。
创建一个HTML页面，包含一个文件选择器和一个上传按钮，用于选择和上传wav文件。例如：

<input type="file" id="fileInput">
<button onclick="uploadWav()">上传</button>

在JavaScript中，编写上传函数uploadWav()。首先，获取选择的文件：

function uploadWav() {
  var fileInput = document.getElementById('fileInput');
  var file = fileInput.files[0];
}

使用recorder.js录制wav文件。创建一个新的Recorder对象，并使用getUserMedia()方法获取用户的音频流。然后，开始录制音频并在录制完成后执行回调函数：

function uploadWav() {
  var fileInput = document.getElementById('fileInput');
  var file = fileInput.files[0];

  var recorder = new Recorder();
  navigator.mediaDevices.getUserMedia({ audio: true })
    .then(function(stream) {
      recorder.init(stream);
      recorder.start();
    })
    .catch(function(err) {
      console.error('无法访问麦克风：', err);
    });

  recorder.onStop(function(blob) {
    // 在录制完成后执行的操作
  });

  // 停止录制
  setTimeout(function() {
    recorder.stop();
  }, 5000); // 录制5秒钟
}

在录制完成后，将录制的音频文件上传到服务器。你可以使用XMLHttpRequest或fetch API发送POST请求，并将录制的音频文件作为FormData附加到请求中：

function uploadWav() {
  // ...

  recorder.onStop(function(blob) {
    var formData = new FormData();
    formData.append('audio', blob, 'recording.wav');

    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/upload', true);
    xhr.onload = function() {
      if (xhr.status === 200) {
        console.log('上传成功');
      } else {
        console.error('上传失败：', xhr.statusText);
      }
    };
    xhr.onerror = function() {
      console.error('网络错误');
    };
    xhr.send(formData);
  });

  // ...
}