Create an attractive presentation in a combination of PHP and SMIL

From the beginning.

　This article describes how to use Synchronized Multimedia Integration Language (SMIL) and PHP to add attractive slide presentations to your site. For those who don't know much about SMIL, you will find that SMIL is very lightweight and easy to use by reading this article.

　PHP is compatible with SMIL, allowing SMIL dynamic operation and server-side support. If these two kinds are used together, great achievements can be made.

What is SMIL?

　SMIL is one of the W3C standards. SMIL can be described in XML and create presentations using expressions similar to HTML, such as slides showing multiple multimedia files. SMIL provides a way to define element sequences, durations, visibility, and so on.

How to play SMIL files

　To play a SMIL presentation, you need a SMIL player. SMIL players have been released on the network, such as:

　Version 5.5 or later of Internet Explorer allows local playback of SMIL presentations. For a detailed list of player options, see the SMIL player page.

Edit the SMIL briefing

　You can also write SMIL presentations by hand, but it is much easier to use the SMIL editor. The following editors are often used.

　A detailed list of editing / authoring tools is also available on SMIL's main website.

The basic structure of SMIL file

　The SMIL file can contain the following objects:

　SMILドキュメントのルート要素はタグで、これはとという2つの下位要素を持っています。一般に、SMILドキュメントの名前には「.smil」拡張子を付けます。要素の内容は、メディア要素、ハイパーリンク、他のマルチメディアオブジェクトへの参照などです。

、、の各要素は次の属性を持つことができます。

　This article does not cover the details of each element and attribute in SMIL. For those who are interested, please see the tutorial here.

　The following example is a simple SMIL document that displays a flower1.jpg image for 5 seconds.

　As you can see from the code, the image starts to display after 2 seconds and lasts for 5 seconds.

　The following example is a simple SMIL document: This creates a slide show and places three images in a 250 × 250 pixel layout (see figure 1). The duration of each image is longer with each second.