• Save
SMIL Containers
Upcoming SlideShare
Loading in...5

Like this? Share it with your network


SMIL Containers



Organising content in groups

Organising content in groups



Total Views
Views on SlideShare
Embed Views



1 Embed 3

http://www.slideshare.net 3



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

SMIL Containers Presentation Transcript

  • 1. 6 SMIL Containers Organising Content in Groups
  • 2. 6.1 Grouping Content
    • Important SMIL module to understand
    • Provides foundation for building complex SMIL presentations
    • Can be confusing to new SMIL authors
      • Lack of SMIL authoring tools to assist the authoring process
    • Order of presentation
      • Explain grouping first and then how to apply timing and synchronisation
    • Tips for authors
      • Draw a diagram to assist design
      • Build up a collection of SMIL and XHTL+TIME templates
      • Plagiarise the SMIL or XHTML+TIME code of presentations with desired behaviour
  • 3. 6.2 Understanding Groups
    • Three elements are used to group content
    • Placed in the <body> of the SMIL file
    • Elements are:
      • <seq> <t:seq> - play clips in sequence
      • <par> <t:par> - play clips in parallel
      • <excl> <t:excl> - play only one clip in group at a time
    • Default group behaviours
      • No group behaviour is specified within the <body>
        • RealONE - plays clips in <seq> uence
        • IEv5.5 or v6 - plays clips in <par> allel
        • QuickTime - plays clips in <seq> uence
    • Groups can be nested to produce complex presentations
      • Using any order
      • To an infinite depth
  • 4. 6.3 <seq> Play Items in a Sequence
    • Simplest form of grouping
      • Slideshow for images etc.
      • Playlist for audio items
    • Any number and type of clips can be used
      • Display and image followed by audio followed by text followed by video etc.
    • Items play one after the other
      • This behaviour can be modified with the use of timing
      • Media such as audio has inherent timing
      • Other media such as images have to be given timing behaviour
    • <seq> is the default behaviour in RealONE and QuickTime
      • Default of XHTML+TIME in Internet Explorer is <par>
    •  Examples
      • Real ONE
      • QuickTime (create .mov file)
      • Internet Explorer v6
    <body> <seq> <img clip1 … /> <img clip2 … /> </seq> </body> <!-- Defining a sequence in XHTML+TIME --> <body> <t:seq> <t:img clip1 … /> <t:img clip2 … /> </t:seq> </body>
  • 5. 6.3.1 <seq> Diagram
    • [ image1] [image2] [image3]
    • >----------time-------------------->>
  • 6. 6.4<par> Play Items in Parallel
    • Allows multiple clips to play at the same time
      • Audio narration for a slide tour
      • Subtitling for a video
    • Different clips playing in different regions
      • Use the region id attribute to assign each clip to a region
        • region=“id”
      • Give audio a region to allow manipulation of audio level
        • Not supported in QuickTime
    • No implicit timing relationship of clips with each other
      • Timing relationships have to be made explicitly
    • Playing multiple clips can exceed available bandwidth
      • Need to consider prefetching content
      • Using lower bandwidth versions of media using <switch> statement
    • Examples
      • RealONE
      • QuickTime (create .mov)
      • Internet Explorer v6
    <!-- Play an image and an audio clip in parallel --> <par> <img clip1 … /> <audio clip2 … /> </par> <!-- Defining a parallel sequence in XHTML+TIME --> <t:par> <t:img clip1 … /> <t:audio clip2 … /> </t:par>
  • 7. 6.4.1 <par> Diagram
    • [image1------------------]
    • [text 1---------------------------]
    • [audio1-------------------------------------]
    • >------------------time ------------------------>>
  • 8. 6.5 <excl> Play Items One at a Time
    • Exclusive behaviour not supported in QuickTime
      • <excl> is part of SMIL2.0 and QuickTime implementation is limited to SMIL1.0
    • Features of a basic exclusive group
      • Only one clip will display at a time
      • Any type and combination of clips will observe this behaviour; audio, video, text, images etc.
      • Clip interruption behaviour is to stop playing the current clip
      • Order of display of clips is controlled by timing attributes
      • Group ends when the last clip has been displayed
    • Examples
      • Real One
      • Internet Explorer 6
    <excl> <img image1 begin=“3s” dur=“10s” /> <img image2 begin=“6s” dur=“10s” /> <img image3 begin=“0s” dur=“10s” /> </excl> <!-- Defining an exclusive group in XHTML+TIME --> <t:excl> <t:img image1 begin=“3” dur=“10” /> <t:img image2 begin=“6” dur=“10” /> <t:img image3 begin=“0” dur=“10” /> </t:excl>
  • 9. 6.5.1 <excl> Interruption Behaviour
    • Clip interruption behaviour modified with <priorityClass> element
    • All clips in a <priorityClass> are peers
    • Priority classes cannot be nested
    • Order of priority classes is significant: first is highest and last is lowest in order
    • Default is for peers to stop when they are interrupted
    • Other interruptions are
      • pause - clip resumes after interrupting clip finishes
      • defer - interrupting clip is deferred until clip finishes
      • never - interrupting clip is never permitted to begin
    • Examples
      • RealONE
      • Internet Explorer v6
    • Can anyone explain what is happening here?
    <excl> <priorityClass peers=“pause”> <img image1 begin=“3s” dur=“10s” /> … </priorityClass> </excl> <!-- Defining an exclusive group in XHTML+TIME --> <t:excl> <t:priorityClass peers=“pause”> <t:img image1 begin=“3” dur=“10” /> … </t:priorityClass> </t:excl>
  • 10. 6.5.2 <excl>Interaction Behaviour
    • Supports user interaction
      • Clicking on an image or button
      • User can choose from a list of options
    • Interaction is event driven
      • Uses the begin timing attribute
      • Dependent upon the support in the SMIL/XHTML+TIME client
    • Examples
      • Real ONE
      • Internet Explorer v6
    <excl> <img image1 begin=“0s; image2.activateEvent” dur=“indefinite” /> <img image2 begin=“image1.activateEvent” dur=“indefinite” /> </excl> <!-- Defining an exclusive group in XHTML+TIME --> <t:excl> <t:img image1 begin=“0; image2.onclick” dur=“indefinite” /> <t:img image2 begin=“image1.onclick” dur=“indefinite” /> </t:excl>
  • 11. 6 Nesting Groups Within Groups
    • Very powerful feature of SMIL
    • Can be confusing at first
    • Needed to build even simple presentations
      • Narrated slide show
      • Text subtitling for video
    • Remember client defaults
      • RealONE and QuickTime - <seq>
      • Internet Explorer v6 - <par>
  • 12. 6.6.1 Nesting Element Groups
    • Sequential group nested inside parallel group
      • All clips and groups play in parallel
        • One or more can play at the same time
        • Not that they all begin at the same time!
      • Timing is relative to the containing group
        • Images take timing from containing sequence
        • Audio and sequence take timing from parallel group
    • Examples
      • Real ONE
      • Internet Explorer v6
    <par> <audio clip … /> <seq> <img1 clip … /> <img2 clip … /> </seq> </par> <!-- Define similar behaviour in XHTML+TIME --> <t:par> <t:audio clip … /> <t:seq> <t:img image1 … /> <t:img image2 … /> </t:seq> </t:par>
  • 13. 6.6.2 Nesting Element Groups
    • Parallel group nested inside a sequential group
      • All items play in sequence
        • Clips begin once the previous one has finished
      • Timing is relative to the containing group
        • For the par group and image clips timing is relative to the seq group enclosing them
        • For the audio, text and img clip, timing is relative to the par group enclosing them
      • This grouping could be used to provide an audio narration for just one of a series of images
    • Exercise: Write out the equivalent XHTML+TIME code
    • Examples
      • Real ONE
      • Internet Explorer v6
    <seq> <video1 video … /> <par> <audio1 audio … /> <img1 image … /> </par> <video2 video … /> </seq>
  • 14. 6.7 Review
    • Just three types of group
      • <par> - parallel
        • More than one clip can play together
      • <seq> - sequence
        • Clips play one after the other in order
      • <excl> - exclusive
        • Only one clip at a time may play
    • SMIL and XHTMl+TIME clients have default groups
      • <seq> RealONE and QuickTime
      • <par> Internet Explorer v6
    • Groups are nested to control presentations
      • Can be confusing
      • Use templates for typical applications