Go back to main page

The SMIL Tutorial - Table of contents

Chapter 1. Introduction

[jump to cover]

1 Copyright
2 Navigation
3 Coming next...

Chapter 2. What is SMIL?

[jump to cover]

1 What does SMIL mean?
2 What can you do with SMIL?
3 How to write a SMIL document
4 Your first SMIL document
5 The code in detail
6 Tags can end with a slash
7 Coming next...

Chapter 3. Layout

[jump to cover]

1 The <layout> section
2 Window settings
3 Your first window appears!
4 Absolute Positioning
5 The Region
6 The <region> tag
7 The <img> tag
8 Relative Positioning
9 When two regions overlay
10 z-index
11 Images but also video, audio,...
12 How to fit a media in its area?
13 Make your medium fill its area
14 Make your medium meet its area
15 Make your medium slice its area
16 Make your medium scroll within its area
17 Coming next

Chapter 4. Synchronization

[jump to cover]

1 The fourth dimension: time!
2 The vim icon during 6 seconds...
3 Delaying a media
4 The "begin" parameter
5 Sequence: a media... and then an other
6 The <seq> tag
7 Parallel: several media in the same time
8 The <par> tag
9 Coming next

Chapter 5. Advanced Users

[jump to cover]

1 From basic synchronization...
2 ... to event-based synchronization
3 The "begin" event
4 The "begin" event (source)
5 Switching
6 An example to understand
7 The <switch> tag
8 <switch> by the source
9 Several tests in one tag
10 What can be tested?
11 Coming next

Chapter 6. Tools

[jump to cover]

1 Real Player TM (Real)
2 Real Player window
3 SOJA (Helio)
4 GRINS (CWI)
5 Coming next

Chapter 7. Reference

[jump to cover]

1 <smil>
2 <head>
3 <meta>
4 <layout>
5 <root-layout>
6 <region>
7 <body>
8 <seq>
9 <par>
10 <switch>
11 <a>
12 <anchor>
13 Media tags with no clip attributes: <img> and <text>
14 Media tags with clip attributes: <video>, <audio>,...
15 The End

Chapter 8. Examples

[jump to cover]

1 Region example
2 Relative positioning example
3 z-index example
4 Time example: duration
5 Time example: begin
6 Time example: sequence
7 Time example: parallel
8 Advanced: events
9 Advanced: switch

The SMIL Tutorial is ©HELIO 1998-1999 all rights reserved