Learning SMIL with a SMIL


Timing is Everything / Synchronization



  <smil>
   <head>
    <layout>
     <root-layout height="225" width="450" background-color="#ffffff" title="Sync"/>
    <region id="timing" width="450" height="75" top="0" left="0" z-index="1" />
    <region id="is" width="450" height="75" top="75" left="0" z-index="1" />
     <region id="everything" width="450" height="75" top="150" left="0" z-index="1" />
    </layout>
   </head>


To use this Java based SMIL Player you need the latest browsers from Netscape's or Microsoft's

The SMIL code Playing



  <body>
   <seq>
    <img src="media/timing2.gif" region="timing" begin="2" dur="2.00s" />
    <img src="media/is2.gif" region="is" dur="2.00s" />
     <par>
      <audio src="media/loop2.auz" dur="4.00s" system-bitrate="14000" />
       <seq>
        <img src="media/everything0a.gif" region="everything" dur="0.50s" />
        <img src="media/everything1a.gif" region="everything" dur="0.50s" />
        <img src="media/everything2a.gif" region="everything" dur="0.50s" />
        <img src="media/everything3a.gif" region="everything" dur="0.50s" />
        <img src="media/everything0a.gif" region="everything" dur="0.50s" />
        <img src="media/everything1a.gif" region="everything" dur="0.50s" />
        <img src="media/everything2a.gif" region="everything" dur="0.50s" />
         <par>
          <img src="media/everything3a.gif" region="everything" dur="1" />
          <img src="media/timing2.gif" region="timing" dur="1" />
          <img src="media/is2.gif" region="is" dur="1" />
         </par>
       </seq>
     </par>
     <par>
      <audio src="media/loop2.auz" dur="4" system-bitrate="14000" />
       <seq>
        <img src="media/everything0a.gif" region="everything" dur="0.5s" />
        <img src="media/everything1a.gif" region="everything" dur="0.5s" />
        <img src="media/everything2a.gif" region="everything" dur="0.5s" />
        <img src="media/everything3a.gif" region="everything" dur="0.5s" />
        <img src="media/everything0a.gif" region="everything" dur="0.5s" />
        <img src="media/everything1a.gif" region="everything" dur="0.5s" />
        <img src="media/everything2a.gif" region="everything" dur="0.5s" />
         <par>
          <img src="media/everything3a.gif" region="everything" dur="8" />
          <img src="media/timing2.gif" region="timing" dur="4" />
          <img src="media/is2.gif" region="is" dur="6" />
         </par>
       </seq>
     </par>
   </seq>
  </body>
  </smil>


Rendered with HELIO's SOJA Player.
Let me know what you think.

Sound Clip Copyright 1999 Corel Corporation   Please do not copy

Back to Homepage
Jose Ramirez 1999