Question

我正在处理需要在服务器上捕获用户音频及其操作的项目。为了加快预览过程并在录制结束时跳过长时间上传，我们正在测试流式传输Socket.io。虽然我们确实让它工作，但缺少某些东西，文件播放但是报告＆＃34;内部数据流错误＆＃34;最后，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支持此类录制。

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

1 个答案: