W3Schools

home HOME

SMIL Tutorial

SMIL HOME
SMIL Intro
SMIL Files
SMIL HTML
SMIL XHTML
SMIL Timing
SMIL Sequence
SMIL Parallel
SMIL Transitions
SMIL Media
SMIL Reference

Selected Reading
Web Statistics
Web Glossary
Web Hosting
Web Quality

W3Schools Forum

Helping W3Schools

SMIL Media Elements

Previous Next

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.


Previous Next


Ektron
Ektron

The Ektron Intranet lets you do everything you need to do on your corporate intranet and everything you want to do... all with just one application.

What can you do with the Ektron Intranet?

Ektron

Navigate through content, documents, assets, colleagues and workgroups quickly and intuitively with enterprise search

Ektron

Communicate with friends and colleagues with forums, message boards and corporate blogging using the new Social Networking Platform

Ektron

Promote collaboration among coworkers in your organization through project workspaces where others can efficiently find information and work together

Ektron

Personalize your company profile by bookmarking and organizing favorite content, uploading assets, posting photos, blogging, and more

Ektron

Interact with features like tagging, flagging, wikis and ratings found in the Web 2.0 Toolbox

Ektron

Author/edit content, manage navigation, menus, audit trails, workflow and approvals with the best in breed Content Management

See why there are 20,000+ Ektron integrations worldwide.
Request an INSTANT DEMO or download a FREE TRIAL today.




Jump to: Top of Page or HOME or Printer Friendly Printer friendly page

W3Schools provides material for training only. We do not warrant the correctness of its contents. The risk from using it lies entirely with the user. While using this site, you agree to have read and accepted our terms of use and privacy policy.

Copyright 1999-2008 by Refsnes Data. All Rights Reserved.

Validate Validate W3C-WAI level A conformance icon W3Schools was converted to XHTML in December 1999
SITE SEARCH
 
About W3Schools
W3Schools Forum
Name Registration
Domain Name
Registration & More!
WEB HOSTING
$15 Domain Name
Registration
Save $20 / year!
UK Domain Names
UK Web Hosting

Alojamiento Web
Buy UK Domain Names
Register Domain Names
Cheap Domain Names
Cheap Web Hosting
Best Web Hosting
Domain Name Registration
PHP MySQL Hosting
Top 10 Web Hosting
Web Hosting Providers
Web Hosting Company
UK Web Hosting
UK Reseller Hosting
Web Hosting
WEB BUILDING
Website Templates
Flash Templates
Website Builder
Internet Business Opportunity
Custom Programming
FREE Trial or Demo
Web Content Manager
Forms,Web Alerts,RSS
Ecommerce Software
XMLSpy XML Editor
Azbuz Blog
SHOPPING
UK Wholesalers
UK Wholesale
UAE Dubai Property
Private Student Loans
UK Dropshippers & Wholesalers Directory
EDUCATION
US Web Design Schools
HTML Exam
YELLOW PAGES
www.nettkatalogen.no
www.gulex.dk
www.gulex.se
www.gelbex.de
www.teloos.fi
www.teloos.fr
www.teloos.co.uk
www.teloos.at
www.teloos.de