next up previous
Next: Synchronisation Example 2: Slides Up: Synchronisation Previous: Parallel Media

Synchronisation Example 1: Planets Soundtrack

The following SMIL code plays on long soundtrack along with as series of images.

Essentially:

The files are stored on the MACINTOSHES in the Multimedia Lab (in the SMIL folder) as follows:

<smil>
 <head>
  <layout>
   <root-layout height="400" width="600" background-color="#000000" title="Dreaming out Loud"/>
   <region id="satfam" width="564" height="400" top="0" left="0" background-color="#000000" z-index="2" />
   <region id="jupfam" width="349" height="400" top="0" left="251" background-color="#000000" z-index="2" />
   <region id="redsun" width="400" height="400" top="0" left="100" background-color="#000000" z-index="2" />
   <region id="ngc3918" width="484" height="400" top="0" left="58" background-color="#000000" z-index="2" />
   <region id="lagoon1" width="394" height="396" top="2" left="103" background-color="#000000" z-index="2" />
   <region id="lagoon2" width="436" height="308" top="46" left="82" background-color="#000000" z-index="2" />
   <region id="m33" width="371" height="400" top="0" left="114" background-color="#000000" z-index="2" />
   <region id="orion" width="371" height="400" top="0" left="114" background-color="#000000" z-index="2" />
   <region id="hubble5" width="455" height="400" top="0" left="72" background-color="#000000" z-index="2" />
   
   <region id="pillars" width="409" height="400" top="0" left="0" background-color="#000000" z-index="2" />
   
   <region id="blank" width="191" height="400" top="0" left="409" background-color="#ffffff" z-index="2" />
   <region id="music" width="100" height="25" top="30" left="453" background-color="#ffffff" z-index="3" />
   <region id="dreamland" width="150" height="25" top="55" left="453" background-color="#ffffff" z-index="3"/>
   <region id="by1" width="100" height="25" top="80" left="453" background-color="#ffffff" z-index="3" />
   <region id="don" width="100" height="25" top="105" left="453" background-color="#ffffff" z-index="3" />
   
   <region id="images" width="100" height="25" top="140" left="453" background-color="#ffffff" z-index="3" />
   <region id="nasa" width="100" height="25" top="165" left="453" background-color="#ffffff" z-index="3" />
   
   <region id="smil" width="100" height="25" top="200" left="453" background-color="#ffffff" z-index="3" />
   <region id="by2" width="100" height="25" top="225" left="453" background-color="#ffffff" z-index="3" />
   <region id="me" width="100" height="25" top="250" left="453" background-color="#ffffff" z-index="3" />
   <region id="jose" width="100" height="25" top="250" left="453" background-color="#ffffff" z-index="3" />
   
   <region id="title" width="125" height="25" top="40" left="237" background-color="#ffffff" z-index="2" /> 
   </layout>
  </head>

  <body>
   <par>
    <audio src="media/dreamworldb.auz" dur="61.90s" begin="3.00s" system-bitrate="14000" />
     <seq>
      <img src="media/satfam1a.jpg" region="satfam" begin="1.00s" dur="4.50s" />    
      <img src="media/jupfam1a.jpg" region="jupfam" begin="1.50s" dur="4.50s" />
      <img src="media/redsun.jpg" region="redsun" begin="1.00s" dur="4.50s" />
      <img src="media/ngc3918a.jpg" region="ngc3918" begin="1.00s" dur="4.50s" />
      <img src="media/lagoon1c.jpg" region="lagoon1" begin="1.00s" dur="4.50s" />
      <img src="media/lagoon2b.jpg" region="lagoon2" begin="1.00s" dur="4.50s" />
      <img src="media/m33c.jpg" region="m33" begin="1.00s" dur="4.50s" />
      <img src="media/hubble5a.jpg" region="hubble5" begin="1.00s" dur="4.50s" />
      <img src="media/orion.jpg" region="orion" begin="1.00s" dur="4.50s" />
       <par>
        <img src="media/pillarsb.jpg" region="pillars" begin="1.00s" end="50s" />
        
		<img src="media/blank.gif" region="blank" begin="2.00s" end="50.00s" />
        <text src="media/music.txt" region="music" begin="3.00s" end="50.00s" /> 
        <text src="media/dreamland.txt" region="dreamland" begin="4.00s" end="50.00s" /> 
        <text src="media/by.txt" region="by1" begin="7.00s" end="50.00s" /> 
        <text src="media/don.txt" region="don" begin="8.00s" end="50.00s" /> 
  
        <text src="media/images.txt" region="images" begin="14.00s" end="50.00s" /> 
        <text src="media/nasa.txt" region="nasa" begin="15.00s" end="50.00s" /> 
  
        <text src="media/smil.txt" region="smil" begin="18.00s" end="50.00s" /> 
        <text src="media/by.txt" region="by2" begin="19.00s" end="50.00s" /> 
        <text src="media/me.txt" region="me" begin="20.00s" dur="3.00s" /> 
        <text src="media/jose.txt" region="jose" begin="23.00s" end="50.00s" /> 
       </par>
      <text src="media/title.txt" region="title" begin="3.00s" end="25.00s" /> 
     </seq>
    </par>
   </body>
 </smil>



Dave Marshall
10/4/2001