get a picture of the frame of a video at every second

Viewed 2321

Youtube has this cool feature where you can 'scrub' through the video and they give you the thumbnail view of the video at each second:

enter image description here

Does anybody know how this is achieved? Does the server have to send over each image individually, or can they be extracted from the video on the clients machine with javascript?

Regarding the implementation of the "extraction", I am a bit lost, but I imagine a canvas element could be used to draw the frames once their extracted.

If the server has to be used: since the images are small, I imagine I could use sprites, but if we're talking about every second of video, then that file could get pretty big. (still small in comparison to the video data I suppose, but not exactly optimal)

2 Answers
Related