Skip to content

UniRecorder

Recorder helper (one layer verstion)

Records a video of a layer of the ResponsiveCanvas backing a CanvasRenderer. Simple and straightforward recording of a canvas. Encoded video chunks are cached to later be merged into one blob containing the final video file. Optional audio track can be recorded into a video file. One can limit resolution and bitrate of video and audio streams.

new UniRecorder(type, bitRate?, audioBitRate?): UniRecorder

Constructor

string = "video/webm"

Media/video type

number

Video stream bit rate

number

Audio stream bit rate

UniRecorder

protected optional audioBitRate: number

Audio stream bit rate


protected optional bitRate: number

Video stream bit rate


protected optional recorder: MediaRecorder

Video recorder


protected records: Blob[] = []

Record chunks


protected optional stream: MediaStream

Video stream


protected type: string = "video/webm"

Media/video type

start(renderer, layer, audio?): boolean

Start video recording

Recorder encodes video stream associated with the canvas layer. Chunks of encoded media stream are cached to later be merged into one blob on stop().

CanvasRenderer

Renderer to record video from

number = 0

Layer that will be recorded

MediaStreamTrack

Track to record audio from

boolean

True if recording started, False otherwise


stop(): Promise<undefined | Blob>

Stop video recording

Renderer stops recording and then merges encoded video stream chunks into one blob returned to user.

Promise<undefined | Blob>

Promise resolved to Blob containing encoded video