<?xml version="1.1"?>
<!DOCTYPE smil PUBLIC "-//W3C//DTD SMIL 3.0 Language//EN" "http://www.w3.org/2008/SMIL30/SMIL30Language.dtd">
<!--
Copyright: Copyright 1998-2008 W3C (MIT, ERCIM, Keio), All Rights Reserved.
See http://www.w3.org/Consortium/Legal/2008/04-testsuite-license.
Author: Jack Jansen (CWI)
Version: January 22, 2008
Chapter: SMIL 3.0 Media Object
Module: MediaOpacity, smiltext
Feature: panZoom attribute animation
File Name: MediaOpacityExtra.smil
Expected Behavior: Many different opacities. The text explains what we should see.
-->
<smil xmlns="http://www.w3.org/ns/SMIL" version="3.0" baseProfile="Language">
<head>
<meta name="title" content="MediaPanZoom demonstration"/>
<meta name="generator" content="GRiNS Pro for SMIL 2.0, v2.2 Mobile win32 build 150"/>
<meta name="author" content="Dick Bulterman"/>
<layout>
<root-layout xml:id="Advanced_PPC_Slideshow" backgroundColor="#fffffe" width="480" height="540"/>
<region xml:id="Images" fit="meet" mediaAlign="center" />
<region xml:id="Captions" left="10%" width="80%" top="40%" height="20%"
mediaAlign="center" z-index="2"
textFontFamily="sansSerif" textFontWeight="bold"
textFontSize="xx-large" textFontStyle="normal"
textColor="white" mediaOpacity="100%"
textBackgroundColor="green" mediaBackgroundOpacity="100%"
backgroundColor="transparent"
/>
</layout>
<transition xml:id="fade4s" type="fade" dur="4s"/>
</head>
<body>
<par xml:id="body-par">
<img region="Images" src="bus.jpg"/>
<seq xml:id="caption-seq">
<!--
1. White text on a green background in a yellow region.<br/>
Everything is opaque.
-->
<smilText dur="4s" region="Captions"
backgroundColor="yellow"
>
1. White text on a green background in a yellow region.<br/>
Everything is opaque.
</smilText>
<!--
2a. White text on a 50% fuchsia background in a transparent region.<br/>
-->
<smilText dur="4s" region="Captions"
textBackgroundColor="fuchsia" mediaBackgroundOpacity="50%"
>
2a. White text on a 50% fuchsia background in a <br/>
<span textColor="black" textBackgroundColor="#808080">
transparent
</span> region.<br/>
</smilText>
<!--
2b. Fuchsia text on a 50% white background in a transparent region.<br/>
-->
<smilText dur="4s" region="Captions"
textColor="fuchsia"
textBackgroundColor="#0xfffffe" mediaBackgroundOpacity="50%"
>
2b. Fuchsia text on a 50% white background in a transparent region.<br/>
</smilText>
<!--
3. White text on a green background in a transparent region.<br/>
Text (white) is 50% transparent.
-->
<smilText dur="4s" region="Captions"
mediaOpacity="50%"
>
3. White text on a green background in a transparent region.<br/>
Text (white) is 50% transparent.
</smilText>
<!--
4. White text on a transparent background in a gray region.<br/>
Text (white) is 50% transparent.
-->
<smilText dur="4s" region="Captions"
mediaOpacity="50%"
backgroundColor="gray"
>
4. White text on a transparent background in a gray region.<br/>
Text (white) is 50% transparent.
</smilText>
<!--
5. White text on a green background in a yellow region.<br/>
Text (white) is fully transparent.
-->
<smilText dur="4s" region="Captions"
mediaOpacity="0%"
backgroundColor="yellow"
>
5. White text on a green background in a yellow region.<br/>
Text (white) is fully transparent.
</smilText>
<!--
6. White text on a green background in a yellow region.<br/>
Text background (green) is 50% transparent.
-->
<smilText dur="4s" region="Captions"
mediaBackgroundOpacity="50%"
backgroundColor="yellow"
>
6. White text on a green background in a yellow region.<br/>
Text background (green) is 50% transparent.
</smilText>
<!--
7. Maroon text on a green background in a yellow region.<br/>
Text background (green) is fully transparent.
-->
<smilText dur="4s" region="Captions"
textColor="maroon"
mediaBackgroundOpacity="0%"
backgroundColor="yellow"
>
7. Maroon text on a green background in a yellow region.<br/>
Text background (green) is fully transparent.
</smilText>
<!--
8. White text on a green background in a yellow region.<br/>
Region background (yellow) is 50% transparent.
-->
<smilText dur="4s" region="Captions"
backgroundColor="yellow" backgroundOpacity="50%"
>
8. White text on a green background in a yellow region.<br/>
Region background (yellow) is 50% transparent.
</smilText>
<!--
9. White text on a green background in a transparent region.<br/>
Region is transparent, text and text background are 50% transparent.
-->
<smilText dur="4s" region="Captions"
mediaOpacity="50%"
mediaBackgroundOpacity="50%"
>
9. White text on a green background in a transparent region.<br/>
Region is transparent, text and text background are 50% transparent.
</smilText>
<!--
10. In-fading white text on a green background in a transparent region.<br/>
Region, text and text background are 50% transparent.
-->
<smilText dur="8s" region="Captions" transIn="fade4s"
mediaOpacity="50%"
mediaBackgroundOpacity="50%"
backgroundColor="yellow" backgroundOpacity="50%"
>
10. In-fading white text on a green background in a transparent region.<br/>
Region, text and text background are 50% transparent.
mediaOpacity="50%"
mediaBackgroundOpacity="50%"
backgroundOpacity="50%"
backgroundColor="yellow"
</smilText>
<!--
11. Out-fading white text on a green background in a transparent region.<br/>
Region, text and text background are 50% transparent.
-->
<smilText dur="8s" region="Captions" transOut="fade4s"
mediaOpacity="50%"
mediaBackgroundOpacity="50%"
backgroundColor="yellow" backgroundOpacity="50%"
>
</smilText>
<!--
11. White text on a green background in a transparent region.<br/>
Region, text and text background are 50% transparent.
A Smiley image is 33% transparent.
-->
<par>
<img dur="4s" region="Images" src="../../../interop2/interop2/images/smile256.png"
chromaKeyOpacity="16.5%"
chromaKey="aqua"
chromaKeyTolerance="blue"
mediaOpacity="33%"
/>
<smilText dur="4s" region="Captions"
mediaOpacity="50%"
mediaBackgroundOpacity="50%"
backgroundColor="yellow" backgroundOpacity="50%"
>
11. White text on a green background in a transparent region.<br/>
Region, text and text background are 50% transparent.
textFontSize="large" textFontStyle="normal"
mediaOpacity="50%"
mediaBackgroundOpacity="50%"
backgroundColor="yellow" backgroundOpacity="50%"
</smilText>
</par>
</seq>
</par>
</body>
</smil>