Options
All
  • Public
  • Public/Protected
  • All
Menu

Class WebcamCanvas

WebcamCanvas simplifies initializing a WebRTC feed and rendering it to a canvas it includes its own requestAnimationFrame loop using Animitter, providing start(), stop() and events for 'update', 'start', 'stop' etc

Hierarchy

  • WebcamCanvas

Index

Constructors

Properties

Methods

Constructors

constructor

Properties

ctx

ctx: CanvasRenderingContext2D

domElement

domElement: HTMLCanvasElement

video

video: HTMLVideoElement

Methods

getFrameRate

  • getFrameRate(): number

  • Returns number

getImageData

  • getImageData(x?: number, y?: number, w?: number, h?: number): ImageData

  • get the image data from the canvas

    Parameters

    • Default value x: number = 0
    • Default value y: number = 0
    • Default value w: number = this.domElement.width
    • Default value h: number = this.domElement.height

    Returns ImageData

    ImageData

initialize

  • initialize(videoOptions?: MediaTrackConstraints): Promise<WebcamCanvas>

  • Parameters

    • Optional videoOptions: MediaTrackConstraints

    Returns Promise<WebcamCanvas>

resize

  • resize(): this

  • Returns this

stop

  • stop(): Promise<void>

  • Returns Promise<void>

update

  • update(): void

  • update the rendering to the canvas

    Returns void