Hugo Future Imperfect Slim

Tracey Jaquith · PoohBot Pictures

Technophile · Optimist · Cyclist · Archivist · Design · Video · TV · Nomad · Docker

tracey pooh

1-Minute Read

Motion JPEG test

click a button above to try
Huh?

This extracts the JPEG frames, _found within an `.avi` file bytestream_, likely without the huffman compression tables (though chrome dont care 8-). Then it base64 encodes each frame, inserting each frame into a dynamic <img> tag to "play the .avi file".

Add in a short display timeout and keep overlaying images, and you have your "video", using <img> tags, like a flip book.

Works

  • chrome
  • firefox (but slow)

Nope

(probably not happy w/ missing huffman compression tables in img headers)
  • safari/iOS
  • MS IE

Originally created 2006 by Tracey Jaquith. minor updates to jQuery and simplifying 2013

Source (or "View Source"):

Say Something

Comments

tracey pooh's Gravatar

wow, super cool! i’m super impressed you were able to use and hack it to make an IE version work.

nicely done!
(and thanks for the ping 😎

Recent Posts

Categories

Tags

#spottheshuttle 1940s 1st person 3d accident aids lifecycle airplane animals appeltart apple pie apple watch architecture arkit art ascii art asia augmented reality baking bali bay area best of biking birthday cafe racer camaro camera video camping candy cars cat pee cat psychology cats cloud coding college colorspaces computer vision cornell crictl css dark mode death valley decaf deinterlace desert design diy docker documentary driving ducting ebgb elbow break emacs endeavour family ffmpeg food games geek gitlab golden gate bridge google cardboard grand canyon gravel bike green magic man h.264 hack health highway 1 home https hugo hyperlapse internet archive ios iphone javascript jeep k3s kubernetes landscapes linux lisp luke battling darth mac macosx markdown mashup metal montclair motion-jpeg motorcycle mountain bike mplayer mt tamalpais nasa new bay bridge news ninja oakland olecranon partioning phoenix php php-htm-mode politics protest rancher recording remaster remix remodel sedona shuttle small town star wars surgery swift tahoe technical thirsty thursday time machine time-lapse timing belt adjustment top end rebuild tracey traefik training ride travel vacation valve job video virtual reality vlog vscode weekend-mechanic work x264 xcode yuvj420p zx6

About

tracey is a nonstop dance party. so you dont have to. dont ask me about containers. thanks for dropping by today. you look nice.