all in the game

Wire Characters Season 1

My last couple of posts have been about using and setting up videogrep.py.

Videogrep is a python script that searches through dialog in videos and then cuts together a new video based on what it finds. Basically, it’s a command-line “supercut” generator.

I’ve been thinking about how to use it, especially since Jim Groom gave it a rousing reception( Wiring Supercuts & The Game Supercut ).

I’ve always liked the suspect board on the wire, where the detectives pin up pictures of suspects in a mindmap fashion, and wondered if I could make a board with Supercut videos of the characters. Turns out I can: Wire Characters Season 1.

A man must have a code

The Wire Season 1 Episode 07   one Arrest

First thing I had to do was make the supercuts, I just used the method described in the previous post, with one wrinkle. Some of the characters are refered to by more than one name, some times Kima is Greggs, I wanted to catch all of the references. It turns out that the default search for videogrep is a regular expression. Now I don’t know much (anything) about regEx, but a quick google game me the pipe character as OR, so:

python ../videogrep.py -i /Users/john/Movies/The\ Wire/Season\ 1 -s 'Kima|Greggs' -o Kima.mp4

Gets clips with either Kima or Greggs in the subtitles.

I then convert the mp4 files with miro video converter, using iphone as the setting, this lets me hear the clips which lose sound on my system. I open the output movies with QuickTime Pro find a still and hit copy. Switch to Fireworks and paste into a new document, save as a jpge with the same name as the video apart from the file extension.

I’ve now got a folder full of movies and images and just need a html file to display them.

I wanted to do a few things with the display of the videos, I wanted them to be is some sort of disarray as if pinned on, not all lined up. I also was making this in between all of the supercutting. This lead me to put the videos on the page with Javascript rather than hard coding all the tags. If you are really interested you can view the code on the page, I’ll just blog a few concepts here. I did hardcode an array of the names, without the file extensions and a matching one with the character names. It was them easy to loop through these arrays creating video elements and populating them with the video source and the jpg images as posters.

The CSS gives the div wrapping the video a white background and a drop shadow, some javascript rotates the divs (JavaScript Rotate | KaisarCode) and randomised the margins between them and the white border width.

I also used the javascript to scale down the video to fit more across the page and css to set the page width to 1600 pixels (side scroll I am afraid).

when it’s not your turn

I also missed a few things out.

  • The files are big, converting them with miro made them bigger, I guess I could use ffmpeg to do a better job of that, I could also scale them down to the size they are displayed.
  • The videos do not play in Firefox on a mac, firefox does not support the video format in the video tag. I had a very quick try using mediaelement.js to add flash for firefox but it looked like it would be too much work to display properly. I could also convert all the files to ogg for firefox, I might try that in combonation with scaleing them down a bit at a later date.

Update: I’ve run all the videos first throught te commandline ffmpg to downsize them to 360×240 and then ffmpeg2theora to create ogg versions.

Dope on the damn table

So while some of this has been for self education around javascript and css there are a few ds106 style things that spring to mind from the exercise.

The supercuts get the parts of the video where a character is mentions, sometimes this is never when they are on screen. I had to use other parts of the movie to get posters for some characters. The supercuts let you focus on the character from other characters points of view and the POV of the writers and directors. Some characters I love and feel are important are not refered to much by name, the video file sizes gives a view of this, Ellis Carver’s video is tiny (I love how his character in season 1 hints of his growth during the wire as a whole).

Although I’ve now watched most of season 1 (third time round) I’ve struggled to watch with a critical eye, or even an eye to a gif, the programme is too absorbing and emotionally involving. It has reinforced the series as my favourite tv. I am especially noticing the parts when charcters show complexity beyond normal tv. Kima, presented very positivly, leads the charge to kick and beat a youth that hits the rather usless police Pogue (or Mahone). The emotion showed by the character at the end of episode 10 and the beginning of 11 is viceral, rewatching brings back the shock from the first viewing in a suprisingly powerful way.

Watching the supercuts allows you to step back a bit, pulls information about a character together in a suprising way letting you see the character and how their story is told in new light.

a little slow, a little late

Be a Little Slow

You cannot lose if you do not play.

My first post here since April! I missed the whole of the burgeon experience and have done only a handful of daily creates. I am not saying sorry, I have made a few artefacts and experimented with some stuff that is pretty #ds106. There is no really useful instructions in this post, but links for the willing.

Videogrep.py

I’ve been meaning to post about this for a while, I did a few tests in June and tweeted a bit about it. It is pretty cool:

Videogrep is a python script that searches through dialog in videos and then cuts together a new video based on what it finds. Basically, it’s a command-line “supercut” generator.

from: Videogrep: Automatic Supercuts with Python – Sam Lavigne

Here is a quick test:

And a link to another: blade runner know

I’ve not even scratched the surface of videogrep, there are some pretty amazing ideas on the link.

I had a wee bit of difficulty installing videogrep, and had, as I recall, to wander round googling to get things running. The videos produced lacked sound, but running them through miro video converter fixed that. I am guessing if you are command line savvy enough the code could be adjusted.

Here is a supercut for Barksdale in episode 1 of the wire.

gifboard

Apocalypse.now Jungle 1

More Jungle gifboards

On the back of the jungle supercut I revisited using gifboard to create automatic subtitled gifs. I notice Jim pointing to something similar. yesterday.

Both gifboard and videogrep are command line applications and not for the faint hearted.

I dusted off gifboard for a quick slice of the wire:

Rolling Bones

glitching

With a little encouragement from Mariana, I dipped my toes back into glitching world, I am afraid no movie glitchs I made were of any interest, but I had better luck with sonicification of images after Alan posted Image Bending in Audacity.

Repeating Gifs

I’ve long admired some gifs I’ve seen on tumblr that repeat across the page, during the recent giffight on emblems here are mine I figured out how to do this:

Rooster Gang

Basically a lot of copy and pasting.

Emblem Multi 500

During the emblems giffight Andrew Forgrave produced some great anaglyph gifs and some tutorials around them from which I gained a lot (globe-of-doom-anaglyph-1 | Flickr – Photo Sharing!).

The Wire

I’ve been a big fan of the wire so hoped to throw myself into some ds106 activity, turns out re-watching series one I mostly get caught up in enjoying it and following the plot, not much analysis going on here. Hopefully I get some fun before the series is out.

Where in the world is ds106?

Chatting to Alan Levine yesterday we had a wee idea about putting ds106 participants on the map. I suggested that it might be an idea to use Audioboo. The RSS feeds from audioboo have location data that can be used in google map mashups. I know I already had the code to put my own Boos on a map. I had forgotten that I’ve also got a page that will map boos with any tag. For example this page will show all boos tagged ds106

http://johnjohnston.info/where/ds106

I’ve recorded a boo that will show up on the map.


I’d like other ds106 participants to do the same. There are several ways to do this.

How to

You can record a boo using the iPhone or android application. Make sure you tag it #ds106 in the description and that the phone picks up the location:

fr_1474_size640
You can go to audioboo and record (needs flash) or upload an audio file there. Again make sure you tag with #ds106

You will need a free account to record boos that are limited to 3 minutes.

The ios app adds location data, I’d presume the android one would too. If you use the browser you can set the location.

audioboo-loc-580

I am wondering if this can be a mashup assignment, so easy it would only be one star.

Chickens Clucking

rooster 01

Some comments about comments, here are some of the posts I was talking about:


chicken_clucking.mp3

update Quite a lot of interesting discussion on G+ around this.

Chicken Talking

chick-01 Yesterday I was planning to make a short ds106 radio show and podcast with the idea of helping folk starting the new round of ds106. It was in my mind most of the day, and I intended to do a bit of planning and note taking.
Somehow the day got to its end without the planning, the result was pretty rambling. I think I can do better.
So the plan now is:

  • Over the next 2 weeks of bootcamp I’ll do three or four broadcasts, then try for one a week.
  • I’ll aim for 10 minutes, with 10 minutes of planning beforehand.
  • A chicken theme.
  • More information about this in the next episode.