Video Touchscreen Details

If you saw April’s post last week about a trade show we worked on, this post will go into detail on just one part of our work.

We did a series of videos highlighting many of the Putzmeister products, and these videos were in the booth on video touchscreens. We ended up working with another company who owned the touchscreens, and they provided a few generic samples files and a display for us to test everything with.

All files

Here’s a breakdown of the files involved for one touchscreen. There’s an XML file which controls how the screen functions, as well as a menu video which loops until someone touches one of the on-screen buttons, and then two other video files that play when selected. These all get copied to the root of a CF card and inserted into the video display.

Menu screen

Here’s what our menu video normally looks like when looping. To define the areas where the buttons are, you need to determine the x,y coordinates, and the resolution of the touch part of the display is (oddly) 4096 x 4096 pixels. The videos themselves are much smaller, but the 4096 represents the touch grid.

Menu screen stretched

So the first thing we do is take a screen shot of the video, and then blow it up (un-proportionally) to 4096 x 4096 pixels.

Menu screen flipped

Oh, we also need to flip the screen over because the coordinate system is reversed and 0,0 is in the bottom-right corner instead of the upper-left corner like most of us are used to.

Menu screen with grid

Now that we have the screen grab of our video the correct size, and in the correct orientation, we just draw some guide lines around the buttons, and then get the coordinate points for each button.

Once we have the “start x,y” and “end x,y” coordinates we make note of them for the next step…

XML file

If you’re familiar with XML or even HTML image maps, this file should make sense. It’s fairly simple, and you can see where each of the videos is specified, and the coordinates that we determined.

So with our TPANEL.XML file done, and our videos ready to go, we just load it all onto the CF card, pop it in the machine, and it’s ready to go!

We produced about 20 videos for the booth, in just a few weeks, including a bit of shooting as well. Doing work for trade shows is always fun because you get to see things out in the real-world, often with the client right there with you. :)

January 30, 2012 · Posted by in misc, video  


Comments are closed.