Movie Barcode Generator

Movie barcodes are cool. There are lots of ways to make them, but many of those methods involve downloading software or working with command line tools. There should be an easier way.

This page is my attempt at a JavaScript solution which will take however many images you want and give you a barcode-style PNG with them all smooshed together.


Step 0.

First, you'll need a bunch of images; this tool can't help you gather or extract images or extract frames from a video file. To get those, I recommend using MPEG StreamClip to create however-many thousand images you want.

In MPEG StreamClip, open the movie file (MOV works best), then go to "File->Export to Other Formats...". Select "Image Sequence" for the Format, and then in "Options," set the image format you want (PNG) and the number of frames to extract per second (1 is usally good).

Step 1.

Select your barcode's target size (in pixels):

    Barcode size previewer

Please Note: If your width in pixels is smaller thanthe total number of files that you upload in the next step, then the images will overlap with an alpha transparency effect. The resulting image will appear somewhat faded or blurry.

Also, note that these values will change the size of the image you download, but the preview below will look the same.

Step 2.

Select your files. Browse to the folder where they're located and use Ctrl-A (or Cmd-A) to selet all, your shift-click to select large groups.

Step 3.

The images should start loading one at a time. This may take a while, depending on how many you're trying to load and how big they are.

Once it's all loaded, right click the resulting image, select "Save Image As...", and save it wherever you want!


Preview