Slow In Translation, v1

A web-based Very Slow Movie Player, inspired by Brian Boyer

This is the actual frame on the page right now, on the 2nd of January

1. Install homebrew

/usr/bin/ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2. Install ffmpeg

3. Install imagemagick

brew install imagemagick

4. Convert the movie into images with ffmpeg

ffmpeg -i yourvideo.mov thumb%09d.png -hide_banner

4. Dithering frames with imagemagick

mkdir dithered
mogrify -path dithered -colorspace Gray -ordered-dither o8x8 “*.png”
mogrify -path dithered -ordered-dither o8x8 “*.png”
The same o8x8 dithering algorithm, one greyscale and one colour

5. Write some code to load the right frame at the right time

// how long since the year started?
$timeFirst = strtotime(‘2019–1–1 00:00:00’);
$timeSecond = strtotime(“now”);
$differenceInSeconds = $timeSecond — $timeFirst;
// how many seconds in the entire year
$entireYearInSeconds = “31536000”;
// what percentage of the year have we done?
$percentageComplete = $differenceInSeconds/$entireYearInSeconds;
// how long is our movie?
$movieTotalFrames = 137522;
// ok, so what frame should we load?
$currentFrame = ($movieTotalFrames*$percentageComplete);
<style>
body
{
background: url(<?php echo “‘img/dithered/”.$currentFrame.”.jpg’”; ?>) no-repeat 50% 50% fixed;
background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
}
</style>

6. Get excited and make things

Designer, writer, teacher. I love building things.