npm install recordrtc-nodejs
// to run it!
node ./node_modules/recordrtc-nodejs/index.js
=
In the node.js command prompt window; type node index; then open http://localhost:8000/.
=
There are some other NPM packages regarding RecordRTC:
=
Make sure that directory names MUST NOT have spaces; e.g.
// invalid directory
C:\Hello Sir\Another\RecordRTC
// valid
C:\Hello-Sir\Another\RecordRTC
// invalid directory
C:\First\Second Dir\Third\RecordRTC
// valid
C:\\First\Second-Dir\Third\RecordRTC
This experiment:
- Records audio/video separately as wav/webm
- POST both files in single HttpPost-Request to Node.js (FormData)
- Node.js code saves both files into disk
- Node.js code invokes ffmpeg to merge wav/webm in single "webm" file
- The merged webm file's URL is returned using same HTTP-callback for playback!
=
merger.bat file is executed to invoke ffmpeg functionalities on windows:
@echo off
"C:\ffmpeg\bin\ffmpeg.exe" -i %1 -itsoffset -00:00:01 -i %2 %3
It is assumed that you already have installed ffmpeg on your system. Though, EXE file is hard-coded to "C:\ffmpeg\bin\ffmpeg.exe" however you can easily edit it according to your own installations.
=
merger.sh file is executed to invoke ffmpeg functionalities on Mac/Linux/etc.
ffmpeg -i audio-file.wav -itsoffset -00:00:01 -i video-file.webm -map 0:0 -map 1:0 output-file-name.webm
Using Linux; ffmpeg installation is super-easy! You can install DEVEL packages as well.
=
- Download ffmpeg and extract ZIP file
- Rename extracted directory to "ffmpeg"
- Right click over "My Computer" icon and select "Properties" context-menu option
- Select "Advance system settings" from top-left section
- Click "Environment Variables..." button from "Advanced" tab
- Click "New..." button and in the "Variable name" box, enter "Path".
- In the "Variable value" box, enter extracted directory full URI e.g. "C:\ffmpeg"
- Click "OK" and done!
http://www.wikihow.com/Install-FFmpeg-on-Windows
=
Make sure you have homebrew installed. Then run following command:
brew install ffmpeg --with-libvpx --with-theora --whit-libogg --with-libvorbis
=
<!--
// Muaz Khan - www.MuazKhan.com
// MIT License - www.WebRTC-Experiment.com/licence
// Experiments - github.com/muaz-khan/WebRTC-Experiment
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>RecordRTC over Node.js</title>
<script>
if (location.href.indexOf('file:') == 0) {
document.write('<h1 style="color:red;">Please load this HTML file on HTTP or HTTPS.</h1>');
}
</script>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="author" type="text/html" href="https://plus.google.com/+MuazKhan">
<meta name="author" content="Muaz Khan">
<script src="https://www.webrtc-experiment.com/RecordRTC.js"> </script>
<style>
html { background-color: #f7f7f7; }
body {
background-color: white;
border: 1px solid rgb(15, 158, 238);
margin: 1% 35%;
text-align: center;
}
hr {
border: 0;
border-top: 1px solid rgb(15, 158, 238);
}
a {
color: #2844FA;
text-decoration: none;
}
a:hover, a:focus { color: #1B29A4; }
a:active { color: #000; }
</style>
</head>
<body>
<p>
<video id="camera-preview" controls style="border: 1px solid rgb(15, 158, 238); width: 94%;"></video>
</p><hr />
<div>
<button id="start-recording">Start Recording</button>
<button id="stop-recording" disabled="">Stop Recording</button>
</div>
<script>
var startRecording = document.getElementById('start-recording');
var stopRecording = document.getElementById('stop-recording');
var cameraPreview = document.getElementById('camera-preview');
var audio = document.querySelector('audio');
var isFirefox = !!navigator.mozGetUserMedia;
var recordAudio, recordVideo;
startRecording.onclick = function() {
startRecording.disabled = true;
navigator.getUserMedia({
audio: true,
video: true
}, function(stream) {
cameraPreview.src = window.URL.createObjectURL(stream);
cameraPreview.play();
recordAudio = RecordRTC(stream, {
bufferSize: 16384
});
if (!isFirefox) {
recordVideo = RecordRTC(stream, {
type: 'video'
});
}
recordAudio.startRecording();
if (!isFirefox) {
recordVideo.startRecording();
}
stopRecording.disabled = false;
}, function(error) {
alert(JSON.stringify(error));
});
};
stopRecording.onclick = function() {
startRecording.disabled = false;
stopRecording.disabled = true;
recordAudio.stopRecording(function() {
if (isFirefox) onStopRecording();
});
if (!isFirefox) {
recordVideo.stopRecording();
onStopRecording();
}
function onStopRecording() {
recordAudio.getDataURL(function(audioDataURL) {
if (!isFirefox) {
recordVideo.getDataURL(function(videoDataURL) {
postFiles(audioDataURL, videoDataURL);
});
} else postFiles(audioDataURL);
});
}
};
var fileName;
function postFiles(audioDataURL, videoDataURL) {
fileName = getRandomString();
var files = { };
files.audio = {
name: fileName + (isFirefox ? '.webm' : '.wav'),
type: isFirefox ? 'video/webm' : 'audio/wav',
contents: audioDataURL
};
if (!isFirefox) {
files.video = {
name: fileName + '.webm',
type: 'video/webm',
contents: videoDataURL
};
}
files.isFirefox = isFirefox;
cameraPreview.src = '';
cameraPreview.poster = '/ajax-loader.gif';
xhr('/upload', JSON.stringify(files), function(_fileName) {
var href = location.href.substr(0, location.href.lastIndexOf('/') + 1);
cameraPreview.src = href + 'uploads/' + _fileName;
cameraPreview.play();
var h2 = document.createElement('h2');
h2.innerHTML = '<a href="' + cameraPreview.src + '">' + cameraPreview.src + '</a>';
document.body.appendChild(h2);
});
}
function xhr(url, data, callback) {
var request = new XMLHttpRequest();
request.onreadystatechange = function() {
if (request.readyState == 4 && request.status == 200) {
callback(request.responseText);
}
};
request.open('POST', url);
request.send(data);
}
window.onbeforeunload = function() {
startRecording.disabled = false;
};
function getRandomString() {
if (window.crypto) {
var a = window.crypto.getRandomValues(new Uint32Array(3)),
token = '';
for (var i = 0, l = a.length; i < l; i++) token += a[i].toString(36);
return token;
} else {
return (Math.random() * new Date().getTime()).toString(36).replace( /\./g , '');
}
}
</script>
</body>
</html>=
var config = require('./config'),
fs = require('fs'),
sys = require('sys'),
exec = require('child_process').exec;
function home(response) {
response.writeHead(200, {
'Content-Type': 'text/html'
});
response.end(fs.readFileSync('./static/index.html'));
}
// this function uploads files
function upload(response, postData) {
var files = JSON.parse(postData);
// writing audio file to disk
_upload(response, files.audio);
if (files.isFirefox) {
response.statusCode = 200;
response.writeHead(200, { 'Content-Type': 'application/json' });
response.end(files.audio.name);
}
if (!files.isFirefox) {
// writing video file to disk
_upload(response, files.video);
merge(response, files);
}
}
// this function merges wav/webm files
function merge(response, files) {
// detect the current operating system
var isWin = !!process.platform.match( /^win/ );
if (isWin) {
ifWin(response, files);
} else {
ifMac(response, files);
}
}
function _upload(response, file) {
var fileRootName = file.name.split('.').shift(),
fileExtension = file.name.split('.').pop(),
filePathBase = config.upload_dir + '/',
fileRootNameWithBase = filePathBase + fileRootName,
filePath = fileRootNameWithBase + '.' + fileExtension,
fileID = 2,
fileBuffer;
while (fs.existsSync(filePath)) {
filePath = fileRootNameWithBase + '(' + fileID + ').' + fileExtension;
fileID += 1;
}
file.contents = file.contents.split(',').pop();
fileBuffer = new Buffer(file.contents, "base64");
fs.writeFileSync(filePath, fileBuffer);
}
function serveStatic(response, pathname) {
var extension = pathname.split('.').pop(),
extensionTypes = {
'js': 'application/javascript',
'webm': 'video/webm',
'gif': 'image/gif'
};
response.writeHead(200, {
'Content-Type': extensionTypes[extension]
});
if (extensionTypes[extension] == 'video/webm')
response.end(fs.readFileSync('.' + pathname));
else
response.end(fs.readFileSync('./static' + pathname));
}
function ifWin(response, files) {
// following command tries to merge wav/webm files using ffmpeg
var merger = __dirname + '\\merger.bat';
var audioFile = __dirname + '\\uploads\\' + files.audio.name;
var videoFile = __dirname + '\\uploads\\' + files.video.name;
var mergedFile = __dirname + '\\uploads\\' + files.audio.name.split('.')[0] + '-merged.webm';
// if a "directory" has space in its name; below command will fail
// e.g. "c:\\dir name\\uploads" will fail.
// it must be like this: "c:\\dir-name\\uploads"
var command = merger + ', ' + audioFile + " " + videoFile + " " + mergedFile + '';
exec(command, function (error, stdout, stderr) {
if (error) {
console.log(error.stack);
console.log('Error code: ' + error.code);
console.log('Signal received: ' + error.signal);
} else {
response.statusCode = 200;
response.writeHead(200, {
'Content-Type': 'application/json'
});
response.end(files.audio.name.split('.')[0] + '-merged.webm');
fs.unlink(audioFile);
fs.unlink(videoFile);
}
});
}
function ifMac(response, files) {
// its probably *nix, assume ffmpeg is available
var audioFile = __dirname + '/uploads/' + files.audio.name;
var videoFile = __dirname + '/uploads/' + files.video.name;
var mergedFile = __dirname + '/uploads/' + files.audio.name.split('.')[0] + '-merged.webm';
var util = require('util'),
exec = require('child_process').exec;
//child_process = require('child_process');
var command = "ffmpeg -i " + audioFile + " -itsoffset -00:00:01 -i " + videoFile + " -map 0:0 -map 1:0 " + mergedFile;
exec(command, function (error, stdout, stderr) {
if (stdout) console.log(stdout);
if (stderr) console.log(stderr);
if (error) {
console.log('exec error: ' + error);
response.statusCode = 404;
response.end();
} else {
response.statusCode = 200;
response.writeHead(200, {
'Content-Type': 'application/json'
});
response.end(files.audio.name.split('.')[0] + '-merged.webm');
// removing audio/video files
fs.unlink(audioFile);
fs.unlink(videoFile);
}
});
}
exports.home = home;
exports.upload = upload;
exports.serveStatic = serveStatic;=
- RecordRTC to Node.js
- RecordRTC to PHP
- RecordRTC to ASP.NET MVC
- RecordRTC & HTML-2-Canvas i.e. Canvas/HTML Recording!
- MRecordRTC i.e. Multi-RecordRTC!
- RecordRTC on Ruby!
- RecordRTC over Socket.io
=
RecordRTC-to-Nodejs is released under MIT licence . Copyright (c) Muaz Khan.