Our office has an empty TV that isn’t being properly utilized at the moment. It’s definitely a #FirstWorldProblem, but it basically boils down to the fact that we have multiple displays that act as dashboards for our various services and properties.
Anyway, we had a spare television available to show whatever we wanted. THE ENTIRE INTERNET WAS OUR OYSTER and what better way to put it to use than to display a random assortment of animated GIFs.
Our troubles arose when we realized we had to manually change out the animated GIFs, as well as zoom in in via the attached machine’s web browser so that it would properly display images.
Cue superhero music
We’re using CSS to set a background image (based on one of our animated GIFs) that fills up the entire display. Depending on the settings of your viewport, the image has the possibility of being severly cropped, but hey, whatever!
How to use
Upload this script to your favorite web server that supports PHP. Drop images (of the animated GIF variety) into the /images folder. Open up this page in your favorite browser on your favorite device. Cool? Cool!
So, what the heck does this thing look like? You can see it in action right here. (Make sure to set your browser to full screen presentation mode so you get the right effect).
- Better error handling
- Figure out how to get Dropbox integration working so the whole company can get in on the fun
Soft ‘g’ or hard ‘g’?
Hard G, dudes. It’s JIFF! I’m not wrong. You’re wrong.
Thanks to a few people who helped me try and figure this out.
- Conrad Muan (@conradmuan)
- Lydia Katsamberis (@llkats)
- Jon Ursenbach (@jonursenbach)
You can download the source code for GIFtv on Github.