record video and audio together on the web using getUserMedia
JavaScript
Latest commit 2b7f92f Mar 22, 2014 @zhuochun zhuochun accept canvas as input
Permalink
Failed to load latest commit information.
dist accept canvas as input Mar 22, 2014
src accept canvas as input Mar 22, 2014
.gitattributes init commit Jul 20, 2013
.gitignore add dist file Jul 27, 2013
README.markdown update README Feb 2, 2014
gruntfile.js accept canvas as input Mar 22, 2014
package.json update to version 0.0.4 Sep 20, 2013

README.markdown

RecordRTC-together

Record video and audio together or individually on the web using getUserMedia.

Online Demo (Only works on Google Chrome)

It creates two files individually for video (webm at 10 fps) and audio (wav).

This is used in MIST project to allow users record video and audio together using their webcams on Web.

Quick Start

Include dist\RecordRTC-together.min.js in your web page.

    var constraints = { video: true, audio: true },
        recorder = new RecordRTC({
            enable: constraints,
            videoElem: document.getElementById("client-video")
        });

    // get and set user media
    recorder.getMedia(recorder.setMedia, function() {
        console.log("get user media failed!");
    });

    recorder.onVideoReady(function(blob) {
        // video blob in `webm`
    });

    recorder.onAudioReady(function(blob) {
        // audio blob in `wav`
    });

    recorder.start();

    recorder.stop();

Code for the demo please refer to src\index.html and src\js\main.js.

To merge video and audio, you can do it with ffmpeg on server:

$ ffmpeg -i video.webm -i audio.wav merged.mp4

Issues

RecordRTC-together is only tested in Google Chrome.

Use Issue page.

Credits

By Wang Zhuochun.

This is based on works from:

License

RecordRTC-together is released under MIT Licence.