XHTML+SMIL: Captioned Video

This example synchronizes the presentation of image, text, and streaming audio stored in Oracle8i to sell music CDROMs.

More Advanced SMIL techniques

This is a rather silly example — only Netscape versions 4 through 6 support the tag, and its use has always been condemned as downright evil by most Web designers. Until now, it has always been difficult to make blinking text in Internet Explorer, but with SMIL it's almost too easy. The example below blinks once every second (1/2 second on, 1/2 second off).

Click on the box below and watch it get smaller over exactly 3 seconds.

These demos supplement the paper that can be found here. They are more completely explained in the paper, where the example syntax can also be found.

The following SMIL code plays on long soundtrack along with as series of images.

Example of a sample SMIL file.

SMIL: An Example

This example embeds the presentation defined in embed1.smil (located in this manual's samples/embed directory) within a Web page. The SMIL file defines the layout. This HTML page contains tags that embed the SMIL file and add RealPlayer controls. To see an example using HTML layout, view embed2.htm.

This chapter contains all the examples seen in this tutorial. Press "Next" to go through SMIL screens.

SMIL Example Code

This page provides the example code for Watermarking Video with SMIL. It also serves as the license verification page for the Creative Commons license that applies to this content.

The begin attributes delays a medium's beginning. Here, the VIM icon will wait 2 seconds before appearing for a duration of 6 other seconds.

This example shows how to position a media "verticaly" (along z).

This example shows how to position a media within a presentation, with relative positioning.

This example shows how to position a media within a presentation.

Our sample does not discuss with medias and synchronization. You are supposed to have fully understood previous chapters.

This example shows how to display two media in the same time (in parallel). SOJA and VIM icons will stand side by side during 6 seconds.

The graphics, media clips, images, sounds and text found on our website, unless stated otherwise, are within the Public Domain. You may download and use them. Credit back to the Cognitive Development Laboratory is appreciated.