Snapping a picture from interactive graphic an exporting as a JPEG

There’s an interaction I was thinking about that works on a image or some interactive graphic image that changes. You can press some button that snaps an image, the image is exported as a JPEG to a gallery. What function is this? Is there anything in HTML or JavaScript I could check out to do this?

Hi there Tron,

I am not 100% sure of your requirement, but this
example might be close to it…

      http://coothead.co.uk/video-frame-capture/index.html

If that is something that you might like to mess
around with then check out the attachment.

        video-frame-capture.zip (1.0 MB)

This will work OK locally with Firefox, but other
browsers require it to be uploaded to a server.

coothead

YouTube has these versions which will save downloading:



Sorry John, but to which download are you actually referring? :shifty:

coothead

Hi @coothead,

http://coothead.co.uk/video-frame-capture/index.html

The link referenced in your post shows a video which I assumed to be the video to be downloaded.

I am tapping on my tablet at the moment and unable to try your supplied source code.

The video in question is on my server and coded into the “HTML5 video element”.

Youtube videos, I believe, are coded into an “iframe element”.

The “JavaScript” that I am using would not work with that element. :wonky:

coothead

1 Like

If you are speaking on terms about gifs, then there’s actually an easier way of extracting an exact image out of gifs. You just download the gif file and open it up in an image editing software such as PhotoShop or FireWorks and in the States option, you can actually see each picture frame-by-frame. gifs are basically images that are animated at a set speed. I could basically create a gif file from 5 jpg files if I really wanted to using PhotoShop or FireWorks.


Thanks guys. Coothead that comes pretty close to the interaction. I’m trying to learn how after you snap the image it gets curated to a gallery automatically and then someone can just click around the tabs. Is there some technical term I could look out more on the internet. I figure this must be more HTML thing than javascript? Penny for your thoughts

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.