/MediaRecorder-examples

MediaRecorder examples

Primary LanguageJavaScriptMozilla Public License 2.0MPL-2.0

MediaRecorder

This is a collection of MediaRecorder examples.

You can take a look at the examples online.

Requirements

Hardware requirements

  • A working webcam
  • Speakers or audio output

Software requirements

  • 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!

How to run the examples

Just download this repository and open index.html in your browser (see requirements above). It can't be easier!