Learning SMIL with a SMIL The Characteristics of a SMIL Element / Attributes |
||
|---|---|---|
|
<smil> <head> <layout> <root-layout height="140" width="210" background-color="#ffffff" title="Attributes"/> <region id="face" width="210" height="140" top="0" left="0" z-index="2" /> <region id="hand" width="180" height="104" top="18" left="15" z-index="3" /> <region id="era_text" width="160" height="60" top="40" left="35" z-index="4" /> <region id="time_text" width="130" height="60" top="40" left="55" z-index="5" /> </layout> </head> |
||
| This is the code playing
The black border is from the black background in the html page. |
||
|
<body> <par> <audio src="media/a.auz" begin="2.00s" dur="9.00s" system-bitrate="14000" /> <img src="media/face1b.gif" region="face" begin="2.00s" dur="39.00s"/> <seq> <img src="media/hand1c.gif" region="hand" begin="2.00s" dur="1.50s"/> <img src="media/hand2c.gif" region="hand" dur="0.50s" /> <img src="media/hand3c.gif" region="hand" dur="0.50s" /> <img src="media/hand4c.gif" region="hand" dur="0.50s" /> <img src="media/hand5c.gif" region="hand" dur="0.50s" /> <img src="media/hand6c.gif" region="hand" dur="0.50s"/> <img src="media/hand7c.gif" region="hand" dur="0.50s"/> <par> <img src="media/hand8c.gif" region="hand" dur="0.50s"/> <text src="media/era.txt" region="era_text" begin="1.00s" dur="3.00s" /> <text src="media/time.txt" region="time_text" begin="4.50s" dur="30.00s" /> </par> </seq> </par> </body> </smil> |
||
| Rendered with HELIO's SOJA Player | ||
| Let me what you think. | ||