Hugo Future Imperfect Slim

Tracey Jaquith · PoohBot Pictures

Technophile · Optimist · Cyclist · Archivist · Design · Video · TV · Kubernetes · 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

SaschaNaz's Gravatar

SaschaNaz

This absolutely helped me. I ported it with standard ArrayBuffer object and it works on IE11. Thank you!
Reply
tracey pooh's Gravatar

tracey pooh

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 😎

Reply

Recent posts

See more

Categories

Tags

#spottheshuttle 1940s 1st-person 3d accident aids-lifecycle airplane animals apple-watch architecture arkit art ascii-art asia augmented-reality bali bay-area biking birthday cafe-racer camaro camera-video cars cat-pee cat-psychology cats coding college colorspaces computer-vision cornell css dark-mode decaf deinterlace desert design diy documentary ducting emacs endeavour family ffmpeg games geek golden-gate-bridge google-cardboard green-magic-man h.264 hack highway-1 home hugo hyperlapse internet-archive ios iphone javascript kubernetes landscapes linux lisp luke-battling-darth mac macosx mashup metal montclair motion-jpeg motorcycle mplayer nasa new-bay-bridge news ninja oakland partioning php php-htm-mode politics protest recording remaster remix remodel shuttle small-town star-wars swift technical time-lapse time-machine timing-belt-adjustment top-end-rebuild tracey training-ride vacation valve-job video virtual-reality vlog weekend-mechanic work x264 xcode yuvj420p zx6

About

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