Prefetch with SMIL 2.0 Profile

Click on Prefetch Element in the SMIL code to view Tutorial.

RealPlayer SMIL 2 player.

<smil xmlns="http://www.w3.org/2001/SMIL20/Language">
 <head>
  <meta name="title" content="Garden SMIL" />
  <layout>
   <root-layout id="Los_Angeles_Gardens" title="Garden" width="600" height="400" />
   <region id="region_house" title="Garden" top="0" left="0" width="600" height="400" z-index="1" />
   <region id="region_title" title="title_LA" top="50" left="50" width="300" height="170" z-index="2" />
   <region id="region_ducks" title="ducks" top="50" left="150" width="300" height="170" z-index="3" />
   <region id="region_peacock" title="peacock" top="50" left="250" width="300" height="170" z-index="4" />
   <region id="region_garden" title="Garden" top="0" left="0" width="600" height="400" z-index="2" />
   <region id="region_closeup_1" title="closeup1" top="200" left="200" width="400" height="200" z-index="3" />
   <region id="region_closeup_2" title="closeup2" top="0" left="0" width="200" height="400" z-index="4" />
   <region id="region_closeup_3" title="closeup3" top="00" left="200" width="400" height="200" z-index="5" />
   <region id="region_forest_1" title="forest1" top="0" left="0" width="600" height="400" z-index="4" />
   <region id="region_orchid_1" title="orchid1" top="15" left="15" width="500" height="300" z-index="5" />
   <region id="region_forest_2" title="forest2" top="15" left="15" width="600" height="400" z-index="6" />
   <region id="region_orchid_2" title="orchid2" top="30" left="30" width="500" height="300" z-index="7" />
   <region id="region_forest_3" title="forest3" top="30" left="30" width="600" height="400" z-index="8" />
   <region id="region_orchid_3" title="orchid3" top="60" left="60" width="500" height="300" z-index="9" />
   <region id="region_images_2" title="Garden" top="0" left="0" width="600" height="400" z-index="10" />
   <region id="region_txt" title="Credits" top="50" left="100" width="400" height="300" z-index="11" />
  </layout>
  <transition id="fade_1" dur="1s" type="fade" />
  <transition id="fade_2" dur="3s" type="fade" />
   <transition id="fade_3" dur="5s" type="fade" />
 </head>
  <body>
  <seq>
    <prefetch src="media/Sound012_0.mp3" mediaSize="100%" />
   <prefetch src="media/house_0_21b.jpg" mediaSize="100%" />
   <prefetch src="media/garden_4ad.jpg" mediaSize="100%" />
   <prefetch src="media/ducks_1b.jpg" mediaSize="100%" />
   <prefetch src="media/peacock_1_2a.jpg" mediaSize="100%" />
   <prefetch src="media/garden_7a.jpg" mediaSize="100%" />
   <prefetch src="media/garden_5b.jpg" mediaSize="100%" />
   <prefetch src="media/garden_3_v1a.jpg" mediaSize="100%" />
   <prefetch src="media/garden_2b.jpg" mediaSize="100%" />
   <prefetch src="media/garden_10b.jpg" mediaSize="100%" />
   <prefetch src="media/garden_6_2b.jpg" mediaSize="100%" />
   <prefetch src="media/garden_8b.jpg" mediaSize="100%" />
   <prefetch src="media/garden_9e.jpg" mediaSize="100%" />
   <prefetch src="media/credits.rt" mediaSize="100%" />
  </seq>
  <par>
   <audio id="audio_1" begin="2s" dur="49.54s" src="media/Sound012_0.mp3" />
   <img id="house" transIn="fade_1" transOut="fade_2" region="region_house"
     begin="4.21s" end="19.57s" src="media/house_0_21b.jpg" />
   <img id="title" transIn="fade_1" transOut="fade_1" region="region_title"
     begin="6.35s" end="15.48s" src="media/garden_4ad.jpg" />
   <img id="ducks" transIn="fade_1" transOut="fade_1" region="region_ducks"
     begin="10.96s" end="15.48s" src="media/ducks_1b.jpg" />
   <img id="peacock" transIn="fade_1" transOut="fade_1" region="region_peacock"
     begin="13.26s" end="15.48s" src="media/peacock_1_2a.jpg" />
   <img id="garden1" transIn="fade_2" region="region_garden"
     begin="19.57s" end="37.00s" src="media/garden_7a.jpg" />
   <img id="closeup1" transIn="fade_1" transOut="fade_2" region="region_closeup_1"
     begin="25.46s" end="38.58s" src="media/garden_5b.jpg" />
   <img id="closeup2" transIn="fade_1" transOut="fade_2" region="region_closeup_2"
     begin="28.11s" end="38.58s" src="media/garden_3_v1a.jpg" />
   <img id="closeup3" transIn="fade_1" transOut="fade_2" region="region_closeup_3"
     begin="30.67s" end="38.58s" src="media/garden_2b.jpg" />
   <img id="forest1" region="region_forest_1" begin="39.58s" end="47.46s" src="media/garden_10b.jpg" />
   <img id="orchid1" region="region_orchid_1" begin="40.10s" end="47.46s" src="media/garden_6_2b.jpg" />
   <img id="forest2" region="region_forest_2" begin="41.97s" end="47.46s" src="media/garden_10b.jpg" />
   <img id="orchid2" region="region_orchid_2" begin="42.53s" end="47.46s" src="media/garden_8b.jpg" />
   <img id="forest3" region="region_forest_3" begin="44.43s" end="47.46s" src="media/garden_10b.jpg" />
   <img id="orchid3" region="region_orchid_3" begin="45.09s" end="47.46s" src="media/garden_9e.jpg" />
   <ref id="text4" transIn="fade_1" region="region_txt" begin="52.54s" dur="60.00s" src="media/credits.rt" />
  </par>
 </body>
</smil>

View this SMIL 2.0 profile example (about 1.2MB and 1 minute long) online or a HTML+SMIL version (latest IE 6 required), also you can download both versions, zip upped, media included.

Let me know what you think.

Back to Homepage
Jose Ramirez 2001