Regions / Zones

Have more questions? Submit a request

The tag defines a screen layout where individual media items can be assigned to play. Media objects can then be assigned to each defined region. If media has no region assigned, smil player will assign root-layout region to media definition.

<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" 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. 

Source: a-smil.org

 

Was this article helpful?
0 out of 0 found this helpful
Share