SMIL Media Elements
SMIL uses media element to describe content.
Media Elements
The following media elements can be used to include media objects in a SMIL
document:
| Element |
Description |
Ver |
| <animation> |
Defines an animation |
1 |
| <audio> |
Defines an audio clip |
1 |
| <brush> |
Defines a brush |
1 |
| <img> |
Defines an image |
1 |
| <param> |
Defines a parameter |
1 |
| <ref> |
Defines a generic media reference |
1 |
| <text> |
Defines a text |
1 |
| <textstream> |
Defines a texstream |
1 |
| <video> |
Defines a video |
1 |
Media Attributes
Each media object in a SMIL document must be included using a reference (URL)
in the src attribute. The src attribute is the most commonly used attribute for
media elements.
The type attribute is used to define the media type. If the type attribute is
omitted the application should rely on the type information communicated by the
server. Developers should not rely on the file type extension to define the file
type.
| Attribute |
Description |
Ver |
| erase |
Defines the behavior of the element after any timing is
complete |
1 |
| src |
Defines the source of a media object |
1 |
| type |
Defines the media type |
1 |
For a full list of SMIL elements and attributes:
W3Schools SMIL Reference.
The <animation> Element
The <animation> element defines a reference to an animation object stored as vector graphics or
in another animated format.
The <animation> element should not be confused with the <animate> element.
The <animation> element defines an animation object by reference. The <animate>
elements defines the animation of other elements.
The <audio> Element
The <audio> element defines a reference to an audio object stored as recorded
audio.
Example:
<html xmlns:t="urn:schemas-microsoft-com:time">
<head>
<?import namespace="t" implementation="#default#time2">
</head>
<body>
<t:audio
src="liar.wav"
repeatCount="indefinite"
type="wav" />
</body>
</html>
|
Click here to try it yourself.
The <brush> Element
The <brush> element defines a fill color or fill pattern.
The element defines painting a color or a pattern in place of a media object.
The <img> Element
The <img> element defines a reference to an image object stored as JPG or an
other image format.
Example: <img src="myimage.gif" type="GIF" />
The <param> Element
The <param> element defines a parameter to any other media element.
Example: <param name="color" value="red" />
The <ref> Element
The <ref> element defines a reference to a generic media object.
The <ref> element can be used when the media type is not well defined.
The <text> Element
The <text> element defines a reference to a text object stored as text.
The <textstream> Element
The <textstream> element defines a reference to an text object stored as
a text-stream.
The <video> Element
The <video> element defines a reference to a video object stored as recorded
video.
Example:
<html xmlns:t="urn:schemas-microsoft-com:time">
<head>
<?import namespace="t" implementation="#default#time2">
</head>
<body>
<t:video
src="http://www.ananova.com/about/vap_windows_check.wmv"
repeatCount="indefinite"
type="wmv" />
</body>
</html>
|
Click here to try it yourself.
Reliable, affordable, feature-rich web hosting!
Take the uncertainty out of Web hosting and let
GoDaddy.com
put service, performance and value back in. No matter which
hosting type or plan you choose, your site receives 24/7
maintenance and protection in our world-class data center. Plus,
you get the expert, friendly service you deserve, from the
world's largest hostname provider.
With three plans to choose from and
prices starting at just $4.99 per month, GoDaddy.com is sure to have a plan that's
right-sized and right-priced just for you!
All plans feature FREE 24x7 setup, FREE 24x7 monitoring, best-
of-breed routers, firewalls and servers, 24x7 onsite physical security
and access to our exclusive Go Daddy Hosting Connection, THE place
to install over 30 FREE applications. Virtual Dedicated and Dedicated
Server plans also available.
Visit GoDaddy.com today.
Virtual Dedicated, Dedicated Server and unlimited plans also available.
Save 10% on web hosting - Enter code w3tenoff at checkout
 |
|
Get Your Diploma!
W3Schools' Online Certification Program is the perfect solution for busy
professionals who need to balance work, family, and career building.
The HTML Certificate is for developers who want to document their knowledge of HTML, XHTML, and CSS.
The JavaScript Certificate is for developers who want to document their knowledge of JavaScript and the HTML DOM.
The XML Certificate is for developers who want to document their knowledge of XML, XML DOM and XSLT.
The ASP Certificate is for developers who want to document their knowledge of ASP, SQL, and ADO.
The PHP Certificate is for developers who want to document their knowledge of PHP and SQL (MySQL).
|
| 
