WebAssemblyRecorder(mediaStream, config)

new WebAssemblyRecorder(mediaStream, config)

Video recording feature in Chrome, Firefox and maybe Edge.

WebAssemblyRecorder lets you create webm videos in JavaScript via WebAssembly. The library consumes raw RGBA32 buffers (4 bytes per pixel) and turns them into a webm video with the given framerate and quality. This makes it compatible out-of-the-box with ImageData from a CANVAS. With realtime mode you can also use webm-wasm for streaming webm videos.

Parameters:
Name Type Description
mediaStream MediaStream

MediaStream object fetched using getUserMedia API or generated using captureStreamUntilEnded or WebAudio API.

config object

{webAssemblyPath:'webm-wasm.wasm',workerPath: 'webm-worker.js', frameRate: 30, width: 1920, height: 1080}

Author:
License:
Source:
See:
Example
var recorder = new WebAssemblyRecorder(mediaStream);
recorder.record();
recorder.stop(function(blob) {
    video.src = URL.createObjectURL(blob);
});

Members

(static) this.blob

Properties:
Name Type Description
blob Blob

The recorded blob object.

Source:
Example
recorder.stop(function(){
    var blob = recorder.blob;
});

Methods

(static) this.pause()

This method pauses the recording process.

This method pauses the recording process.

Source:
Example
recorder.pause();

(static) this.record()

This method records video.

This method records video.

Source:
Example
recorder.record();

(static) this.resume()

This method resumes the recording process.

This method resumes the recording process.

Source:
Example
recorder.resume();

(static) this.stop(callback)

This method stops recording video.

This method stops recording video.

Parameters:
Name Type Description
callback function

Callback function, that is used to pass recorded blob back to the callee.

Source:
Example
recorder.stop(function(blob) {
    video.src = URL.createObjectURL(blob);
});