MediaStream转成String传到后端

将MediaStream转换成字符串并将其传递到后端需要进行以下步骤：

1. 将MediaStream转换成Blob对象，可以使用MediaRecorder API将流录制到Blob中。

2. 将Blob对象转换成Data URL，可以使用URL.createObjectURL方法将Blob对象转换为Data URL。

3. 将Data URL转换成字符串，可以使用atob方法将Data URL的base64编码解码为字符串。

4. 将字符串发送到后端，可以使用XMLHttpRequest或fetch API发送HTTP请求到后端。

以下是一个示例代码，演示如何将MediaStream转换为字符串并将其发送到后端：

// 获取MediaStream对象
navigator.mediaDevices.getUserMedia({ audio: true, video: true })
  .then(function(stream) {
    // 将流录制到Blob中
    var recorder = new MediaRecorder(stream);
    var chunks = [];
    recorder.ondataavailable = function(event) {
      chunks.push(event.data);
    };
    recorder.onstop = function() {
      // 将Blob对象转换为Data URL
      var blob = new Blob(chunks, { type: 'video/webm' });
      var url = URL.createObjectURL(blob);

      // 将Data URL转换为字符串
      var reader = new FileReader();
      reader.onload = function() {
        var dataUrl = reader.result;
        var dataString = atob(dataUrl.split(',')[1]);

        // 发送字符串到后端
        fetch('/api/media', {
          method: 'POST',
          body: dataString
        })
        .then(function(response) {
          console.log('Media stream sent to server!');
        })
        .catch(function(error) {
          console.error(error);
        });
      };
      reader.readAsDataURL(blob);
    };

    // 开始录制
    recorder.start();

    // 录制5秒后停止
    setTimeout(function() {
      recorder.stop();
    }, 5000);
  })
  .catch(function(error) {
    console.error(error);
  });

在这个示例中，我们使用getUserMedia API获取了MediaStream对象，并使用MediaRecorder API将流录制到Blob中。然后，我们使用URL.createObjectURL方法将Blob对象转换为Data URL，再使用atob方法将Data URL的base64编码解码为字符串。最后，我们使用fetch API将字符串发送到后端。