SMIL

Jazyk SMIL - Synchronized Multimedia Integration Language umožňuje tvorbu multimediálních prezentací (obdoba prezentací PowerPointu), které jsou určeny pro internet. Jazyk SMIL je jazyk značkovací a vychází z XML. Pomocí SMILu můžete do prezentace vkládat texty, obrázky, hudbu a video.

Možná se vám zdá SMIL jako formát budoucnosti, ale pravdou je, že už se docela často používá. Nevýhoda prezentace psané v PowerPointu je její malá přenosnost, na jiném počítači nemusí být PowerPoint instalovaný. SMIL sice zatím není podporován ve webových prohlížečích, avšak jeho podpora je zajištěna například v Apple Quick Time Playeru, což je klasický přehrávač hudby a videa, v první řadě určený pro platformu Apple, ale funguje bez problémů i ve Windows. Dále ho podporuje poměrně rozšířený přehrávač Real Player. Oba přehrávače jsou zcela zdarma.

SMIL si klade několik základních cílů pro tvorbu kvalitní prezentace:

Přesný popis vizuální podoby prezentace, SMIL už ve svém jádru obsahuje některé stylovací vlastnosti - pozice, rychlosti. Samozřejmě, že tento základ je možné doplnit o CSS
Přesné umístění a velikost vkládaných objektů, SMIL zcela přesně určuje jednotlivé pozice prvků, objekty plavou v prezentaci
Časová osa a změny prezentace v čase, perzentace je přesně načasována, každý objekt má přesně nastaveno, kdy se má objevit na scéně
Hyperodkazy a parametrizace prezentace. Některé prvky jsou určeny pro kontakt s uživatelem, dynamičnost prezentace, prezentace reaguje napodněty návštěvníka (kliknutí)
SMIL disponuje systémem větvení. Díky tomu je schopen vyhodnotit různé vlastnosti prohlížeče - jazyk (podle toho může nabídnout různý textový obsah), rychlost připojení (výběr odpovídajícího videa) atd.

Animace

SMIL existuje již ve dvou verzích SMIL 1.0 a SMIL 2.0. SMIL 2.0 doplňuje základní model SMILu o možnost animace. Tyto animace jsou dohnány k dokonalosti a proto stačí nastavit počátení pozici, konečnou pozici a rychlost objektu. SMIL si pak sám spočítá, jak má animaci provést. SMIL 2.0 umožňuje několik typů animace:

Pohyb po křivce - zrychlení, zpomalení
Změna barev - skoková změna (černá - bílá), případně plynulá změna barvy (černá - šedé - bílá)
Nakonec umožňuje tvorbu i klasických webových prvků - rollover

Ukázka

Abych jen nepsal nějaké abstraktní nesmysly, podívejte se na příklad:

<!DOCTYPE smil PUBLIC "-//W3C//DTD SMIL 1.0//EN"
"http://www.w3.org/TR/REC-smil/SMIL10.dtd">
<smil>
  <head>
    <layout>
      <root-layout width="160" height="160" background-color="white"/>
      <region id="r1" top="0" left="0" height="80" width="80" />
      <region id="r2" top="0" left="80" height="80" width="80" />
      <region id="r3" top="80" left="0" height="80" width="80" />
      <region id="r4" top="80" left="80" height="80" width="80" />
  </layout>
  </head>
  <body>
    <par>
      <img src="objekt.png" begin="1s" dur="5s" region="r1" />
      <img src="objekt.png" begin="2s" dur="4s" region="r2" />
      <seq>
        <img src="objekt.png" begin="1s" dur="5s" region="r3" />
        <img src="objekt.png" begin="2s" dur="4s" region="r4" />
      </seq>
    </par>
  </body>
</smil>

Tento jednoduchý příklad si můžete stáhnout a zobrazit v Apple Quick Time Playeru nebo Real Playeru.

Více:
HTML+TIME - HTML+TIME je přepis SMILu pro MSIE
Specifikace SMIL 1 [EN]
Specifikace SMIL 2.0 [EN]
Interval.cz

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?