Here's a new example of HTML5 canvas video

« 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.


Add a reply

« Back to message list