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