More Advanced SMIL techniques

The uxmal presentation

• The uxmal project
• Source of uxmal.smil
• Example of problem-solving with SMIL

Basic Transitions

• The transition project
• source of trans.smil
• Defining transitions
• Setting transition type
• Setting transition subtype
• Assigning a transition to a clip

Overlapping Transitions

• Overlapping transitions
• source of overLap.smil
• put all clips in parallel
• use begin and end to define when they begin and end
• have them overlap
• use transitions to determine what user sees

Animation

• Animation Presentation
• Source of animate.smil
• Generating an animate tag
• choosing the attribute
• setting beginning value
• setting ending value
• dealing with timing
• messing with the fit
• modifying an entire region

Adding Hyperlinks

• menu presentation
• source of menu.smil
• Setting up multiple regions
• Surrounding media with anchor tag
• Setting up access keys

Embedding a SMIL document in HTML

• Embedded SMIL example
• Using the embed tag
• Specifying the source and size
• using controls parameter to specify what is showing
• using console parameter to group controls
• Adding more embedded elements for control panels
• Using javaScript to control the real player