录制音频与流媒体- MediaStreamRecorder + Node.js
Recording audio with streaming - MediaStreamRecorder + Node.js
我正在做一个需要在服务器上捕获用户音频及其操作的项目。为了加快预览过程并在录制结束时跳过冗长的上传,我们正在通过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的新手,我猜我只是看得不明显。
我看到一个明显的错误是:
mediaRecorder.ondataavailable = function (blob) {
socket.emit('stream', {'user':1,'last':last,'data':blob});
};
ondataavailable方法的参数是event
对象(不是您指定的blob),要检索blob,您可以执行event.data
。
除此之外,我不确定当多个用户同时记录时,您的实现是否可扩展。
我为此做了一个小的git项目,你可以看看:fox-ogg-recorder
注意:我希望你已经知道,现在,只有Firefox支持这种记录。
相关文章:
- 没有找到相关文章