AnswersSearchHelp
Boston University home page
Creating Multimedia with SMIL
 
 
   
    SMIL Concepts
 
 
 
 
 
    Layout
 
 
 
 
 
    Timing
 
 
 
 
    Practice
 
 
 
 
    Also See
   
   
    A/V Tutorials
   
   
   
   
   
   
   
   
    Vendor Sites
   
   

Practice Part 2

Copy the following text to add layout, layering, and background colors to your presentation.

<smil>
<head>
<meta name="title" content="Sample SMIL template" />
<meta name="author" content="Susan Mix, NIS" />
<meta name="copyright" content="(c)2001" />
<layout>
<root-layout width="580" height="350" background-color="#fff7e7" />
<region id="banner" width="580" height="138" left="0" top="0" z-index="1" />
<region id="video" width="240" height="180" left="330" top="130" z-index="5" background-color="#fff7e7"/>
<region id="slide1" width="448" height="348" left="0" top="75" z-index="2" background-color="#fff7e7"/>
<region id="slide2" width="448" height="348" left="0" top="75" z-index="3" />
<region id="slide3" width="448" height="348" left="0" top="75" z-index="4" />
</layout>
</head>
<body>

<img src="rtsp://realserver.bu.edu:554/a/v/av/nis/training/smil/banner.gif" region="banner" />

<video id="favoritepoem" src="rtsp://realserver.bu.edu:554/a/v/av/nis/training/smil/favoritepoem.rm" region="video" />

<img src="rtsp://realserver.bu.edu:554/a/v/av/nis/training/smil/slide1.gif" region="slide1" />
<img src="rtsp://realserver.bu.edu:554/a/v/av/nis/training/smil/slide2.gif" region="slide2" />
<img src="rtsp://realserver.bu.edu:554/a/v/av/nis/training/smil/slide3.gif" region="slide3" />

</body>
</smil>

 

WebCentral UsingPublishingLearningTrainingConsultingWebCentral
AnswersSearchHelp
NIS  |  OIT  |  Boston University  |   October 24, 2002