CanvasRecorder(htmlElement, config)

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, useWhammyRecorder: 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.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.pause()

This method pauses the recording process.

Source:
Example
recorder.pause();

(static) this.record()

This method records Canvas.

Source:
Example
recorder.record();

(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.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);
});

(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);
});

CanvasRecorder(htmlElement, config)

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, useWhammyRecorder: 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.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.pause()

This method pauses the recording process.

Source:
Example
recorder.pause();

(static) this.record()

This method records Canvas.

Source:
Example
recorder.record();

(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.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);
});

(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);
});