AnswersSearchHelp
Boston University home page
Creating Multimedia with SMIL
 
 
   
    SMIL Concepts
 
 
 
 
 
    Layout
 
 
 
 
 
    Timing
 
 
 
 
    Practice
 
 
 
 
    Also See
   
   
    A/V Tutorials
   
   
   
   
   
   
   
   
    Vendor Sites
   
   

Playback Regions

In addition to the root layout, each area of the presentation where you want media to be displayed must be defined. These areas, referred to as playback regions, are created by defining <region> tags in the layout section. Each region tag has an id parameter, which is how it is referred to in the body section, as well as top, left, width, and height attributes.

You define the playback regions by using a simple coordinate system measured across and down from the upper-left corner of the root-layout region to assign values to top, left, width, and height. All measurements are in pixels or percentages, with zero pixels as the default. Note: All playback regions must lay within the root-layout region. Any part of a playback region that lays outside the root-layout region is cut off.

Here is the same example given above, this time including two additional playback regions:

<smil>
<head>
<layout>

<root-layout width="450" height="450"/>

<region id="image" top="5" left="5" width="150" height="75"/>
<region id="text" top="50" left="50" width="100" height="100"/>

</layout>
</head>
<body>
...media clip tags will go here...
</body>
</smil>

Where do you think the regions will be located relative to one another?

Note that the audio clips do not have a regions assigned to them, as sound does not require screen space.

 

 
WebCentral UsingPublishingLearningTrainingConsultingWebCentral
AnswersSearchHelp
NIS  |  OIT  |  Boston University  |   October 24, 2002