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

Outline

I. SMIL basics (15 minutes)

A. Some examples:
  1. President's Office

  2. Commencement

  3. SMG Finance2000

B. SMIL is a specification being developed by W3C

  1. SMIL is short for Synchronized Multimedia Integration Language.

  2. It is a markup language - SMIL works for RealPlayer the way HTML works for a Web browser.

  3. It is XML-based

  4. SMIL 2.0 currently has achieved W3C "Recommendation" status

  5. According to W3C, " [SMIL] enables authors to specify what should be presented when, enabling them to control the precise time that a sentence is spoken and make it coincide with the display of a given image appearing on the screen"

C. Advantages of SMIL

  1. Keeps original content intact.

  2. Allows you to use clips in different locations.

  3. Time and control a presentation.

  4. Lay out a presentation.

  5. Provide alternate presentations

  6. Create with any text editor

C. Disadvantages

  1. Lack of final spec, so not completely standardized across platforms

  2. Lack of graphical editors and development tools

II. The SMIL file (10 minutes, hands on)

A. A SMIL file is a "metafile" that defines the whole presentation:

  1. it indicates the source for media and data files

  2. it describes the overall layout of the presentation

  3. it establishes the overall presentation time line.

B. Elements of a SMIL file

  1. <smil></smil> tag (required)

  2. <body></body> tag (required)

  3. <src> tags for referencing media files (required)
    1. URL syntax for referencing media files on Real server
      1. audio - .rm, .mov, .mp3
      2. video - .rm, .mov
      3. graphics - .gif, .jpg, .png format
      4. animation - .swf
    2. URL syntax for referencing media files on Web server
      1. text - .txt
      2. graphics - .gif, .jpg

  4. < head></head> (optional, but strongly recommended)
    1. presentation information

    2. layout tags

C. Use the example text to create a .smil file that contains links to three media files.

III. Presentation Layout (15 minutes, hands on)

A. Root Layout and Playback Regions

B. Background colors in regions

C. Layer order with z-index

D. Additional header information

E. Use the example text to add playback regions to your .smil file

IV. Presentation Timing 1(15 minutes, hands on)

A. Parallel tags

B. Sequence tags

V. Presentation Timing 2 (15 inutes, hands on)

A. Begin and End timecodes

B. Loops

C. Fills

VI. Bandwidth considerations (5 minutes)

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