Class: CanvasRecorder

© Muaz Khan . @WebRTCWeb . Github . Latest issues . What's New?

new CanvasRecorder(htmlElement, config)

HTML2Canvas recording into video WebM.

CanvasRecorder is a standalone class used by RecordRTC to bring HTML5-Canvas recording into video WebM. It uses HTML2Canvas library and runs top over Whammy.
Parameters:
Name Type Description
htmlElement HTMLElement querySelector/getElementById/getElementsByTagName[0]/etc.
config object {disableLogs:true, initCallback: function}
Author:
License:
Source:
See:
Example
var recorder = new CanvasRecorder(htmlElement, { disableLogs: true });
recorder.record();
recorder.stop(function(blob) {
    video.src = URL.createObjectURL(blob);
});

Methods

(static) this.clearRecordedData()

This method resets currently recorded data.
Source:
Example
recorder.clearRecordedData();

(static) this.pause()

This method pauses the recording process.
Source:
Example
recorder.pause();

(static) this.record()

This method records Canvas.
Source:
Example
recorder.record();

(static) this.resume()

This method resumes the recording process.
Source:
Example
recorder.resume();

(static) this.stop(callback)

This method stops recording Canvas.
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);
});

Help Improve Documentation

Enter your email too; if you want "direct" reply!