This is a collection of MediaRecorder examples.
You can take a look at the examples online.
- A working webcam
- Speakers or audio output
- Firefox 45. This is a Firefox technical demo. So it might not work on your browser, if it doesn't implement what we're demoing. At the time of writing (January 2016), you need to download either Firefox Developer Edition or Firefox Nightly.
- Support for
canvas.captureStream(this lets us get a video stream out of a canvas tag) - Support for
MediaRecorder(this lets us encode a video file natively in the browser, without using additional JS libraries)
Note: MediaRecorder is an upcoming API part of the W3C MediaCapture standard. canvas.captureStream is based on another part of the same W3C standard. There's nothing proprietary or exclusive to Firefox here, other than the fact that other browsers do not implement these features yet. Once they do, these examples will work in them too!
Just download this repository and open index.html in your browser (see requirements above). It can't be easier!