javascript - 使用流媒体录制音频 - 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 支持这种录制。