如何从html5 getusermedia麦克风上传到远程文件夹保存的音频

Question

我有这个用html5创建的文件，我刚开始学习。 基本上当我从麦克风录音并停止录音时，我发现很难将输出的文件上传到服务器上的文件夹。

这是我正在测试的页面。

http://2click4.com/playground.php

Answer 1

您在示例页面的代码中使用Blob和createObjectURL。您创建了ObjectURL，因此您可以通过XMLHttpRequest将其发送到服务器：

var blob = new Blob ( [ view ], { type : 'audio/wav' } );
// let's save it locally
outputElement.innerHTML = 'Handing off the file now...';
var url = (window.URL || window.webkitURL).createObjectURL(blob);
var xhr = new XMLHttpRequest();
xhr.open('POST', 'link_to_server', true);
xhr.onload = function (e) {
    var result = e.target.result;
};
xhr.send(url);//url is Blob