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>


  To use this Java based SMIL Player you need the latest browsers from Netscape's or Microsoft's 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.

Sound Clip Copyright 1999 Corel Corporation   Please do not copy

Back to Homepage

Jose Ramirez 1999