 |
 |
| XHTML+SMIL
|
XHTML+SMIL deix�-lo-� escrever o c�digo de SMIL em um original v�lido de XHTML. Adicionar o sincronismo, o animation, a transi��o e os outros elementos de SMIL a seus Web pages. Estar apenas ciente que at� � data do Internet de hoje Explorer>5.5 � o �nico browser da escolha.
|
Uma maneira simples de explicar o perfil de XHTML+SMIL � dizendo que m�dulos de SMIL n�o cont�m
M�dulo da disposi��o: O m�dulo da disposi��o de SMIL 2.0 n�o � inclu�do. O modelo da disposi��o de XHTML/CSS fornece a funcionalidade da disposi��o.
Ligando o m�dulo: O m�dulo ligando de SMIL 2.0 n�o � inclu�do, porque XHTML fornece ligar a funcionalidade.
M�dulo da estrutura: O m�dulo da estrutura de SMIL 2.0 n�o � inclu�do, enquanto o original de XHTML � definido para ser a l�ngua do anfitri�o, e assim que fornece os elementos e a sem�ntica equivalentes.
M�dulo de Metainformation: O m�dulo de SMIL 2.0 Metainformation n�o � inclu�do, porque XHTML fornece a funcionalidade dos metadata.
Os m�dulos de SMIL que s�o deixados ent�o s�o:
- M�dulo do Animation
- M�dulo de controle satisfeito
- M�dulo de objeto dos meios
- Sincronismo e m�dulo da sincroniza��o
- M�dulo das manipula��es de Tempo
- A transi��o efetua o m�dulo
Este os m�dulos devem ser bastantes a jogar com, desde que a funcionalidade �faltando� dos m�dulos � suportada inteiramente em XHTML/CSS.
|
|
Namespace elements are included with a
SMIL namespace declaration:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:smil="http://www.w3.org/2001/SMIL20">
|
| HTML+TIME |
HTML+TIME � baseado (X) no perfil de HTML+SMIL. � execu��o de Microsoft no Internet Explorer e usa o comportamento do elemento time2. Um namespace diferente � usado mas tem muito do funcionality descrito para XHTML+SMIL. Associar elementos com o comportamento time2 que usa um atributo da classe do CSS d�-nos esta lima m�nima:
|
|
<html xmlns:t="urn:schemas-microsoft-com:time">
<head>
<?import namespace="t" implementation="#default#time2">
<style>.t {behavior: url(#default#time2)}</style>
</head>
<body>
</body>
</html>
|
|
Abaixo est� a fonte para a apresenta��o do Sr. Zebra que foi introduzida na se��o da se��o da introdu��o. A diferen�a grande � disposi��o de tela desde que o m�dulo da disposi��o de SMIL n�o � inclu�do. Instead eu usei o estilo inline do CSS descrever a disposi��o de tela. Eu escolhi tamb�m incluir os texto-elementos usando o <p> em vez de inclui-los como texto-limas.
|
|
<HTML XMLNS:t ="urn:schemas-microsoft-com:time">
<HEAD>
<STYLE>
< .time {behavior: url(#default#time2);}>
</STYLE>
<?IMPORT namespace="t" implementation="#default#time2">
</HEAD>
<BODY width="640" height="560" bgcolor="#FFFFFF">
<t:par>
<t:audio src="audio/Mr._Zebra.mp3" alt="Mr. Zebra perfomed by
Tori Amos" dur="19.6s"/>
<img class="time" src="images/zebra.jpg" alt="a zebra" width="640"
height="480" dur="18s" style="position: absolute; left: 0px; top: 0px;
width: 640px; height: 480px;"/>
<p class="time" dur="8s" style="position: absolute; left: 0px;
top: 480px; width: 640px; height: 80px; background-color:#FFFFFF" >
Hello Mr. Zebra</p>
<p class="time" begin="10s" style="position: absolute; left: 0px;
top: 480px; width: 640px; height: 80px; background-color:#FFFFFF">
Ratatouille Strychnine</p>
<p class="time" begin="13s" style="position: absolute; left: 0px;
top: 480px; width: 640px; height: 80px; background-color:#FFFFFF" >
sometimes she's a friend of mine</p>
<img class="time" src="images/sweater.jpg" alt="a sweater" begin="4s"
style="z-index:1; position: absolute; left:500px; top:360px; width:140;
height:120"/>
<img class="time" src="images/snow2_oil.jpg" alt="snow" begin="5.5s"
style="z-index:1; position: absolute; left:500px; top:240px; width:140;
height:120"/>
<img class="time" src="images/snow1_oil.jpg" alt="snow" begin="6s"
style="z-index:1; position: absolute; left:500px; top:120px; width:140;
height:120"/>
<img class="time" src="images/snow1_charcoal.jpg" alt="snow"
begin="6.5s" style="z-index:1; position: absolute; left:500px;
top:0px; width:140; height:120"/>
<img class="time" src="images/zebra_swirl80.jpg" alt="a swirled zebra"
begin="18s" style="position: absolute; left: 0px; top: 0px;
width: 640px; height: 480px;"/>
</t:par>
</BODY>
</HTML>
|
|
|
Keywords: xhtml examples,
xhtml tutorial,
smil player,
smil tutorial,
xhtml example,
smil example,
smil multimedia,
xhtml editor,
mms smil,
w3c xhtml,
xml xhtml,
text xhtml,
xhtml xslt,
smil text,
xsl xhtml,
xhtml svg,
xhtml dtd,
xhtml reference,
xhtml tags,
xhtml cdata,
xhtml namespace,
xhtml template,
xhtml stylesheet,
xhtml attributes,
xhtml javascript,
embed xhtml,
layout xhtml,
xhtml code,
xhtml tag
xhtml element,
xhtml document,
xhtml attribute,
css xhtml,
using xhtml
|
