HTML+TIME

HTML+TIME - Timed Interactive Multimedia Extensions for HTML je spojení HTML a schopností jazyka SMIL. Lze tedy dobře říci, že pomocí HTML+TIME lze vytvořit stejné multimediální prezentace jako ve SMILu. Rozdíl oproti SMILu je především v podpoře. HTML+TIME podporuje Internet Explorer. Konkrétně HTML+TIME 1.0 (staví na SMIL 1.0) je podporováno už v Internet Explorer 5.0, HTML+TIME 2.0 (vychází ze SMILu 2.0) je podporováno až od IE 5.5.

HTML+TIME se od SMILu liší v několika základních bodech:

  • Některé prvky a atributy SMILu chybí. HTML+TIME je nahrazuje. Hlavně jde o vizuální část SMILu, kterou skoro kompletně nahrazuje CSS
  • Rozdíl v integraci do zdrojového kódu. Vložení HTML+TIME je trochu komplikovanější.
  • Některé prvky jsou přidány
  • HTML+TIME je podporováno v Internet Exploreru

Zapojení HTML+TIME do dokumentu:

Hlavička vypadá následovně:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML+SMIL //EN" "htmlplussmil.dtd">
<html xmlns:t ="urn:schemas-microsoft-com:time">
<?import namespace="t" implementation="#default#time2">
<style>
	t\:* { behavior:url(#default#time2); }
</style> 

Příklad animace HTML+TIME

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<xml:namespace prefix="t"/>
<style type="text/css">
t\:* { behavior:url(#default#time2); }
#box{width:200; height:200; background-color: #8894fb }
#animace{position:absolute; top:0; left:0;}
</style>
</head>
<body>
<t:par id="box" begin="0s;animace.click" fill="hold">
  <img src="balon.png" alt="" id="animace" />
  <t:animateMotion targetElement="animace" dur="1.5s"
   fill="hold" from="80,-30" to="80,170" />
</t:par>
</body>
</html>

Tento příklad funguje od IE 5.5 a výš. Stačí ho uložit jako stránku HTML. Můžete si též stáhnout archiv HTML+TIME animací

Více:
SMIL - jazyk pro tvorbu multimediálních prezentací
Specifikace HTML+TIME [EN]
Interval.cz - můj článek o HTML+TIME



Doporučuji
Pro své weby používám *Webhosting C4: 20 GB prostoru, PHP, MySQL, e-maily, subdomény za 1200 Kč (zdarma 2 GB navíc každý rok). Více WebhostingC4.cz.
Potřebujete poradit?


Vyhledávání


Poradna

Pokud si nevíte rady, chcete kontakt na spolehlivého tvůrce webu, či vás zajímá cizí názor, ozvěte se.

Reklama