Skip to content

allow render video frames on HTML canvas with WebGL

License

Notifications You must be signed in to change notification settings

RSATom/webgl-video-renderer

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

68 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Install

npm install webgl-video-renderer

Usage example

https://github.com/RSATom/wcjs-ugly-demo

JavaScript API

  • init(canvas, options) -> renderContext: initiate the renderer. canvas - DOM node or selector (mandatory).
  • renderContext.render(frame, width, height, uOffset, vOffset): draws video frame with I420 pixel format on canvas
  • renderContext.fillBlack(): draws a single black frame on the canvas, should be used after stopping the player and/or when the media file has changes (otherwise the frame from the previous video will be kept on the canvas)