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="//cdn.webrtc-experiment.com/RecordRTC.js"></script>
            

                var recorder = new MRecordRTC(); recorder.addStream(MediaStream); recorder.mediaType = { audio: true, video: true, gif: true }; 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