Difference between revisions of "Screen layout"

From A-SMIL.org
Jump to: navigation, search
(Added Fit options)
m
 
Line 50: Line 50:
 
== Related ==
 
== Related ==
 
SMIL topics:
 
SMIL topics:
* [[SMIL Media Objects]]: video, image, smilText, and audio objects
+
* [[SMIL Media Objects]]: video, image, and audio objects
 
* [[SMIL Playlists]]: seq, par, and excl playlists
 
* [[SMIL Playlists]]: seq, par, and excl playlists
 
* [[Transport|Sending SMIL to Player]]
 
* [[Transport|Sending SMIL to Player]]

Latest revision as of 02:01, 22 October 2010

The layout of the screen is defined in the global header section of SMIL document.

Layout

Within the <head> node, one can use the <layout> tag to define screen regions.

<smil>
  <head>
    <layout>
      <!-- Global layout definition here -->
    </layout>
  </head>
  <body>
    <!-- Contents here -->
  </body>
</smil>

Global resolution

The <root-layout> tag defines the width and height of the display area. For digital signage, this is the logical resolution of the entire screen area.

<layout>
  <root-layout width="1280" height="720" />
</layout>

Region

The <region> tag defines an area over the entire display zone where individual media items can be assigned to play.

<layout>
  <root-layout width="1280" height="720" />
  <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="overlay" top="50" left="50" width="100" height="100" z-index="2" />
</layout>

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 user can then assign each media objects to a region.

There are several Fit options which you can apply to a region or a media object to resize the content.

Related

SMIL topics:

Layout topics: