https://www.a-smil.org/index.php?action=history&feed=atom&title=Screen_layout
Screen layout - Revision history
2026-04-09T09:54:58Z
Revision history for this page on the wiki
MediaWiki 1.23.17
https://www.a-smil.org/index.php?title=Screen_layout&diff=219&oldid=prev
SMIL T.A. at 02:01, 22 October 2010
2010-10-22T02:01:20Z
<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 02:01, 22 October 2010</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 50:</td>
<td colspan="2" class="diff-lineno">Line 50:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== Related ==</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== Related ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>SMIL topics:</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>SMIL topics:</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [[SMIL Media Objects]]: video, image<del class="diffchange diffchange-inline">, smilText</del>, and audio objects</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [[SMIL Media Objects]]: video, image, and audio objects</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* [[SMIL Playlists]]: seq, par, and excl playlists</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* [[SMIL Playlists]]: seq, par, and excl playlists</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* [[Transport|Sending SMIL to Player]]</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* [[Transport|Sending SMIL to Player]]</div></td></tr>
</table>
SMIL T.A.
https://www.a-smil.org/index.php?title=Screen_layout&diff=98&oldid=prev
SMIL T.A.: Added Fit options
2009-11-20T05:40:48Z
<p>Added Fit options</p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 05:40, 20 November 2009</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 45:</td>
<td colspan="2" class="diff-lineno">Line 45:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>The user can then [[Assigning region|assign]] each media objects to a region.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>The user can then [[Assigning region|assign]] each media objects to a region.</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">There are several [[Fit options]] which you can apply to a region or a media object to resize the content.</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== Related ==</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== Related ==</div></td></tr>
</table>
SMIL T.A.
https://www.a-smil.org/index.php?title=Screen_layout&diff=20&oldid=prev
SMIL T.A.: Created
2009-04-09T07:26:02Z
<p>Created</p>
<p><b>New page</b></p><div>The layout of the screen is defined in the global header section of SMIL document. <br />
<br />
== Layout ==<br />
<br />
Within the <code><head></code> node, one can use the <code><layout></code> tag to define screen regions. <br />
<br />
<source lang="smil"><br />
<smil><br />
<head><br />
<layout><br />
<!-- Global layout definition here --><br />
</layout><br />
</head><br />
<body><br />
<!-- Contents here --><br />
</body><br />
</smil><br />
</source><br />
<br />
== Global resolution ==<br />
<br />
The <code><root-layout></code> tag defines the width and height of the display area. For digital signage, this is the logical resolution of the entire screen area.<br />
<br />
<source lang="smil"><br />
<layout><br />
<root-layout width="1280" height="720" /><br />
</layout><br />
</source><br />
<br />
== Region ==<br />
<br />
The <code><region></code> tag defines an area over the entire display zone where individual media items can be assigned to play.<br />
<br />
<source lang="smil"><br />
<layout><br />
<root-layout width="1280" height="720" /><br />
<region regionName="video" top="0" left="0" width="720" height="480" z-index="1" /><br />
<region regionName="ticker" top="480" left="0" width="1280" height="240" z-index="1" /><br />
<region regionName="slideshow" top="0" left="720" width="560" height="480" z-index="1" /><br />
<region regionName="overlay" top="50" left="50" width="100" height="100" z-index="2" /><br />
</layout><br />
</source><br />
<br />
The <code><head></code> 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.<br />
<br />
The user can then [[Assigning region|assign]] each media objects to a region.<br />
<br />
== Related ==<br />
SMIL topics:<br />
* [[SMIL Media Objects]]: video, image, smilText, and audio objects<br />
* [[SMIL Playlists]]: seq, par, and excl playlists<br />
* [[Transport|Sending SMIL to Player]]<br />
<br />
Layout topics:<br />
* [[Assigning region|Assigning]] media objects to a region</div>
SMIL T.A.