What's New in QuickTime 5

Creating the Media Skin Image Files

To create a custom media skin for your movies, you need to create three specific image files:

The media skin. This image ( Figure 15 ) will be the window in which the movie is played. It can be of nearly any shape or size.

In the example included with this script, there is a simple media skin file that adds a standard border and title bar to the movie. This image is designed to display a movie having a width of 240 pixels and a height of 180 pixels. The blue region defines the area to display the video content of the movie.

Note that the offset of the top left of the blue region is 6 pixels horizontally and 22 pixels vertically from the top left of the media skin image. The script uses these measurements in order to place the video track in the corrext position over the media skin background. Note also that the size and offset info has been overlaid on the media skin image.

Figure 15 The media skin image with size and offset information overlay

The drag mask image. This image ( Figure 16 ) defines the areas of the window that can be clicked by the user to drag the window. The black regions of the image will be the clickable areas of the finished window. In this example, the title bar and sides of the movie will be the drag regions.

Figure 16 The drag mask image with black region specified as clickable areas

The window mask image. This image ( Figure 17 ) defines the visible area of the media skin window. Black regions will be visible to the user, white areas will be invisible. In this example, the entire area defined by the media skin image will be visible.

Figure 17 The window mask image

What's New in QuickTime 5