You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2009 lines
93 KiB
2009 lines
93 KiB
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
|
"http://www.w3.org/TR/html4/loose.dtd">
|
|
<html>
|
|
<head>
|
|
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
|
|
<title>XHTML+SMIL Profile</title>
|
|
<link rel="stylesheet" type="text/css"
|
|
href="http://www.w3.org/StyleSheets/TR/W3C-NOTE.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="head">
|
|
<a href="http://www.w3.org/"><img height="48" alt="W3C" width="72" border="0"
|
|
src="http://www.w3.org/Icons/w3c_home"></a>
|
|
|
|
<h1>XHTML+SMIL Profile</h1>
|
|
|
|
<h2>W3C Note 31 January 2002</h2>
|
|
<dl>
|
|
<dt>This version</dt>
|
|
<dd><a
|
|
href="http://www.w3.org/TR/2002/NOTE-XHTMLplusSMIL-20020131/">http://www.w3.org/TR/2002/NOTE-XHTMLplusSMIL-20020131/</a></dd>
|
|
<dt>Latest version</dt>
|
|
<dd><a
|
|
href="http://www.w3.org/TR/XHTMLplusSMIL/ ">http://www.w3.org/TR/XHTMLplusSMIL/</a></dd>
|
|
<dt>Previous version</dt>
|
|
<dd><a
|
|
href="http://www.w3.org/TR/2001/WD-XHTMLplusSMIL-20010807/">http://www.w3.org/TR/2001/WD-XHTMLplusSMIL-20010807/</a></dd>
|
|
<dt>Editors:</dt>
|
|
<dd>Debbie Newman (<a
|
|
href="mailto:debbien@microsoft.com">debbien@microsoft.com</a>),
|
|
Microsoft <br>
|
|
Aaron Patterson, (<a
|
|
href="mailto:a-apatt@microsoft.com">a-apatt@microsoft.com</a>),
|
|
Microsoft</dd>
|
|
<dd>Patrick Schmitz (<a
|
|
href="mailto:cogit@ludicrum.org">cogit@ludicrum.org</a>), Invited
|
|
Expert</dd>
|
|
</dl>
|
|
|
|
<p class="copyright"><a
|
|
href="http://www.w3.org/Consortium/Legal/ipr-notice-20000612#Copyright">Copyright</a>
|
|
©2001, 2002 <a href="http://www.w3.org/"><abbr
|
|
title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a
|
|
href="http://www.lcs.mit.edu/"><abbr
|
|
title="Massachusetts Institute of Technology">MIT</abbr></a>, <a
|
|
href="http://www.inria.fr/"> <abbr lang="fr"
|
|
title="Institut National de Recherche en Informatique et Automatique">
|
|
INRIA</abbr></a>, <a href="http://www.keio.ac.jp/">Keio</a>), All Rights
|
|
Reserved. W3C <a
|
|
href="http://www.w3.org/Consortium/Legal/ipr-notice-20000612#Legal_Disclaimer">
|
|
liability</a>, <a
|
|
href="http://www.w3.org/Consortium/Legal/ipr-notice-20000612#W3C_Trademarks">
|
|
trademark</a>, <a
|
|
href="http://www.w3.org/Consortium/Legal/copyright-documents-19990405">
|
|
document use</a> and <a
|
|
href="http://www.w3.org/Consortium/Legal/copyright-software-19980720">
|
|
software licensing</a> rules apply.</p>
|
|
</div>
|
|
|
|
<p></p>
|
|
<hr title="Separator from Header">
|
|
|
|
<h2>Abstract</h2>
|
|
|
|
<p>The XHTML+SMIL profile defines a set of XHTML abstract modules that
|
|
support a subset of the SMIL 2.0 specification. It includes functionality
|
|
from SMIL 2.0 modules providing support for animation, content control, media
|
|
objects, timing and synchronization, and transition effects. The profile also
|
|
integrates SMIL 2.0 features directly with XHTML and CSS, describing how SMIL
|
|
can be used to manipulate XHTML and CSS features. Additional semantics are
|
|
defined for some XHTML elements and CSS properties.</p>
|
|
|
|
<p>The profile is designed for Web clients that support XHTML+SMIL markup
|
|
validating to this profile's implementation DTD. The document type definition
|
|
(DTD) and XML Schema <a href="#ref-XSCHEMA">[XSCHEMA]</a> are implemented
|
|
using SMIL modules as defined in "Modularization of SMIL" <a
|
|
href="#ref-SMIL-MOD-NOTE">[SMIL-MOD-NOTE]</a>, and "The SMIL 20 Modules" <a
|
|
href="#ref-SMIL20-MOD">[SMIL20-MOD]</a>.</p>
|
|
|
|
<h2 id="Status">Status of this document</h2>
|
|
|
|
<p><em>This section describes the status of this document at the time of its
|
|
publication. Other documents may supersede this document. The latest status
|
|
of this document series is maintained at the W3C.</em></p>
|
|
|
|
<p>This document is a Note submitted to the W3C with the intention that it be
|
|
used as a basis to further the work of integrating SMIL functionality into
|
|
XHTML.</p>
|
|
|
|
<p>This Note has been produced by the <a
|
|
href="http://www.w3.org/AudioVideo/Group/">SYMM Working Group</a> (<em><a
|
|
href="http://cgi.w3.org/MemberAccess/">members only</a></em>), and reflects
|
|
the opinions of some members of that Working Group.</p>
|
|
|
|
<p>This specification is a revision of the W3C Working Draft <a
|
|
href="http://www.w3.org/TR/2001/WD-XHTMLplusSMIL-20010807/">XHTML+SMIL
|
|
Profile</a> available in the early phase but removed from the SMIL2.0
|
|
specification.</p>
|
|
|
|
<p>The authors welcome comments on this document, but they do not guarantee a
|
|
reply or any further action. Please send comments to <a
|
|
href="mailto:www-smil@w3.org">www-smil@w3.org</a>. The archive of public
|
|
comments is available at <a
|
|
href="http://lists.w3.org/Archives/Public/www-smil/">http://lists.w3.org/Archives/Public/www-smil/</a>.
|
|
This document may be updated or added to based on implementation experience,
|
|
but no commitment is made by the W3C, or any of its members, regarding future
|
|
updates.<br>
|
|
</p>
|
|
|
|
<p>This document is a Note made available by the W3C for discussion only.
|
|
Publication of this Note by W3C indicates no endorsement by W3C or the W3C
|
|
Team, or any W3C Members. A list of current W3C technical reports and
|
|
publications, including Working Drafts and Notes, can be found at <a
|
|
href="http://www.w3.org/TR">http://www.w3.org/TR</a> .</p>
|
|
|
|
<p></p>
|
|
|
|
<p></p>
|
|
<hr>
|
|
|
|
<h2 id="TOC">Table of Contents</h2>
|
|
<ul>
|
|
<li><a href="#HTML-SMIL-ProfileNS-Intro">Introduction</a></li>
|
|
<li><a href="#HTML-SMIL-ProfileNS-NormDef">Normative Definition of
|
|
XHTML+SMIL</a></li>
|
|
<li><a href="#XHTML-SMIL-Profile">XHTML+SMIL Profile</a></li>
|
|
<li><a href="#Animation-Module">Animation Module</a></li>
|
|
<li><a href="#Content-Control-Module">Content Control Module</a></li>
|
|
<li><a href="#Media-Module">Media Object Module</a></li>
|
|
<li><a href="#Timing-Synchronization-Module">Timing and Synchronization
|
|
Module</a></li>
|
|
<li><a href="#Time-Manipulations">Time Manipulations Module</a></li>
|
|
<li><a href="#Transition-Effects-Module">Transition Effects Module</a></li>
|
|
<li><a href="#HTML-SMIL-ProfileNS-AppendixDTD">Appendix A: Document Type
|
|
Definition</a></li>
|
|
<li><a href="#AppendixB">Appendix B: References</a></li>
|
|
</ul>
|
|
|
|
<h2 id="Introduction"><a
|
|
name="HTML-SMIL-ProfileNS-Intro"></a>1-Introduction</h2>
|
|
|
|
<p>This section is <em>informative.</em></p>
|
|
|
|
<p>This profile describes the SMIL modules that are added to XHTML, and
|
|
details the integration issues, including the application of integrated SMIL
|
|
modules to CSS styles <a href="#ref-CSS2">[CSS20]</a>. Language integration
|
|
is accomplished with a set of XHTML modules using the semantics defined in
|
|
XHTML Modularization <a href="#ref-XMOD">[XMOD]</a>. The XHTML+SMIL Profile
|
|
adds timing, animation and multimedia functionality to these XHTML elements.
|
|
XHTML elements that make up the modules defined in XHTML Modularization <a
|
|
href="#ref-XMOD"> [XMOD]</a> are described in the W3C Recommendation for
|
|
HTML 4 <a href="#ref-HTML4"> [HTML4]</a> .</p>
|
|
|
|
<p>The document type defined by the XHTML+SMIL profile is <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/conformance.html#s_conform_document_type">
|
|
XHTML Host language document type</a> conformant.</p>
|
|
|
|
<h3 id="Motivation">1.1-Motivation and applications</h3>
|
|
|
|
<p>Using the SMIL timing extensions, any XHTML element on which timing
|
|
functionality is supported can be set to appear at a given time, to last for
|
|
a specified duration, and to repeat (i.e. loop). Basic timing and
|
|
synchronization and functionality is supported with a simple syntax, and more
|
|
complex timing constructs can be described. Event-based interactive timing is
|
|
also supported. </p>
|
|
|
|
<p>The Animation and Transition modules provide additional support for
|
|
authors to define presentation content that includes motion, style animation,
|
|
transition effects and other features commonly found in
|
|
presentation/multimedia authoring tools and runtimes.</p>
|
|
|
|
<p>In order to easily integrate time-based media (e.g. video and audio), the
|
|
SMIL media elements are included. SMIL Content control provides elements and
|
|
attributes to control alternative (including accessible and
|
|
internationalized) content.</p>
|
|
|
|
<h3 id="Design">1.2-Design Rationale</h3>
|
|
|
|
<p>This section explains why certain modules of SMIL 2.0 <a
|
|
href="#ref-SMIL20">[SMIL20]</a> are not included. The general philosophy is
|
|
to use XHTML modules where appropriate, and to include the SMIL modules when
|
|
they provide essential enhancements.</p>
|
|
|
|
<p><strong>Layout Module:</strong> The <a
|
|
href="http://www.w3.org/TR/smil20/layout.html"> SMIL 2.0 layout module </a>
|
|
is not included. The XHTML/CSS layout model provides layout functionality.</p>
|
|
|
|
<p><strong>Linking Module:</strong> The <a
|
|
href="http://www.w3.org/TR/smil20/extended-linking.html"> SMIL 2.0 linking
|
|
module</a> is not included, as XHTML provides linking functionality.</p>
|
|
|
|
<p><strong>Structure Module:</strong> The <a
|
|
href="http://www.w3.org/TR/smil20/structure.html"> SMIL 2.0 structure
|
|
module</a> is not included, as the XHTML document is defined to be the host
|
|
language, and so provides the equivalent elements and semantics. </p>
|
|
|
|
<p><strong>Metainformation Module:</strong> The <a
|
|
href="http://www.w3.org/TR/smil20/metadata.html"> SMIL 2.0 Metainformation
|
|
module</a> is not included, as XHTML provides metadata functionality. </p>
|
|
|
|
<h2 id="NormDef">2-<a name="HTML-SMIL-ProfileNS-NormDef"></a> Normative
|
|
Definition of XHTML+SMIL</h2>
|
|
|
|
<p>This section is <em>normative.</em></p>
|
|
|
|
<h3 id="s2.1">2.1-Document Conformance</h3>
|
|
|
|
<p>A <em>conforming</em> XHTML+SMIL document is a document that requires only
|
|
the facilities described as mandatory in this specification. Such a document
|
|
must meet all of the following criteria:</p>
|
|
<ol>
|
|
<li>It must validate against the XML DTD found in <a
|
|
href="#HTML-SMIL-ProfileNS-AppendixDTD"> Appendix A</a></li>
|
|
<li>The root element of the document must be <span
|
|
class="einst">html</span>.</li>
|
|
<li>The name of the default namespace on the root element must be the XHTML
|
|
namespace name: <code>http://www.w3.org/1999/xhtml</code>.</li>
|
|
<li>If a DOCTYPE declaration is present and includes a public identifier,
|
|
the DOCTYPE declaration must reference the DTD found in <a
|
|
href="#HTML-SMIL-ProfileNS-AppendixDTD"> Appendix A</a> using its Formal
|
|
Public Identifier. The system identifier may be modified appropriately.
|
|
<pre class="dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+SMIL //EN" "http://www.w3.org/2001/SMIL20/WD/xhtmlplussmil.dtd"></pre>
|
|
</li>
|
|
</ol>
|
|
|
|
<h3 id="s2.2">2.2-User Agent Conformance</h3>
|
|
|
|
<p>The user agent must conform to the "<a
|
|
href="http://www.w3.org/TR/xhtml1/#uaconf">User Agent Conformance</a>"
|
|
section of the <acronym title="Extensible HyperText Markup Language">
|
|
XHTML</acronym> specification (<a href="#ref-XHTML10">[XHTML10]</a>, section
|
|
3.2), the "<a
|
|
href="http://www.w3.org/TR/2001/REC-xhtml-modularization-20010410/xhtml-modularization.html#s_conform_user_agent">XHTML
|
|
Family User Agent Conformance section of XHTML Modularization</a>" (<a
|
|
href="#ref-XMOD">[XMOD]</a> , section 3.5). and the conformance requirements
|
|
detailed in the <acronym
|
|
title="Synchronized Multimedia Integration Language"> SMIL</acronym> modules
|
|
(<a href="#ref-SMIL20">[SMIL20]</a> ) supported by the integration
|
|
profile.</p>
|
|
|
|
<p>The user agent must conform to the following additional user agent
|
|
rule:</p>
|
|
<ol>
|
|
<li>When the user agent claims to support facilities defined within the
|
|
SMIL 2.0 specifications or required by this specification through
|
|
normative reference, it must do so in ways consistent with the
|
|
facilities' definition.</li>
|
|
</ol>
|
|
|
|
<h3 id="Namespace">2.3-XHTML Namespace Integration</h3>
|
|
|
|
<p>The default XML namespace of an XHTML+SMIL document is XHTML. SMIL
|
|
elements are included through an additional SMIL namespace declaration:</p>
|
|
<pre class="example"><code><html xmlns="http://www.w3.org/1999/xhtml"</code>
|
|
<code> xmlns:smil="http://www.w3.org/2001/SMIL20"></code></pre>
|
|
|
|
<p class="ednote">The name of the unique identifier for the namespace within
|
|
the document (in this example, 'smil') is left to the discretion of the
|
|
document author.</p>
|
|
|
|
<h3 id="XHTML-SMIL-Profile">2.4-XHTML+SMIL Profile</h3>
|
|
|
|
<p>The XHTML functionality in the XHTML+SMIL document type is based upon the
|
|
XHTML modules defined in XHTML Modularization <a href="#ref-XMOD">[XMOD]</a>,
|
|
and the Ruby Annotation module as defined in <a href="#ref-RUBY">[RUBY]</a>.
|
|
In addition, the XHTML+SMIL document type supports the timeline-centric
|
|
multimedia features defined by SMIL 2.0. The formal definition of the modules
|
|
is not repeated here, but only the extensions introduced with timing. The
|
|
notation, terms and document conventions used here are borrowed from XHTML
|
|
Modularization <a href="#ref-XMOD"> [XMOD]</a> .</p>
|
|
|
|
<p>The profile includes the XHTML modules defined in <a
|
|
href="#ref-XMOD">[XMOD]</a> and the following SMIL 2.0 modules:</p>
|
|
<ul>
|
|
<li><b><a href="http://www.w3.org/TR/smil20/animation.html">Animation</a>
|
|
Functionality</b> <br>
|
|
<a
|
|
href="http://www.w3.org/TR/smil20/animation.html#animationNS-OverviewBasic">BasicAnimation
|
|
Module</a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#animationNS-OverviewSpline">
|
|
SplineAnimation Module</a></li>
|
|
</ul>
|
|
<ul>
|
|
<li><b><a href="http://www.w3.org/TR/smil20/smil-content.html">Content
|
|
Control</a> Functionality</b> <br>
|
|
<a
|
|
href="http://www.w3.org/TR/smil20/smil-content.html#ContentControlNS-BasicContent">
|
|
BasicContentControl Module</a></li>
|
|
</ul>
|
|
<ul>
|
|
<li><b><a
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html">Media
|
|
Object</a> Functionality</b> <br>
|
|
<a
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#media-BasicMedia">BasicMedia
|
|
Module</a>, <a
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#media-MediaClipping">
|
|
MediaClipping Module</a></li>
|
|
</ul>
|
|
<ul>
|
|
<li><b><a href="http://www.w3.org/TR/smil20/smil-timing.html">Timing and
|
|
Synchronization</a> Functionality</b> <br>
|
|
<a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#Timing-Appendix-Modules">BasicInlineTiming
|
|
Module</a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#Timing-Appendix-Modules">
|
|
BasicTimeContainers Module</a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#Timing-Appendix-Modules">
|
|
EventTiming Module</a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#Timing-Appendix-Modules">
|
|
ExclTimeContainers Module</a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#Timing-Appendix-Modules">
|
|
MultiArcTiming Module</a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#Timing-Appendix-Modules">
|
|
RepeatTiming Module</a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#Timing-Appendix-Modules">
|
|
RestartTiming Module</a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#Timing-Appendix-Modules">
|
|
SyncBehavior Module</a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#Timing-Appendix-Modules">
|
|
SyncbaseTiming Module</a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#Timing-Appendix-Modules">
|
|
SyncMaster Module</a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#Timing-Appendix-Modules">
|
|
TimeContainerAttributes Module</a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#Timing-Appendix-Modules">
|
|
WallclockTiming Module</a>.</li>
|
|
</ul>
|
|
<ul>
|
|
<li><b><a href="http://www.w3.org/TR/smil20/smil-timemanip.html">Time
|
|
Manipulations</a> Functionality</b> <br>
|
|
<a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html">TimeManipulations
|
|
Module</a></li>
|
|
</ul>
|
|
<ul>
|
|
<li><b><a
|
|
href="http://www.w3.org/TR/smil20/smil-transitions.html">Transition
|
|
Effects</a> Functionality</b> <br>
|
|
<a
|
|
href="http://www.w3.org/TR/smil20/smil-transitions.html#TransitionEffects-Inline">
|
|
InlineTransitions Module</a></li>
|
|
</ul>
|
|
|
|
<p>In the module descriptions below, reference is made to the "<a
|
|
name="Common">Common</a>" attribute set and content sets defined in XHTML
|
|
Modularization <a href="#ref-XMOD">[XMOD]</a>.</p>
|
|
|
|
<h3 id="Animation-Module">2.5-Animation Module</h3>
|
|
|
|
<p>The <a href="http://www.w3.org/TR/smil20/animation.html">Animation
|
|
Module</a> provides a framework for incorporating animation onto a timeline
|
|
(a timing model) and a mechanism for composing the effects of multiple
|
|
animations (a composition model). The <a
|
|
href="http://www.w3.org/TR/smil20/animation.html">Animation Module</a>
|
|
defines semantics for the <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animate"> <span
|
|
class="einst">animate</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-set"> <span
|
|
class="einst">set</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateMotion"> <span
|
|
class="einst">animateMotion</span></a>, and <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateColor"> <span
|
|
class="einst">animateColor</span></a> elements, as well as where these
|
|
elements may be used.</p>
|
|
|
|
<p>The syntactic conventions used in this document to describe additions and
|
|
modifications to element content sets are borrowed from <a
|
|
href="#ref-XMOD">[XMOD]</a>. In particular, the ampersand
|
|
<strong>(&)</strong> is used to denote that a module modifies an element
|
|
or set of elements with the addition of new attributes or content model
|
|
arguments. Additionally, the asterisk <strong>(*)</strong> is used to denote
|
|
that new arguments may be used in an existing element's content model. <br>
|
|
</p>
|
|
|
|
<table cellpadding="3" summary="Elements and Attributes for Animation Module"
|
|
border="1">
|
|
<thead>
|
|
<tr>
|
|
<th>Elements</th>
|
|
<th>Attributes</th>
|
|
<th>Content Model</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animate"><span
|
|
class="einst">animate</span></a></td>
|
|
<td><a href="#Common">Common</a>, <a href="#TimingAttrSet">Timing</a>,
|
|
<a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-attributeName">
|
|
<span class="ainst">attributeName</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-attributeType">
|
|
<span class="ainst">attributeType</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-additive">
|
|
<span class="ainst">additive</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-accumulate">
|
|
<span class="ainst">accumulate</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-calcMode">
|
|
<span class="ainst">calcMode</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-values"> <span
|
|
class="ainst">values</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-keyTimes">
|
|
<span class="ainst">keyTimes</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-keySplines">
|
|
<span class="ainst">keySplines</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-from"> <span
|
|
class="ainst">from</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-to"> <span
|
|
class="ainst">to</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-by"> <span
|
|
class="ainst">by</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-targetElement">
|
|
<span class="ainst">targetElement</span></a></td>
|
|
<td class="content">none</td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="http://www.w3.org/TR/smil20/animation.html#edef-set"><span
|
|
class="einst">set</span></a></td>
|
|
<td><a href="#Common">Common</a>, <a href="#TimingAttrSet">Timing</a>,
|
|
<a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-attributeName">
|
|
<span class="ainst">attributeName</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-attributeType">
|
|
<span class="ainst">attributeType</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-to"> <span
|
|
class="ainst">to</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-targetElement">
|
|
<span class="ainst">targetElement</span></a></td>
|
|
<td class="content">none</td>
|
|
</tr>
|
|
<tr>
|
|
<td><a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateMotion"><span
|
|
class="einst">animateMotion</span></a></td>
|
|
<td><a href="#Common">Common</a>, <a href="#TimingAttrSet">Timing</a>,
|
|
<a href="http://www.w3.org/TR/smil20/animation.html#adef-additive">
|
|
<span class="ainst">additive</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-accumulate">
|
|
<span class="ainst">accumulate</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-calcMode">
|
|
<span class="ainst">calcMode</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-values"> <span
|
|
class="ainst">values</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-keyTimes">
|
|
<span class="ainst">keyTimes</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-keySplines">
|
|
<span class="ainst">keySplines</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-from"> <span
|
|
class="ainst">from</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-to"> <span
|
|
class="ainst">to</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-by"> <span
|
|
class="ainst">by</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-path"> <span
|
|
class="ainst">path</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-origin"> <span
|
|
class="ainst">origin</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-targetElement">
|
|
<span class="ainst">targetElement</span></a></td>
|
|
<td class="content">none</td>
|
|
</tr>
|
|
<tr>
|
|
<td><a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateColor"><span
|
|
class="einst">animateColor</span></a></td>
|
|
<td><a href="#Common">Common</a>, <a href="#TimingAttrSet">Timing</a>,
|
|
<a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-attributeName">
|
|
<span class="ainst">attributeName</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-attributeType">
|
|
<span class="ainst">attributeType</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-additive">
|
|
<span class="ainst">additive</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-accumulate">
|
|
<span class="ainst">accumulate</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-calcMode">
|
|
<span class="ainst">calcMode</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-values"> <span
|
|
class="ainst">values</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-keyTimes">
|
|
<span class="ainst">keyTimes</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-keySplines">
|
|
<span class="ainst">keySplines</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-from"> <span
|
|
class="ainst">from</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-to"> <span
|
|
class="ainst">to</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-by"> <span
|
|
class="ainst">by</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-targetElement">
|
|
<span class="ainst">targetElement</span></a></td>
|
|
<td class="content">none</td>
|
|
</tr>
|
|
<tr>
|
|
<td><a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-par"><span
|
|
class="einst">par</span></a><strong>&</strong>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-seq"><span
|
|
class="einst">seq</span></a><strong>&</strong>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-excl"><span
|
|
class="einst">excl</span></a><strong>&</strong>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_textmodule">
|
|
Basic Text</a><strong>&</strong>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_hypertextmodule">
|
|
Hypertext</a><strong>&</strong>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_listmodule">
|
|
List</a><strong>&</strong>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_presentationmodule">
|
|
Presentation</a><strong>&</strong>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_tablemodule">
|
|
Tables</a><strong>&</strong>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_imagemodule">
|
|
Image</a><strong>&</strong>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_objectmodule">
|
|
Object</a><strong>&</strong>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_legacymodule">
|
|
Legacy</a><strong>&</strong></td>
|
|
<td> </td>
|
|
<td class="content"><a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animate"><span
|
|
class="einst">animate</span></a><strong>*</strong>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-set"><span
|
|
class="einst">set</span></a><strong>*</strong>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateMotion"><span
|
|
class="einst"> animateMotion</span></a><strong>*</strong>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateColor">
|
|
<span class="einst">animateColor</span></a><strong>*</strong>,</td>
|
|
</tr>
|
|
<tr>
|
|
<td><a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_appletmodule">Applet</a><strong>&</strong>,
|
|
<a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_editmodule">
|
|
Edit</a><strong>&</strong>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_imapmodule">
|
|
Client-side Image Map</a><strong>&</strong>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_servermapmodule">
|
|
Server-side Image Map</a><strong>&</strong></td>
|
|
<td> </td>
|
|
<td class="content"><a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animate"><span
|
|
class="einst">animate</span></a><strong>*</strong>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-set"><span
|
|
class="einst">set</span></a><strong>*</strong>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateColor"><span
|
|
class="einst"> animateColor</span></a><strong>*</strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_extformsmodule">Forms</a><strong>&</strong>,
|
|
<a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_iframemodule">
|
|
IFrame</a><strong>&</strong></td>
|
|
<td> </td>
|
|
<td class="content"><a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateMotion"><span
|
|
class="einst">animateMotion</span></a><strong>*</strong></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p>This module defines the following content sets (element groups for the
|
|
purpose of defining content models):</p>
|
|
<dl>
|
|
<dt><b>BasicAnimation</b></dt>
|
|
<dd><a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animate"><span
|
|
class="einst">animate</span></a><span class="content"> |</span><a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateColor"><span
|
|
class="einst">animateColor</span></a><span class="content"> |</span><a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-set"><span
|
|
class="einst">set</span></a><span class="einst"></span> <span
|
|
class="content">| </span><a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateMotion">
|
|
<span class="einst">animateMotion</span></a> (not including spline
|
|
support from the <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#animationNS-OverviewSpline">
|
|
SplineAnimation Module</a>)</dd>
|
|
<dt><b><a name="AllAnimation">AllAnimation</a></b></dt>
|
|
<dd>BaseAnimation (plus the spline support from the <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#animationNS-OverviewSpline">
|
|
SplineAnimation Module</a>)</dd>
|
|
</dl>
|
|
|
|
<h4 id="target-element">Specifying the target element of the animation</h4>
|
|
|
|
<p>This profile uses the <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-targetElement"> <span
|
|
class="ainst">targetElement</span></a> attribute to identify the element to
|
|
be affected by animation elements. As recommended in the <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#animationNS-OverviewBasic">
|
|
BasicAnimation Module</a> when the <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-targetElement"> <span
|
|
class="ainst">targetElement</span></a> attribute is supported, the profile
|
|
excludes the XLink <a href="#ref-XLINK">[XLINK]</a> attributes <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-animate-href"> <span
|
|
class="ainst">href</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-animate-type"> <span
|
|
class="ainst">type</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-animate-actuate"> <span
|
|
class="ainst">actuate</span></a>, and <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-animate-show"> <span
|
|
class="ainst">show</span></a> from the <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animate"> <span
|
|
class="einst">animate</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-set"> <span
|
|
class="einst">set</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateMotion"> <span
|
|
class="einst">animateMotion</span></a>, and <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateColor"> <span
|
|
class="einst">animateColor</span></a> elements.</p>
|
|
|
|
<p>Animation is allowed on all elements included in XHTML modules defined by
|
|
XHTML Modularization <a href="#ref-XMOD">[XMOD]</a> unless exempted by this
|
|
list:</p>
|
|
<ul>
|
|
<li><span class="einst">head</span>, <span class="einst">title</span>,
|
|
<span class="einst"> style</span>, <span class="einst">meta</span>, <span
|
|
class="einst">base</span>, <span class="einst">link</span></li>
|
|
<li><span class="einst">script</span></li>
|
|
<li><a
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-param"><span
|
|
class="einst">param</span></a></li>
|
|
<li><a href="http://www.w3.org/TR/smil20/smil-timing.html#edef-par"><span
|
|
class="einst">par</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-seq"><span
|
|
class="einst">seq</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-excl"><span
|
|
class="einst">excl</span></a></li>
|
|
<li><a
|
|
href="http://www.w3.org/TR/smil20/smil-content.html#edef-switch"><span
|
|
class="einst">switch</span></a></li>
|
|
<li><a href="http://www.w3.org/TR/smil20/animation.html#edef-animate"><span
|
|
class="einst">animate</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-set"><span
|
|
class="einst">set</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateMotion"><span
|
|
class="einst"> animateMotion</span></a> , <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateColor">
|
|
<span class="einst">animateColor</span></a></li>
|
|
<li><span class="einst">frameset</span>, <span class="einst">frame</span>,
|
|
<span class="einst"> noframes</span></li>
|
|
</ul>
|
|
|
|
<p>Certain animation elements are restricted to targeting only the following
|
|
elements with the <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-targetElement"> <span
|
|
class="ainst">targetElement</span></a> attribute: <br>
|
|
</p>
|
|
|
|
<table cellpadding="3" summary="Elements targetable by targetElement"
|
|
border="1">
|
|
<thead>
|
|
<tr>
|
|
<th>Elements</th>
|
|
<th>Valid targets</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animate"><span
|
|
class="einst">animate</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-set"><span
|
|
class="einst">set</span></a></td>
|
|
<td><span class="einst">body</span>, <span
|
|
class="einst">noscript</span>, <span class="einst"> font</span>,
|
|
<span class="einst">s</span>, <span class="einst">strike</span>,
|
|
<span class="einst">u</span>, <span class="einst">area</span>, <span
|
|
class="einst">map</span>, <span class="einst">object</span>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_textmodule">
|
|
Basic Text</a>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_presentationmodule">
|
|
Presentation</a>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_editmodule">
|
|
Edit</a>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_bdomodule">
|
|
Bi-directional Text</a>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_hypertextmodule">
|
|
Hypertext</a>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_listmodule">
|
|
List</a>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_extformsmodule">
|
|
Forms</a>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_tablemodule">
|
|
Tables</a>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_imagemodule">
|
|
Image</a>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_iframemodule">
|
|
IFrame</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateMotion"><span
|
|
class="einst">animateMotion</span></a></td>
|
|
<td><span class="einst">address</span>, <span
|
|
class="einst">blockquote</span>, <span class="einst"> cite</span>,
|
|
<span class="einst">code</span>, <span class="einst">dfn</span>,
|
|
<span class="einst">div</span>, <span class="einst">em</span>,<span
|
|
class="einst"> h1</span>, <span class="einst">h2</span>, <span
|
|
class="einst">h3</span>, <span class="einst">h4</span>, <span
|
|
class="einst">h5</span>, <span class="einst">h6</span>, <span
|
|
class="einst">kbd</span>, <span class="einst">p</span>, <span
|
|
class="einst">pre</span>, <span class="einst">q</span>, <span
|
|
class="einst">samp</span>, <span class="einst">span</span>, <span
|
|
class="einst"> strong</span>, <span class="einst">var</span>, <span
|
|
class="einst">font</span>, <span class="einst">s</span>, <span
|
|
class="einst">strike</span>, <span class="einst"> u</span>, <span
|
|
class="einst">object</span>, <span class="einst">form</span>, <span
|
|
class="einst">input</span>, <span class="einst">select</span>,<span
|
|
class="einst"> textarea</span>, <span
|
|
class="einst">button</span>,<span class="einst"> fieldset</span>,
|
|
<span class="einst">label</span>, <span
|
|
class="einst">legend</span>,<span class="einst"> table</span>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_presentationmodule">
|
|
Presentation</a>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_hypertextmodule">
|
|
Hypertext</a>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_listmodule">
|
|
List</a>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_imagemodule">
|
|
Image</a>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_iframemodule">
|
|
IFrame</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateColor"><span
|
|
class="einst">animateColor</span></a></td>
|
|
<td><span class="einst">address</span>, <span
|
|
class="einst">blockquote</span>, <span class="einst"> cite</span>,
|
|
<span class="einst">code</span>, <span class="einst">dfn</span>,
|
|
<span class="einst">div</span>, <span class="einst">em</span>,<span
|
|
class="einst"> h1</span>, <span class="einst">h2</span>, <span
|
|
class="einst">h3</span>, <span class="einst">h4</span>, <span
|
|
class="einst">h5</span>, <span class="einst">h6</span>, <span
|
|
class="einst">kbd</span>, <span class="einst">p</span>, <span
|
|
class="einst">pre</span>, <span class="einst">q</span>, <span
|
|
class="einst">samp</span>, <span class="einst">span</span>, <span
|
|
class="einst"> strong</span>, <span class="einst">var</span>, <span
|
|
class="einst">font</span>, <span class="einst">s</span>, <span
|
|
class="einst">strike</span>, <span class="einst"> u</span>, <span
|
|
class="einst">form</span>, <span class="einst">input</span>, <span
|
|
class="einst">select</span>, option, <span
|
|
class="einst">textarea</span>, <span class="einst">
|
|
button</span>,<span class="einst"> fieldset</span>, <span
|
|
class="einst">label</span>, <span class="einst">legend</span>, <span
|
|
class="einst">optgroup</span>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_presentationmodule">
|
|
Presentation</a>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_hypertextmodule">
|
|
Hypertext</a>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_listmodule">
|
|
List</a>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#sec_5.6.">
|
|
Tables</a>, <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_iframemodule">
|
|
IFrame</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h4 id="target-attribute">Specifying the target attribute name of the
|
|
animation</h4>
|
|
|
|
<p>The target attributes of the animation are a subset of the attributes of
|
|
the allowed target elements. For the elements on which animation is allowed,
|
|
the following attributes may be animated: <br>
|
|
<span class="ainst">align</span>, <span class="ainst">bgcolor</span>, <span
|
|
class="ainst">border</span>, <span class="ainst">cellhalign</span>, <span
|
|
class="ainst">cellpadding</span>, <span class="ainst">cellspacing</span>,
|
|
<span class="ainst">cellvalign</span>, <span class="ainst">checked</span>,
|
|
<span class="ainst">class</span>, <span class="ainst"> clear</span>, <span
|
|
class="ainst">color</span>, <span class="ainst">cols</span>, <span
|
|
class="ainst">dir</span>, <span class="ainst">disabled</span>, <span
|
|
class="ainst"> face</span>, <span class="ainst">frame</span>, <span
|
|
class="ainst"> frameborder</span>, <span class="ainst">height</span>, <span
|
|
class="ainst">href</span>, <span class="ainst"> marginwidth</span>, <span
|
|
class="ainst">marginheight</span>, <span class="ainst">rows</span>, <span
|
|
class="ainst">rules</span>, <span class="ainst">selected, no</span><span
|
|
class="ainst">shade</span>, <span class="ainst">size</span>, <span
|
|
class="ainst">style</span>,<span class="ainst"> title</span>, <span
|
|
class="ainst">valign</span>, <span class="ainst">value</span>, <span
|
|
class="ainst">width</span>. </p>
|
|
|
|
<h4 id="Positioning-model">Positioning model and constraints for the
|
|
animateMotion element</h4>
|
|
|
|
<p>The origin attribute of the <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateMotion"> <span
|
|
class="einst">animateMotion</span></a> element defines the relative origin of
|
|
the values specified.</p>
|
|
<dl>
|
|
<dt><a href="http://www.w3.org/TR/smil20/animation.html#adef-origin"><span
|
|
class="adef">origin</span></a> = ( parent | element )</dt>
|
|
<dd>Specifies the origin of the values specified in the <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateMotion">
|
|
<span class="einst">animateMotion</span></a> element.
|
|
<dl>
|
|
<dt>element</dt>
|
|
<dd>The motion animation is defined relative to the target
|
|
element's position. <br>
|
|
This is the default.</dd>
|
|
<dt>parent</dt>
|
|
<dd>The motion animation is defined relative to the parent
|
|
container of the target element.</dd>
|
|
</dl>
|
|
</dd>
|
|
</dl>
|
|
|
|
<p>The <a href="http://www.w3.org/TR/smil20/animation.html#adef-origin"><span
|
|
class="adef-origin adef"> origin</span></a> attribute controls the
|
|
interaction of the animation function values with the layout position of the
|
|
target element. The CSS attributes position, top, and left determine the
|
|
layout position of the element. In effect, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-origin"> <span
|
|
class="adef-origin adef">origin</span></a> determines whether to add the
|
|
element position to the result of the animation function to obtain the
|
|
element position in the container coordinate space.</p>
|
|
|
|
<h5 id="Origin-and-Absolute">Origin and Absolute Positioning</h5>
|
|
|
|
<p>The following example illustrates element relative motion:</p>
|
|
<pre><div style="position:absolute; top:100px; left:100px" >
|
|
<animateMotion dur="5" from="50,50" to="150,150" <strong>origin="element"</strong> />
|
|
</div></pre>
|
|
|
|
<p>The layout position of the target div is (100,100). The effect is to add
|
|
the layout position of the target element to each value of the animation
|
|
function. The target moves from position (150, 150) to (250, 250) in the
|
|
container coordinate space.</p>
|
|
|
|
<p>The following example illustrates parent relative motion:</p>
|
|
<pre><div style="position:absolute; top:100; left:100" >
|
|
<animateMotion dur="5" from="50,50" to="150,150" <strong>origin="parent"</strong> />
|
|
</div></pre>
|
|
|
|
<p>The layout position of the target div again is (100,100). The effect is to
|
|
ignore the layout position when computing the animation function values. The
|
|
target moves from position (50, 50) to (150, 150) in the container coordinate
|
|
space.</p>
|
|
|
|
<h4 id="animateColor-element">Constraints for the animateColor element</h4>
|
|
|
|
<p>The <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#animationNS-OverviewBasic">BasicAnimation
|
|
Module</a> expresses the attribute upon which the animation should act using
|
|
the <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-attributeName"><span
|
|
class="ainst"> attributeName</span></a> attribute. The only valid target
|
|
attribute names for the <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateColor"> <span
|
|
class="einst">animateColor</span></a> element are the CSS2 color
|
|
properties.</p>
|
|
|
|
<h4 id="numeric-animation">Argument value syntax for numeric animation</h4>
|
|
|
|
<p>The <a href="http://www.w3.org/TR/smil20/animation.html">SMIL 2.0
|
|
Animation module</a> defines clamping values for certain numeric attributes.
|
|
The calculation of these attributes shall be performed in floating point.</p>
|
|
|
|
<h3 id="Content-Control-Module">2.6-Content Control Module</h3>
|
|
|
|
<p>The <a href="http://www.w3.org/TR/smil20/smil-content.html">SMIL2.0
|
|
Content Control Module</a> provides a framework for selecting content based
|
|
on a set of test attributes. The <a
|
|
href="http://www.w3.org/TR/smil20/smil-content.html">Content Control
|
|
Module</a> defines semantics for the <a
|
|
href="http://www.w3.org/TR/smil20/smil-content.html#edef-switch"> <span
|
|
class="einst">switch</span></a> element, adds the <a
|
|
href="http://www.w3.org/TR/smil20/smil-content.html#edef-switch"> <span
|
|
class="einst">switch</span></a> element to the <a name="Flow">Flow</a>
|
|
content set of the XHTML Basic Text module, and adds the Test attributes set
|
|
to the elements in the Flow content set of the <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_textmodule">XHTML
|
|
Basic Text Module</a>.</p>
|
|
|
|
<p></p>
|
|
|
|
<table cellpadding="3"
|
|
summary="Elements and Attributes for Content Control Module" border="1">
|
|
<thead>
|
|
<tr>
|
|
<th>Elements</th>
|
|
<th>Attributes</th>
|
|
<th>Content Model</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><a
|
|
href="http://www.w3.org/TR/smil20/smil-content.html#edef-switch"><span
|
|
class="einst">switch</span></a></td>
|
|
<td><a href="#Common">Common</a>, <a
|
|
href="#TimingAttrSet">Timing</a></td>
|
|
<td class="content"><a href="#Flow">Flow</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="#Flow">Flow</a><strong>&</strong></td>
|
|
<td><a href="#Test">Test</a></td>
|
|
<td class="content">N/A</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p>The <a href="http://www.w3.org/TR/smil20/smil-content.html">Content
|
|
Control Module</a> defines the Attribute set "<a href="#Test">Test</a> ".</p>
|
|
|
|
<p></p>
|
|
|
|
<table cellpadding="3" summary="Definitions of Attribute Collections"
|
|
border="1">
|
|
<thead>
|
|
<tr>
|
|
<th>Collection Name</th>
|
|
<th>Attributes in Collection</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><a name="Test">Test</a></td>
|
|
<td><a
|
|
href="http://www.w3.org/TR/smil20/smil-content.html#adef-systemBitrate"><span
|
|
class="ainst">systemBitrate</span></a> (<span
|
|
class="datatype">Number</span>), <a
|
|
href="http://www.w3.org/TR/smil20/smil-content.html#adef-systemCaptions">
|
|
<span class="ainst">systemCaptions</span></a> (<span
|
|
class="datatype">on|off</span>), <a
|
|
href="http://www.w3.org/TR/smil20/smil-content.html#adef-systemLanguage"><span
|
|
class="ainst"> systemLanguage</span></a> (<span
|
|
class="datatype">CDATA</span>), <a
|
|
href="http://www.w3.org/TR/smil20/smil-content.html#adef-systemRequired">
|
|
<span class="ainst">systemRequired</span></a> (<span
|
|
class="datatype">URI</span>), <a
|
|
href="http://www.w3.org/TR/smil20/smil-content.html#adef-systemScreenDepth"><span
|
|
class="ainst"> systemScreenDepth</span></a> (<span
|
|
class="datatype">CDATA</span>), <a
|
|
href="http://www.w3.org/TR/smil20/smil-content.html#adef-systemScreenSize">
|
|
<span class="ainst">systemScreenSize</span></a> (<span
|
|
class="datatype">CDATA</span>), <a
|
|
href="http://www.w3.org/TR/smil20/smil-content.html#adef-systemAudioDesc"><span
|
|
class="ainst"> systemAudioDesc</span></a> (<span
|
|
class="datatype">on|off</span>), <a
|
|
href="http://www.w3.org/TR/smil20/smil-content.html#adef-systemCPU">
|
|
<span class="ainst">systemCPU</span></a> (<span
|
|
class="datatype">NMTOKEN</span>), <a
|
|
href="http://www.w3.org/TR/smil20/smil-content.html#adef-systemComponent"><span
|
|
class="ainst"> systemComponent</span></a> (<span
|
|
class="datatype">CDATA</span>), <a
|
|
href="http://www.w3.org/TR/smil20/smil-content.html#adef-systemOperatingSystem">
|
|
<span class="ainst">systemOperatingSystem</span> </a>(<span
|
|
class="datatype">CDATA</span>), <a
|
|
href="http://www.w3.org/TR/smil20/smil-content.html#adef-systemOverdubOrSubtitle">
|
|
<span class="ainst">systemOverdubOrSubtitle</span></a> (<span
|
|
class="datatype">overdub|subtitle</span>)</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h3 id="Media-Module">2.7-Media Object Module</h3>
|
|
|
|
<p>The <a
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html">SMIL2.0 Media
|
|
Object Module</a> provides a framework for declaring media. The <a
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html"> Media Object
|
|
Module</a> defines semantics for the <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-ref"> <span
|
|
class="einst">ref</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-animation">
|
|
<span class="einst">animation</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-audio">
|
|
<span class="einst">audio</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-img"> <span
|
|
class="einst">img</span></a>, <span class="einst">iframe (additional to
|
|
semantics defined by XHTML)</span>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-video">
|
|
<span class="einst">video</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-text">
|
|
<span class="einst">text</span></a> and <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-textstream">
|
|
<span class="einst">textstream</span></a> elements. XHTML defines img and
|
|
iframe elements, and so the integration of the Media module extends the
|
|
semantics and content model of these elements.</p>
|
|
|
|
<p>This profile adds the <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-ref"> <span
|
|
class="einst">ref</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-animation">
|
|
<span class="einst">animation</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-audio">
|
|
<span class="einst">audio</span></a>, <span class="einst">img</span>, <span
|
|
class="einst"> iframe</span>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-video">
|
|
<span class="einst">video</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-text">
|
|
<span class="einst">text</span></a> and <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-textstream">
|
|
<span class="einst">textstream</span></a> elements to the content model of
|
|
the <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-par"><span
|
|
class="einst"> par</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-seq"> <span
|
|
class="einst">seq</span></a>, and <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-excl"> <span
|
|
class="einst">excl</span></a> elements of the <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html"> Timing and
|
|
Synchronization Module</a>. It also adds these elements to the Inline content
|
|
set of the <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_textmodule">
|
|
Basic Text Module</a> .</p>
|
|
|
|
<p></p>
|
|
|
|
<table cellpadding="3"
|
|
summary="Elements and Attributes for Content Control Module" border="1">
|
|
<tbody>
|
|
<tr>
|
|
<th>Elements</th>
|
|
<th>Attributes</th>
|
|
<th>Content Model</th>
|
|
</tr>
|
|
<tr>
|
|
<td><a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-ref"><span
|
|
class="einst">ref</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-animation">
|
|
<span class="einst">animation</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-audio">
|
|
<span class="einst">audio</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-img">
|
|
<span class="einst">img</span></a><strong>&</strong>, <span
|
|
class="einst">iframe</span><strong>&</strong>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-video">
|
|
<span class="einst">video</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-text">
|
|
<span class="einst">text,</span></a> <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-textstream">
|
|
<span class="einst">textstream</span></a></td>
|
|
<td><a href="#Common">Common</a>, <a href="#Test">Test</a>, <a
|
|
href="#TimingAttrSet">Timing</a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#adef-timeContainer">
|
|
<span class="ainst">timeContainer</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#adef-clipBegin">
|
|
<span class="ainst">clipBegin</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#adef-clipEnd">
|
|
<span class="ainst">clipEnd</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#adef-src">
|
|
<span class="ainst">src</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-content.html#adef-mediaTime">
|
|
<span class="ainst">mediaType</span></a></td>
|
|
<td class="content"><a href="#AllAnimation">AllAnimation</a>, <a
|
|
class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#adef-timeContainer">
|
|
<span class="ainst">timeContainer</span></a>, <span
|
|
class="einst">area</span>, <span class="einst">param</span></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-par"><span
|
|
class="einst">par</span></a><strong>&</strong>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-seq"><span
|
|
class="einst">seq</span></a><strong>&</strong>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-excl"><span
|
|
class="einst">excl</span></a><strong>&</strong>,
|
|
Inline<strong>&</strong></td>
|
|
<td> </td>
|
|
<td class="content"><a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-ref"><span
|
|
class="einst">ref</span></a><strong>*</strong>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-animation">
|
|
<span class="einst">animation</span></a><strong>*</strong>, <a
|
|
class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-audio">
|
|
<span class="einst">audio</span></a><strong>*</strong>, <a
|
|
class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-img">
|
|
<span class="einst">img</span></a><strong>*</strong>, <span
|
|
class="einst">iframe</span><strong>*</strong>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-video">
|
|
<span class="einst">video</span></a><strong>*</strong>, <a
|
|
class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-text">
|
|
<span class="einst">text</span></a><strong>*</strong>, <a
|
|
class="noxref"
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html#edef-textstream">
|
|
<span class="einst">textstream</span></a><strong>*</strong></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h4 id="Additional-integration-Media-Module">Additional integration issues
|
|
for the Media Object Module</h4>
|
|
|
|
<p>This profile adds media object properties to the XHTML <span
|
|
class="einst">img</span> and <span class="einst">iframe</span> elements.
|
|
While implementation rules for the <span class="einst">img</span> element
|
|
remain unchanged, the following issues must be taken into consideration when
|
|
supporting a SMIL-enabled <span class="einst"> iframe</span>:</p>
|
|
<ul>
|
|
<li>When the <span class="einst">iframe</span> contains timed content,
|
|
including SMIL documents, additional XHTML+SMIL content, or timed
|
|
multimedia, the timeline of the nested object should not begin until the
|
|
<span class="einst">iframe</span> element begins.</li>
|
|
<li>The timeline on an object contained inside an <span
|
|
class="einst">iframe</span> element should restart each time the
|
|
<span>iframe</span> element begins or repeats. If applicable, a reset
|
|
event should be fired on the root element of the document hosted by the
|
|
<span class="einst">iframe</span>.</li>
|
|
</ul>
|
|
|
|
<h3 id="Timing-Synchronization-Module">2.8-Timing and Synchronization
|
|
Module</h3>
|
|
|
|
<p>The <a href="http://www.w3.org/TR/smil20/smil-timing.html">SMIL2.0 Timing
|
|
and Synchronization Module</a> provides a framework for describing timing
|
|
structure, timing control properties, and temporal relationships between
|
|
elements.</p>
|
|
|
|
<p>The <a href="http://www.w3.org/TR/smil20/smil-timing.html">Timing and
|
|
Synchronization Module</a> defines the elements <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-par"> <span
|
|
class="einst">par</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-seq"> <span
|
|
class="einst">seq</span></a>, and <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-excl"> <span
|
|
class="einst">excl</span></a>. It adds the <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-par"> <span
|
|
class="einst">par</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-seq"> <span
|
|
class="einst">seq</span></a>, and <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-excl"> <span
|
|
class="einst">excl</span></a> elements to the Inline content set of the
|
|
Basic Text, Hypertext and Tables Modules.</p>
|
|
|
|
<p>This profile adds the <a href="#TimingAttrSet">Timing</a> and <a
|
|
href="#RuntimeSyncAttrSet"> RuntimeSync</a> attribute sets from the <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html"> Timing and
|
|
Synchronization Module</a> to the elements in the <a
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html"> Media Object
|
|
Module</a>, and adds the <a href="#TimingAttrSet">Timing</a> attribute set to
|
|
the Flow content set of the Basic Text Module In addition, the <a
|
|
href="#TimingAttrSet"> Timing</a> attribute set is added to the <span
|
|
class="einst">body</span> element in the XHTML Structure module.</p>
|
|
|
|
<p></p>
|
|
|
|
<table cellspacing="3" cellpadding="4" border="1">
|
|
<thead>
|
|
<tr>
|
|
<th>Elements</th>
|
|
<th>Attributes</th>
|
|
<th>Content Model</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-par"><span
|
|
class="einst">par</span></a></td>
|
|
<td><a href="#Common">Common</a>, <a href="#Test">Test</a>, <a
|
|
href="#TimingAttrSet">Timing</a>, <a
|
|
href="#RuntimeSyncAttrSet">RuntimeSync</a>, <span
|
|
class="ainst">timeAction </span> (<span
|
|
class="datatype">CDATA</span>)</td>
|
|
<td class="content"><a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-par"><span
|
|
class="einst">par</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-seq"> <span
|
|
class="einst">seq</span></a><span class="einst">,</span> <a
|
|
class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-excl"> <span
|
|
class="einst">excl</span></a><span class="einst">,</span> <a
|
|
href="#Flow"> Flow</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-seq"><span
|
|
class="einst">seq</span></a></td>
|
|
<td><a href="#Common">Common</a>, <a href="#Test">Test</a>, <a
|
|
href="#TimingAttrSet">Timing</a>, <a
|
|
href="#RuntimeSyncAttrSet">RuntimeSync</a>, <span
|
|
class="ainst">timeAction </span> (<span
|
|
class="datatype">CDATA</span>)</td>
|
|
<td class="content"><a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-par"><span
|
|
class="einst">par</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-seq"> <span
|
|
class="einst">seq</span></a><span class="einst">,</span> <a
|
|
class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-excl"> <span
|
|
class="einst">excl</span></a><span class="einst">,</span> <a
|
|
href="#Flow"> Flow</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-excl"><span
|
|
class="einst">excl</span></a></td>
|
|
<td><a href="#Common">Common</a>, <a href="#Test">Test</a>, <a
|
|
href="#TimingAttrSet">Timing</a>, <a
|
|
href="#RuntimeSyncAttrSet">RuntimeSync</a>, <span
|
|
class="ainst">timeAction </span> (<span
|
|
class="datatype">CDATA</span>)</td>
|
|
<td class="content"><a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-par"><span
|
|
class="einst">par</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-seq"> <span
|
|
class="einst">seq</span></a><span class="einst">,</span> <a
|
|
class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-excl"> <span
|
|
class="einst">excl</span></a><span class="einst">,</span> <a
|
|
href="#Flow"> Flow</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Inline<strong>&</strong></td>
|
|
<td> </td>
|
|
<td class="content"><a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-par"><span
|
|
class="einst">par</span></a><strong>*</strong>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-seq"> <span
|
|
class="einst">seq</span></a><strong>*</strong><span
|
|
class="einst">,</span> <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-excl"><span
|
|
class="einst"> excl</span></a><strong>*</strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Media</td>
|
|
<td><a href="#TimingAttrSet">Timing</a>, <a
|
|
href="#RuntimeSyncAttrSet">RuntimeSync</a></td>
|
|
<td> </td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="einst">body</span>, <a href="#Flow">Flow</a></td>
|
|
<td><a href="#TimingAttrSet">Timing</a></td>
|
|
<td> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p>The <a href="http://www.w3.org/TR/smil20/smil-timing.html">Timing and
|
|
Synchronization Module</a> defines the Attribute sets "<a
|
|
href="#TimingAttrSet">Timing</a>" and "<a
|
|
href="#RuntimeSyncAttrSet">RuntimeSync</a> ".</p>
|
|
|
|
<p></p>
|
|
|
|
<table cellspacing="3" cellpadding="4" border="1">
|
|
<thead>
|
|
<tr>
|
|
<th>Collection Name</th>
|
|
<th>Attributes in Collection</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><a name="TimingAttrSet">Timing</a></td>
|
|
<td><a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#adef-begin"><span
|
|
class="ainst">begin</span></a> (<span class="datatype">CDATA</span>),
|
|
<a href="http://www.w3.org/TR/smil20/smil-timing.html#adef-dur">
|
|
<span class="ainst">dur</span></a> (<span
|
|
class="datatype">CDATA</span>), <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#adef-repeatCount">
|
|
<span class="ainst">repeatCount</span></a> (<span
|
|
class="datatype">CDATA</span>), <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#adef-repeatDur"><span
|
|
class="ainst"> repeatDur</span></a> (<span
|
|
class="datatype">CDATA</span>), <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#adef-end"> <span
|
|
class="ainst">end</span></a> (<span class="datatype">CDATA</span>),
|
|
<a href="http://www.w3.org/TR/smil20/smil-timing.html#adef-endsync">
|
|
<span class="ainst">endsync</span></a> (<span
|
|
class="datatype">CDATA</span>), <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#adef-fill"><span
|
|
class="ainst">fill</span></a> (<span class="datatype">CDATA</span>),
|
|
<a href="http://www.w3.org/TR/smil20/smil-timing.html#adef-restart">
|
|
<span class="ainst">restart</span></a> (<span
|
|
class="datatype">always|whenNotActive|never</span>), <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#adef-timeAction"><span
|
|
class="ainst"> timeAction</span></a> (<span class="datatype"><a
|
|
href="#HTML-SMIL-ProfileNS-dt_TimeActions">TimeActions</a></span>),
|
|
<span class="ainst">onBegin</span> (<span
|
|
class="datatype">Script</span>), <span class="ainst"> onEnd</span>
|
|
(<span class="datatype">Script</span>), <span
|
|
class="ainst">onRepeat</span> (<span
|
|
class="datatype">Script</span>)</td>
|
|
</tr>
|
|
<tr>
|
|
<td><a name="RuntimeSyncAttrSet">RuntimeSync</a></td>
|
|
<td><a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#adef-syncBehavior"><span
|
|
class="ainst">syncBehavior</span></a> (<span
|
|
class="datatype">locked|canSlip|independent</span>), <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#adef-syncTolerance"><span
|
|
class="ainst"> syncTolerance</span></a> (<span
|
|
class="datatype">CDATA</span>), <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#adef-syncMaster">
|
|
<span class="ainst">syncMaster</span></a> (<span
|
|
class="datatype">true|false</span>)</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p>In addition to the data types defined by XHTML Modularization, the
|
|
XHTML+SMIL profile defines the TimeActions data type and its semantics,
|
|
described in the following table:</p>
|
|
|
|
<p></p>
|
|
|
|
<table cellspacing="3" cellpadding="4" border="1">
|
|
<tbody>
|
|
<tr>
|
|
<th>Data type</th>
|
|
<th>Description</th>
|
|
</tr>
|
|
<tr>
|
|
<td id="dt_LinkTypes"><a
|
|
name="HTML-SMIL-ProfileNS-dt_TimeActions">TimeActions</a></td>
|
|
<td>Authors may use the following recognized time actions, listed here
|
|
with their interpretations.
|
|
<dl>
|
|
<dt><strong>none</strong></dt>
|
|
<dd>Specifies that no action is performed on the element when it
|
|
is active. This allows the author to introduce a new time space
|
|
without affecting the document presentation. It is only legal
|
|
on the time container elements and the XHTML elements img and
|
|
iframe.</dd>
|
|
<dt><strong>visibility</strong></dt>
|
|
<dd>Specifies that the CSS "visibility" property is to be
|
|
manipulated over time. When the element is neither active nor
|
|
frozen, the property is set to "hidden". When it is active, the
|
|
original value is used. If the original value is "hidden", the
|
|
time action will have no effect (i.e. the element will remain
|
|
hidden). See also <a href="#ref-CSS2">[CSS2]</a></dd>
|
|
<dt><strong>display</strong></dt>
|
|
<dd>Specifies that the CSS "display" property is to be
|
|
manipulated over time. When the element is neither active nor
|
|
frozen, the property is set to "none". When it is active, the
|
|
original value is used. If the original value is "none", the
|
|
time action will have no effect (i.e. the element will remain
|
|
out of view and layout). See also <a
|
|
href="#ref-CSS2">[CSS2]</a></dd>
|
|
<dt><strong>style</strong></dt>
|
|
<dd>Specifies that the CSS inline style attribute "style" is to
|
|
be removed and applied over time. When the element is neither
|
|
active nor frozen, the inline stylesheet is cleared (so no
|
|
style modification is made). When it is active, the original
|
|
value (i.e. the string attribute value specified for the "<span
|
|
class="ainst">style</span>" attribute) is used. If there is no
|
|
inline style attribute on the element, the time action will
|
|
have no effect. See also <a href="#ref-CSS2">[CSS2]</a>.</dd>
|
|
<dt><strong>class:<em>classname</em></strong></dt>
|
|
<dd>Specifies that the name "<em>[classname]</em>" will be
|
|
<em>removed from</em> and <em>added to</em> the value of the
|
|
"class" attribute over time. When the element is neither active
|
|
nor frozen, the specified string (i.e. whatever the author
|
|
specifies for "<em>classname</em>") is removed from the value
|
|
of the class attribute (if it was included). When the element
|
|
is active, the specified string is added to the value of the
|
|
class attribute. Note that any other values specified in the
|
|
class attribute are not affected. Note also that the
|
|
application of any associated style must be specified in a
|
|
stylesheets for the document. Note finally that the application
|
|
of styles depends not upon the order of names in the class
|
|
attribute, but rather on the order of the rules in the
|
|
stylesheets for the document. See also <a
|
|
href="#ref-CSS2">[CSS2]</a>.</dd>
|
|
</dl>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p></p>
|
|
|
|
<h4 id="TimeContainer-timeAction">TimeContainer and timeAction</h4>
|
|
|
|
<p>As part of the integration of timing and synchronization functionality
|
|
with XHTML, this profile defines the timeContainer and timeAction attributes.
|
|
This profile adds the <span class="ainst">timeContainer</span> and <span
|
|
class="ainst">timeAction </span>attributes to the elements of the Flow
|
|
content set of the Basic Text Module (as modified by all included modules).
|
|
In addition, the <span class="ainst">timeContainer</span> and <span
|
|
class="ainst">timeAction </span>attributes are added to the <span
|
|
class="einst"> body</span> element in the XHTML Structure module. The default
|
|
value of the <span class="ainst"> timeContainer</span> attribute for <span
|
|
class="einst">body</span> is "par". The <span
|
|
class="ainst">timeContainer</span> attribute is not allowed on the time
|
|
container elements <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-par"> <span
|
|
class="einst">par</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-seq"> <span
|
|
class="einst">seq</span></a>, and <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-excl"> <span
|
|
class="einst">excl</span></a> .</p>
|
|
|
|
<p>The <span class="ainst">timeAction</span> attribute defines the behavior
|
|
that is controlled by the timing model. The default depends upon the type of
|
|
element. The default value is "none" when used with the time container
|
|
elements. The default value of the <span class="ainst">timeAction</span>
|
|
attribute for <span class="einst">body</span> is "none".</p>
|
|
|
|
<p>The following table presents the default time actions. Those modules and
|
|
elements that are not included do not have a defined time behavior, and
|
|
cannot legally support timing attributes, or participate in the time
|
|
model.</p>
|
|
|
|
<p>Certain elements have a notion of intrinsic behavior that can be
|
|
controlled over time. This is generally some presentation or behavioral
|
|
effect, such as the font style controls of the <span class="einst">b</span>
|
|
and <span class="einst"> strong</span> elements, and the click sensitivity of
|
|
the <span class="einst">a</span> and <span class="einst">area</span>
|
|
elements. One way to logically model the control of intrinsic behavior is to
|
|
replace the element with a <span class="einst">span</span> when it is neither
|
|
active nor frozen, and to use the original element when it is active or
|
|
frozen.</p>
|
|
|
|
<p>Many other elements simply contain content and so default to controlling
|
|
the "visibility" property for the element. In some cases, an element may have
|
|
a presentational effect (e.g. the Ruby module elements), but be modeled as a
|
|
content element. The decision is based upon the usefulness in common
|
|
authoring scenarios of controlling the presentational behavior in
|
|
isolation.</p>
|
|
|
|
<p>For those elements that default to controlling "visibility", setting <span
|
|
class="ainst"> timeAction</span> to any other value <em>overrides </em>this,
|
|
and will <em>only control</em> the specified <span
|
|
class="ainst">timeAction</span> (and not the visibility). For all other
|
|
elements, the <span class="ainst">timeAction</span> will control the default
|
|
(intrinsic) behavior <em>as well as</em> the indicated <span class="ainst">
|
|
timeAction</span> behavior.</p>
|
|
|
|
<p>In addition, for those elements that default to "visibility", when they
|
|
are children of a sequence time container <span class="einst">seq</span> or
|
|
an element with "<code>timeContainer=seq</code>", the default <span
|
|
class="ainst">timeAction</span> is "display". This more closely matches the
|
|
expected behavior of the SMIL Language profile.</p>
|
|
|
|
<p><b>Element default timeActions</b></p>
|
|
|
|
<table cellspacing="3" cellpadding="4" border="1">
|
|
<tbody>
|
|
<tr>
|
|
<th>Module</th>
|
|
<th>Elements</th>
|
|
<th>Default time action</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Structure</td>
|
|
<td><span class="einst">body</span></td>
|
|
<td>"none"</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Media</td>
|
|
<td><em>(all)</em></td>
|
|
<td><em>schedule for playback and render</em></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Timing</td>
|
|
<td><em>(all)</em></td>
|
|
<td>"none"</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Text</td>
|
|
<td><span class="einst">em</span>, <span class="einst">kbd</span>,
|
|
<span class="einst">strong</span>, <span class="einst">var</span></td>
|
|
<td><em>intrinsic behavior</em></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Text</td>
|
|
<td><em>(all others)</em></td>
|
|
<td>"visibility"</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Hypertext</td>
|
|
<td><span class="einst">a</span></td>
|
|
<td><em>link sensitivity</em></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Lists</td>
|
|
<td><em>(all)</em></td>
|
|
<td>"visibility"</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Applet</td>
|
|
<td><span class="einst">applet</span></td>
|
|
<td>"visibility"</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Presentational</td>
|
|
<td><em>(all)</em></td>
|
|
<td><em>intrinsic behavior</em></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Edit</td>
|
|
<td><em>(all)</em></td>
|
|
<td><em>intrinsic behavior</em></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Forms</td>
|
|
<td><em>(all)</em></td>
|
|
<td>"visibility"</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Tables</td>
|
|
<td><em>(all)</em></td>
|
|
<td>"visibility"</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Image Map</td>
|
|
<td><span class="einst">area</span></td>
|
|
<td><em>link sensitivity</em></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Object</td>
|
|
<td><span class="einst">object</span></td>
|
|
<td>"visibility"</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Iframe</td>
|
|
<td><span class="einst">iframe</span></td>
|
|
<td><em>intrinsic behavior (schedule for display and render)</em></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Ruby</td>
|
|
<td><em>(all)</em></td>
|
|
<td>"visibility"</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Legacy</td>
|
|
<td><em>(all)</em></td>
|
|
<td><em>intrinsic behavior</em></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Timing</td>
|
|
<td><a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-par"><span
|
|
class="einst">par</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-seq"> <span
|
|
class="einst">seq</span></a>, <a class="noxref"
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-excl"> <span
|
|
class="einst">excl</span></a></td>
|
|
<td>"none"</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p>All modules not listed in the table, and all Structure module elements
|
|
except <span class="einst"> body</span> do not support timing.</p>
|
|
|
|
<h4 id="Events-XHTMLplusSMIL">Events supported by XHTML+SMIL</h4>
|
|
|
|
<p>The XHTML+SMIL Language profile specifies events that can be used in
|
|
conjunction with the SMIL elements defined by the profile. Additionally, DOM
|
|
2 dynamic events <a href="#ref-DOMLevel2Events">[DOMLevel2Events]</a> can
|
|
also be used.</p>
|
|
|
|
<table cellspacing="3" cellpadding="4" border="1">
|
|
<thead>
|
|
<tr>
|
|
<th>Event</th>
|
|
<th>Description</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>beginEvent</td>
|
|
<td>This event is raised when the timeline starts on an element (see
|
|
the definition of <code>beginEvent</code> in the SMIL <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html"> Timing and
|
|
Synchronization Module</a>)</td>
|
|
</tr>
|
|
<tr>
|
|
<td>endEvent</td>
|
|
<td>This event is raised when the timeline stops on an element. (see
|
|
the definition of <code>endEvent</code> in the SMIL <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html"> Timing and
|
|
Synchronization Module</a>)</td>
|
|
</tr>
|
|
<tr>
|
|
<td>mediacomplete</td>
|
|
<td>This event is raised when the element's associated media finishes
|
|
loading. This event may be raised before the media begins playing,
|
|
when the element is associated with streaming media.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>mediaerror</td>
|
|
<td>This event is raised when any error is caused by the media file.
|
|
Errors caused by the media file may include an attempt to load a
|
|
media file with an invalid path, or if problems with the media file
|
|
(such as file corruption or an invalid media type) prevent it from
|
|
loading and playing.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>outofsync</td>
|
|
<td>This event is raised when the element loses synchronization with
|
|
its associated timeline. This includes the interruption of an
|
|
element's ability to play its associated media, or any other
|
|
circumstance where synchronization is lost.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>pause</td>
|
|
<td>This event is raised when the timeline on an element is paused. It
|
|
may be raised in the case that the timeline is paused by a DOM
|
|
method.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>repeat</td>
|
|
<td>This event is raised when the timeline repeats on an element,
|
|
beginning with the second iteration (see the definition of the
|
|
<code>repeat</code> event in the SMIL <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html">Timing and
|
|
Synchronization Module</a>).</td>
|
|
</tr>
|
|
<tr>
|
|
<td>reset</td>
|
|
<td>This event is raised when the timeline state is reset to the value
|
|
of the begin attribute and playback is commenced from the beginning
|
|
of the timeline. It may be raised in the case that the timeline is
|
|
reset by a DOM method.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>resume</td>
|
|
<td>This event is raised when an element's timeline resumes from a
|
|
paused state. It may be raised in the case that timeline playback is
|
|
resumed by a DOM method.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>reverse</td>
|
|
<td>This event is raised when the timeline on an element begins to play
|
|
backward. It may be raised both in the course of normal timeline
|
|
play, as well as in the case that element playback was reversed with
|
|
a DOM method.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>seek</td>
|
|
<td>This event is raised whenever a seek operation is performed on the
|
|
element. It may be raised in the case that the seek operation is
|
|
executed by a DOM method.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>syncrestored</td>
|
|
<td>This event is raised whenever an outofsync event is raised and
|
|
synchronization is restored. Specifically, the syncrestored event is
|
|
raised when synchronization is resumed between the element and its
|
|
associated timeline.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>timeerror</td>
|
|
<td>This event is raised whenever a time-specific error occurs as a
|
|
result of setting an invalid value for a SMIL attribute. The
|
|
timeerror event is raised when any attribute defined by the
|
|
XHTML+SMIL profile is set to an invalid value, either in the course
|
|
of normal playback or by a DOM method.</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p></p>
|
|
|
|
<h4 id="Add-int-conf-Timing">Additional integration conformance issues with
|
|
Timing</h4>
|
|
|
|
<p>The <a href="http://www.w3.org/TR/smil20/smil-timing.html">Timing and
|
|
Synchronization Module</a> defines the following additional conformance
|
|
definition requirements for the language integration profile:</p>
|
|
<ul>
|
|
<li>The XHTML+SMIL document is presented when it is displayed on the
|
|
screen.</li>
|
|
<li>The document begins when it has been completely received by the client,
|
|
loaded by the user agent, and presented.</li>
|
|
<li>The document ends when the user agent ceases to present it, through
|
|
switching to another document or exiting.</li>
|
|
</ul>
|
|
|
|
<h3 id="Time-Manipulations">2.9-Time Manipulations Module</h3>
|
|
|
|
<p>The <a href="http://www.w3.org/TR/smil20/smil-timemanip.html">SMIL2.0 Time
|
|
Manipulations Module</a> provides attributes for the manipulation of SMIL
|
|
element timelines.</p>
|
|
|
|
<p>The <a href="http://www.w3.org/TR/smil20/smil-timemanip.html">Time
|
|
Manipulations Module</a> defines the <a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-accelerate"> <span
|
|
class="ainst">accelerate</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-decelerate"> <span
|
|
class="ainst">decelerate</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-autoReverse">
|
|
<span class="ainst">autoReverse</span></a>, and <a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-speed"> <span
|
|
class="ainst">speed</span></a> attributes. These attributes are added to the
|
|
elements that support timing in the XHTML+SMIL profile, including the
|
|
elements in the <a
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html"> Media Object
|
|
Module</a>, the SMIL animation, time container and transition elements, the
|
|
XHTML elements img, iframe, body and the XHTML <a href="#Flow">Flow</a>
|
|
element set.</p>
|
|
|
|
<table cellspacing="3" cellpadding="4" border="1">
|
|
<thead>
|
|
<tr>
|
|
<th>Elements</th>
|
|
<th>Attributes</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animate"><span
|
|
class="einst">animate</span></a><strong>&</strong>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-set"><span
|
|
class="einst">set</span></a><strong>&</strong>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateMotion"><span
|
|
class="einst"> animateMotion</span></a><strong>&</strong>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#edef-animateColor">
|
|
<span class="einst">animateColor</span></a><strong>&</strong></td>
|
|
<td><a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-accelerate"><span
|
|
class="ainst">accelerate</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-decelerate">
|
|
<span class="ainst">decelerate</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-autoReverse">
|
|
<span class="ainst">autoReverse</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-speed">
|
|
<span class="ainst">speed</span></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Media<strong>&</strong></td>
|
|
<td><a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-accelerate"><span
|
|
class="ainst">accelerate</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-decelerate">
|
|
<span class="ainst">decelerate</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-autoReverse">
|
|
<span class="ainst">autoReverse</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-speed">
|
|
<span class="ainst">speed</span></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-par"><span
|
|
class="einst">par</span></a><strong>&</strong>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-seq"> <span
|
|
class="einst">seq</span></a><strong>&</strong>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timing.html#edef-excl"> <span
|
|
class="einst">excl</span></a><strong>&</strong></td>
|
|
<td><a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-accelerate"><span
|
|
class="ainst">accelerate</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-decelerate">
|
|
<span class="ainst">decelerate</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-autoReverse">
|
|
<span class="ainst">autoReverse</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-speed">
|
|
<span class="ainst">speed</span></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a
|
|
href="http://www.w3.org/TR/smil20/smil-transitions.html#edef-transitionFilter"><span
|
|
class="einst">transitionFilter</span></a><strong>&</strong></td>
|
|
<td><a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-accelerate"><span
|
|
class="ainst">accelerate</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-decelerate">
|
|
<span class="ainst">decelerate</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-autoReverse">
|
|
<span class="ainst">autoReverse</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-speed">
|
|
<span class="ainst">speed</span></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="einst">img</span><strong>&</strong>,<span
|
|
class="einst"> iframe</span><strong>&, </strong><span
|
|
class="einst">body</span>, <a href="#Flow">Flow</a></td>
|
|
<td><a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-accelerate"><span
|
|
class="ainst">accelerate</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-decelerate">
|
|
<span class="ainst">decelerate</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-autoReverse">
|
|
<span class="ainst">autoReverse</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-timemanip.html#adef-speed">
|
|
<span class="ainst">speed</span></a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h3 id="Transition-Effects-Module">2.10-Transition Effects Module</h3>
|
|
|
|
<p>The <a href="http://www.w3.org/TR/smil20/smil-transitions.html">Transition
|
|
Effects Module</a> defines a taxonomy of transition effects as well as
|
|
semantics and syntax for integrating these effects into XHTML documents. The
|
|
XHTML+SMIL profile includes the functionality of the <a
|
|
href="http://www.w3.org/TR/smil20/smil-transitions.html#TransitionEffects-Inline">InlineTransitions</a>
|
|
module, which defines the <a
|
|
href="http://www.w3.org/TR/smil20/smil-transitions.html#edef-transitionFilter"><span
|
|
class="einst">transitionFilter</span></a><span class="einst">
|
|
element</span>.</p>
|
|
|
|
<p>In an XHTML document, <a
|
|
href="http://www.w3.org/TR/smil20/smil-transitions.html#edef-transitionFilter"><span
|
|
class="einst">transitionFilter</span></a><span class="einst"> </span>elements
|
|
have the following attributes and content model:</p>
|
|
|
|
<table cellspacing="3" cellpadding="4" border="1">
|
|
<thead>
|
|
<tr>
|
|
<th height="19">Elements</th>
|
|
<th height="19">Attributes</th>
|
|
<th height="19">Content Model</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td height="17"><a
|
|
href="http://www.w3.org/TR/smil20/smil-transitions.html#edef-transitionFilter"><span
|
|
class="einst">transitionFilter</span></a></td>
|
|
<td height="17"><a href="#Common">Common</a>, <a
|
|
href="#TimingAttrSet">Timing</a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-transitions.html#adef-transitionFilter-type">
|
|
<span class="ainst">type</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-transitions.html#adef-transitionFilter-subtype">
|
|
<span class="ainst">subtype</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-transitions.html#adef-transitionFilter-mode">
|
|
<span class="ainst">mode</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/smil-transitions.html#adef-transitionFilter-fadeColor">
|
|
<span class="ainst">fadeColor</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-targetElement">
|
|
<span class="ainst">targetElement</span></a><span class="ainst">,
|
|
</span><a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-additive">
|
|
<span class="ainst">additive</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-accumulate">
|
|
<span class="ainst">accumulate</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-calcMode">
|
|
<span class="ainst">calcMode</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-values"> <span
|
|
class="ainst">values</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-keyTimes">
|
|
<span class="ainst">keyTimes</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-keySplines">
|
|
<span class="ainst">keySplines</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-from"> <span
|
|
class="ainst">from</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-to"> <span
|
|
class="ainst">to</span></a>, <a
|
|
href="http://www.w3.org/TR/smil20/animation.html#adef-by"> <span
|
|
class="ainst">by</span></a></td>
|
|
<td class="content" height="17"><span class="einst">param</span></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p>A <a
|
|
href="http://www.w3.org/TR/smil20/smil-transitions.html#edef-transitionFilter"><span
|
|
class="einst">transitionFilter</span></a><span class="einst"> </span>element
|
|
may contain one or more XHTML <span class="xeinst">param</span> elements
|
|
describing extended transition functionality, as described in the <a
|
|
href="http://www.w3.org/TR/smil20/smil-transitions.html">Transition Effects
|
|
Module</a> (<a
|
|
href="http://www.w3.org/TR/smil20/smil-transitions.html#q20">specific
|
|
section</a>).</p>
|
|
|
|
<p>The <a
|
|
href="http://www.w3.org/TR/smil20/smil-transitions.html#edef-transitionFilter"><span
|
|
class="einst">transitionFilter</span></a><span class="einst"> </span> element
|
|
is added to the content model of the elements in the <a
|
|
href="http://www.w3.org/TR/smil20/extended-media-object.html"> Media Object
|
|
Module</a>, and XHTML elements that support rendered content.</p>
|
|
|
|
<p>The specific XHTML elements that will support <a
|
|
href="http://www.w3.org/TR/smil20/smil-transitions.html#edef-transitionFilter"><span
|
|
class="einst">transitionFilter</span></a><span class="einst"> needs further
|
|
attention.</span></p>
|
|
|
|
<table cellspacing="3" cellpadding="4" border="1">
|
|
<thead>
|
|
<tr>
|
|
<th height="19">Elements</th>
|
|
<th height="19">Content Model</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td height="17">Media<strong>&</strong><span class="einst">,
|
|
img</span><strong>&</strong>,<span class="einst"> </span>???</td>
|
|
<td class="content" height="17"><a
|
|
href="http://www.w3.org/TR/smil20/smil-transitions.html#edef-transitionFilter"><span
|
|
class="einst">transitionFilter</span></a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h2>3-<a id="SMILProfileNS-Extending"
|
|
name="SMILProfileNS-Extending1">Extending the XHTML+SMIL Language
|
|
Profile</a></h2>
|
|
|
|
<p>This section is <em>normative.</em></p>
|
|
|
|
<p>In the future, XHTML+SMIL Language may be extended by other W3C
|
|
recommendations, or by private extensions. For these extensions, the
|
|
following rules must be obeyed:</p>
|
|
<ul>
|
|
<li>All elements introduced in extensions must have a skip-content
|
|
attribute if it should be possible that their content is processed by
|
|
XHTML+SMIL user agents.</li>
|
|
<li>Private extensions must be introduced by defining a new XML
|
|
namespace.</li>
|
|
</ul>
|
|
|
|
<p>Conformant XHTML+SMIL user agents are prepared to handle documents
|
|
containing extensions that obey these two rules.</p>
|
|
|
|
<h2 id="s_xhtmlmodules"><a
|
|
name="HTML-SMIL-ProfileNS-AppendixDTD"></a>Appendix A: Document Type
|
|
Definition</h2>
|
|
|
|
<p>This section is <em>normative</em> .</p>
|
|
|
|
<p>TBD.</p>
|
|
|
|
<h2><a name="AppendixB">Appendix B: References</a></h2>
|
|
|
|
<p><strong><a class="normref" name="ref-CSS2">[CSS2]</a></strong></p>
|
|
|
|
<p>"Cascading Style Sheets, level 2", Bert Bos, Håkon Wium Lie, Chris Lilley,
|
|
Ian Jacobs. W3C Recommendation 12 May 1998, <br>
|
|
Available at <a
|
|
href="http://www.w3.org/TR/REC-CSS2">http://www.w3.org/TR/REC-CSS2</a></p>
|
|
|
|
<p><strong><a class="normref" name="ref-HTML4">[HTML4]</a></strong></p>
|
|
|
|
<p>"HTML 4.01 Specification" D. Raggett, A. Le Hors, I. Jacobs. W3C
|
|
Recommendation 24 December 1999, <br>
|
|
Available at <a
|
|
href="http://www.w3.org/TR/html401/">http://www.w3.org/TR/html401/</a></p>
|
|
|
|
<p><strong><a class="normref"
|
|
name="ref-DOMLevel2Events">[DOMLevel2Events]</a></strong></p>
|
|
|
|
<p>"Document Object Model Level 2 Events Specification", Tom Pixley. W3C
|
|
Recommendation 13 November, 2000 <br>
|
|
Available at <a
|
|
href="http://www.w3.org/TR/DOM-Level-2-Events/">http://www.w3.org/TR/DOM-Level-2-Events/</a></p>
|
|
|
|
<p><strong><a class="normref" name="ref-RUBY">[RUBY]</a></strong></p>
|
|
|
|
<p>"Ruby Annotation". W3C Recommendation 31 May 2001. <br>
|
|
Available at <a
|
|
href="http://www.w3.org/TR/2001/REC-ruby-20010531">http://www.w3.org/TR/2001/REC-ruby-20010531</a></p>
|
|
|
|
<p><strong><a class="normref" name="ref-SMIL20">[SMIL20]</a></strong></p>
|
|
|
|
<p>"Synchronized Multimedia Integration Language (SMIL 2.0) Specification".
|
|
W3C Recommendation 07 August 2001,<br>
|
|
Available at <a
|
|
href="http://www.w3.org/TR/smil20/">http://www.w3.org/TR/smil20/</a></p>
|
|
|
|
<p><strong><a class="normref"
|
|
name="ref-SMIL20-MOD">[SMIL20-MOD]</a></strong></p>
|
|
|
|
<p>"The SMIL 2.0 Modules", W3C Recommendation 07 August 2001,<br>
|
|
Available at <a
|
|
href="http://www.w3.org/TR/smil20/smil-modules.html">http://www.w3.org/TR/smil20/smil-modules.html</a></p>
|
|
|
|
<p><strong><a class="normref"
|
|
name="ref-SMIL-MOD-NOTE">[SMIL-MOD-NOTE]</a></strong></p>
|
|
|
|
<p>"Synchronized Multimedia Modules based upon SMIL 1.0", Patrick Schmitz,
|
|
Ted Wugofski and Warner ten Kate. W3C Note 23 February 1999, <br>
|
|
Available at <a
|
|
href="http://www.w3.org/TR/NOTE-SYMM-modules">http://www.w3.org/TR/NOTE-SYMM-modules</a>.
|
|
Superceded by <a href="#ref-SMIL20-MOD">[SMIL20-MOD]</a> .</p>
|
|
|
|
<p><strong><a class="normref" name="ref-XHTML10">[XHTML10]</a></strong></p>
|
|
|
|
<p>"The Extensible HyperText Markup Language: A Reformulation of HTML 4.0 in
|
|
XML 1.0". W3C Recommendation 26 January 2000, <br>
|
|
Available at <a
|
|
href="http://www.w3.org/TR/xhtml1/">http://www.w3.org/TR/xhtml1/</a></p>
|
|
|
|
<p><strong><a class="normref" name="ref-XLINK">[XLINK]</a></strong></p>
|
|
|
|
<p>"XML Linking Language (XLink)", S. DeRose, E. Maler, D. Orchard and B.
|
|
Trafford. W3C Recommendation 27 June 2001, <br>
|
|
Available at <a
|
|
href="http://www.w3.org/TR/xlink">http://www.w3.org/TR/xlink</a></p>
|
|
|
|
<p><strong><a class="normref" name="ref-XMOD">[XMOD]</a></strong></p>
|
|
|
|
<p>"Modularization of XHTML", Shane McCarron, Murray Altheim, et al. W3C
|
|
Recommendation 10 April 2001, <br>
|
|
Available at <a
|
|
href="http://www.w3.org/TR/xhtml-modularization/">http://www.w3.org/TR/xhtml-modularization</a></p>
|
|
|
|
<p><strong><a class="normref" name="ref-XSCHEMA">[XSCHEMA]</a></strong></p>
|
|
|
|
<p>"XML Schema, XML Schema Part 1: Structures". W3C Recommendation 2 May
|
|
2001, <br>
|
|
Available at <a
|
|
href="http://www.w3.org/TR/xmlschema-1/">http://www.w3.org/TR/xmlschema-1/</a></p>
|
|
|
|
<p></p>
|
|
</body>
|
|
</html>
|