Difference between revisions of "Assigning region"

From A-SMIL.org
Jump to: navigation, search
(Created)
 
Line 8: Line 8:
 
       <root-layout width="1280" height="720" />
 
       <root-layout width="1280" height="720" />
 
       <region regionName="video" top="0" left="0" width="720" height="480" z-index="1" />
 
       <region regionName="video" top="0" left="0" width="720" height="480" z-index="1" />
      <region regionName="ticker" top="480" left="0" width="1280" height="240" z-index="1" />
 
 
       <region regionName="slideshow" top="0" left="720" width="560" height="480" z-index="1" />
 
       <region regionName="slideshow" top="0" left="720" width="560" height="480" z-index="1" />
 
       <region regionName="overlay" top="50" left="50" width="100" height="100" z-index="2" />
 
       <region regionName="overlay" top="50" left="50" width="100" height="100" z-index="2" />
Line 18: Line 17:
 
     <par>
 
     <par>
 
       <video src="ad1.mpg" region="video" />
 
       <video src="ad1.mpg" region="video" />
      <smilText textMode="crawl" region="ticker">Hello, world!</smilText>
 
 
       <img src="ad2.jpg" region="slideshow" />
 
       <img src="ad2.jpg" region="slideshow" />
 
       <img src="logo.png" mediaOpacity="50%" region="overlay" />
 
       <img src="logo.png" mediaOpacity="50%" region="overlay" />

Revision as of 10:36, 16 September 2010

The <region> tag defines a screen layout where individual media items can be assigned to play. Media objects can then be assigned to each defined region.

<smil>
  <head>
 
    <layout>
      <root-layout width="1280" height="720" />
      <region regionName="video" top="0" left="0" width="720" height="480" z-index="1" />
      <region regionName="slideshow" top="0" left="720" width="560" height="480" z-index="1" />
      <region regionName="overlay" top="50" left="50" width="100" height="100" z-index="2" />
    </layout>
 
  </head>
  <body>
 
    <par>
      <video src="ad1.mpg" region="video" />
      <img src="ad2.jpg" region="slideshow" />
      <img src="logo.png" mediaOpacity="50%" region="overlay" />
    </par>
 
  </body>
</smil>

The <head> section defines a typical 3-zone digital signage application with a zone for 720x480 video, a slide show zone, and a ticker zone. Overlaying the video zone is an overlay layer which allows the user to place a logo or a dynamic message on-top of the running video.

The <body> section contains contents to play in parallel in all four regions defined.

Related

SMIL topics:

Layout topics: