kmplayer/tests/region_animate.smil

0001 <!-- test for moving a region with the animate element -->
0002 <smil>
0003   <head>
0004     <layout>
0005       <root-layout width="320" height="240" background-color="green"/>
0006       <region id="region1" left="5%" top="10%" right="30%" bottom="50%" z-index="2"/>
0007       <region id="region2" left="240" top="140" width="64" height="64" z-index="3" background-color="red"/>
0008       <region id="region3" z-index="1"/>
0009     </layout>
0010   </head>
0011   <body>
0012     <par>
0013       <text id="text1" src="data:,I'm%20a%20region" region="region1">
0014         <param name="fontColor" value="yellow"/>
0015         <param name="fontPtSize" value="10"/>
0016         <param name="backgroundColor" value="blue"/>
0017         <animate target="text1" attributeName="fontPtSize" calcMode="discrete" values="10;12;14;16;18;20;22;24;26;28;300" begin="5" dur="6"/>
0018       </text>
0019       <img id="image1" src="../icons/48-apps-kmplayer.png" region="region2" left="8">
0020         <animate target="region2" attributeName="background-color" values="red;white;blue" repeatCount="10" calcMode="discrete" dur="1.5"/>
0021       </img>
0022       <text src="data:,Move%20a%20region" region="region2" fill="freeze" top="48">
0023         <param name="fontPtSize" value="6"/>
0024       </text>
0025       <animate target="region2" attributeName="left" from="240" to="10" begin="5" dur="5"/>
0026     </par>
0027     <par>
0028       <set target="region2" attributeName="z-index" to="6" fill="freeze"/>
0029       <set target="region2" attributeName="left" to="20" fill="freeze"/>
0030       <set target="region2" attributeName="width" to="200" fill="freeze"/>
0031       <set target="region3" attributeName="background-color" to="black" fill="freeze"/>
0032       <set target="region3" attributeName="z-index" to="5" fill="freeze"/>
0033       <text src="data:,that's%20all%20folks" region="region2" dur="2">
0034         <param name="fontColor" value="green"/>
0035         <param name="fontSize" value="+2"/>
0036         <param name="backgroundColor" value="black"/>
0037       </text>
0038     </par>
0039   </body>
0040 </smil>