An example of HTML5 canvas video

Share RGraph:   To help my Google visibility (it can't get much worse!), if you like and use RGraph I'd appreciate it if you could link to me

« Back to message list

Enter your email address to get email updates on this topic. You can stop receiving updates by clicking the link in the update email messages.

Posted by RGraph support on 17th July 2013
Hi there,

By using the HTML5 canvas drawImage() function, that is normally used to draw images on to your canvas tag, you can draw video on to your canvas. By repeating the drawImage() call roughly 60 times a second you get a smooth video playback drawn on to your canvas tag. Then you can do regular canvas type things to it - in this example select the video and drag it around the canvas. The example also shows clipping in order to show the video using a circular shape.

www.rgraph.net/blog/2013/july/an-example-of-html5-canvas-video.html



Richard, RGraph Support

Help support RGraph - single site license only £99!
   www.rgraph.net/license#single-site

Add a reply




« Back to message list