MRecordRTC: WebRTC audio+video recording ® Muaz Khan

RecordRTC Sources Codes / Wiki Pages

1. RecordRTC Main Demo (Records screen/video/audio in all browsers!)
2. Canvas Recording! (Web-Page Recording)
3. MRecordRTC and writeToDisk/getFromDisk!
4. Audio+Video Recording on Firefox
5. RecordRTC / PHP / FFmpeg (Syncing/Merging audio/video in single file!)
6. RecordRTC-to-Nodejs (used ffmpeg to merge wav/webm in single WebM container)
7. RecordRTC-to-PHP (audio/video recording and uploading to server)
8. RecordRTC-to-ASP.NET MVC (audio/video recording and uploading to server)
9. RecordRTC-to-Socket.io (used ffmpeg to merge wav/webm in single WebM container)
10. RecordRTC and ffmpeg-asm.js (ffmpeg inside the browser!)

Using MRecordRTC...

You can record audio in wav/ogg file format; and video in either webm format or as animated GIF image.

How to use MRecordRTC?

<script src="https://cdn.webrtc-experiment.com/RecordRTC.js"></script>

var recorder = new MRecordRTC();
recorder.addStream(MediaStream);
recorder.mediaType = {
   audio: true,
   video: true,
   gif: true
};
// mimeType is optional and should be set only in advance cases.
recorder.mimeType = {
    audio: 'audio/wav',
    video: 'video/webm',
    gif:   'image/gif'
};
recorder.startRecording();
recorder.stopRecording(function(url, type) {
    document.querySelector(type).src = url;
});

recorder.getBlob(function(blobs) {
   blobs.audio --- audio blob
   blobs.video --- video blob
   blobs.gif   --- gif blob
});
// or
var blobs = recorder.getBlob();
var audioBlob = blobs.audio;
var videoBlob = blobs.video;
var gifBlob = blobs.gif;

// invoke save-as dialog
// for all recorded blobs
recorder.save();

recorder.writeToDisk();

// get all blobs from disk
MRecordRTC.getFromDisk('all', function(dataURL, type) {
   type == 'audio'
   type == 'video'
   type == 'gif'
});

// or get just single blob
MRecordRTC.getFromDisk('audio', function(dataURL) {
   // only audio blob is returned from disk!
});

MRecordRTC is MIT licensed on Github! Documentation

Feedback