使用流式录制音频 - MediaStreamRecorder + Node.js

Question

我正在从事需要在服务器上捕获用户音频及其操作的项目。为了加快预览过程并在录制结束时跳过冗长的上传，我们正在通过 Socket.io 测试流式传输。虽然我们确实让它工作，但缺少一些东西，文件播放但最后报告“内部数据流错误”，无论是 ogg 还是 wav 格式。 客户端代码：

var mediaRecorder,mystream;
var last = false;
var socket = io('http://localhost:3000');
var mediaConstraints = {
audio: true
};

function onMediaSuccess(stream) {
mystream=stream;
mediaRecorder = new MediaStreamRecorder(stream);
mediaRecorder.mimeType = 'audio/ogg';
mediaRecorder.audioChannels = 1;
mediaRecorder.ondataavailable = function (blob) {
    socket.emit('stream', {'user':1,'last':last,'data':blob});
};

mediaRecorder.onstop = function() {
    last= true;
 };

mediaRecorder.start(3000);
}

function onMediaError(e) {
   console.error('media error', e);
}

socket.on('finished', function(msg){
   console.log(msg);
   mystream.stop();
});
$(function() {

$('#start').click(function(e){
 e.preventDefault();
   navigator.getUserMedia(mediaConstraints, onMediaSuccess,     onMediaError);
});

$('#stop').click(function(e){
    e.preventDefault();
    mediaRecorder.stop();
});
});

服务器端代码（Node.js）：

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);
var fs = require('fs');

io.on('connection', function(socket){
   console.log('a user connected');
   var tmp_path = 'test.ogg';
   var wstream = fs.createWriteStream(tmp_path);
   //CONNECTION TERMINATED
  socket.on('disconnect', function(){
    console.log('user disconnected');
    if(wstream){
      wstream.end();
      fs.unlink(tmp_path);
    }
  });

 //RECIEVE DATA
 socket.on('stream', function(msg){
    if(msg.last === true){
       console.log('recording done');
       wstream.write(msg.data);
       wstream.end();
       var responseObject = {
       temp_path: tmp_path
       }
       socket.emit('finished',responseObject);
    }
    else{
      wstream.write(msg.data);
      console.log('message: ' + msg);
   }

   });
 });

 http.listen(3000, function(){
   console.log('listening on *:3000');
 });

我对 Node 有点陌生，我猜我只是看不明显。

Answer 1

我看到的一个明显错误是：

mediaRecorder.ondataavailable = function (blob) {
    socket.emit('stream', {'user':1,'last':last,'data':blob});
};

方法ondataavailable的参数是event对象（不是您指定的blob），要检索blob，您可以使用event.data。

除此之外，我不确定当多个用户同时录制时您的实现是否可扩展。

我为此做了一个小git项目，你可以看看：fox-ogg-recorder

注意：我希望你已经知道，目前只有 Firefox 支持这种录制。