Video - take snapshot

Question

I'm capturing webcam data to a HTML5 video.

I now wish to take a snapshop and set the src of an image to the snapshot.

I've looked around and can only find examples that output to canvas - but I need it going to an img.

Any ideas?

Answer 1

Just one step further. You can use toDataURL() method to get the base64 data from the canvas, and then build a image with the data. Particularly, you can specify MIME type with the method as well, either JPG, PNG or else.