SMIL - uvod

SMIL je skraćenica od Synchronized Multimedia Integration Language. To je jezik kojim se opisuje multimedijalna prezentacija. Pošto se cijeli SMIL zapisuje u XML formatu veoma lako ga je savladati. Cijela SMIL prezentacija se može napisati u tekst editoru kao što je Notepad. Također omogućava da se cijela prezentacija prikazuje direktno u HTML web stranici. Sada se već nalazi u verziji 2.0 i standardiziran je od strane W3C organizacije 2001. godine dok se SMIL 1.0 nalazi u standardu još od 1998. godine.

Zašto koristiti SMIL?

Kao prvo, puno je brži od JavaScript/DHTML-a kada se radi o animacijama na webu i procesiranju ulaza vanjskih uređaja (npr. miš). Osim što je lakši, može izvršiti i kompleksnije zadatke nego JavaScript. U njemu postoji mogućnost kontrole vremena, prikazivanja dugmadi kao i prikazivanja tekstualnog, slikovnog i video sadržaja. Da bi SMIL prikazali u IE moramo u html tag dodati ovaj red koda:

A u head tag dodati

<?import namespace="time" implementation="#default#time2"> <style>.time {behavior: url(#default#time2)}</style>

I na kraju u body dijelu gdje god želimo dodamo animaciju:

<time:seq repeatCount="indefinite"> <img class="time" src="image1.jpg" dur="3s" /> <img class="time" src="image2.jpg" dur="3s" /> </time:seq>

U animaciji smo definirali dvije slike koje se mijenjaju svako 3 sekunde. Ovo je najjednostavnija animacija. Dijelovi koje smo dodali u html i head dijelu su neophodni jer definiraju time i smil atribute koji su potrebni da bi se animacija točno prikazala. Većina animacija zahtijeva time atribut kojim se definira kada neka animacija počinje odnosno završava.

Isto tako, možemo definirati da se neka slika pokaže nakon 5 sekundi.

Atribut begin definira vrijeme kada će se element pojaviti. Možemo još koristiti dur atribut koji govori koliko će element biti prikazan i repeatCount koji definira koliko će se puta ponoviti prikazivanje nekoga elementa.

Ako ste naučili nešto novo napišite jedan komentar podrške.
Hvala!

Autor: Vedran

Datum objave: 21.01.2008

Za vas smo izdvojili:

■  Kretanje po predefiniranoj liniji
■  SMIL prijelazi - transitions
■  Animacija div elemenata

Zadnjih 5 članaka

■  Izgubljena particija i dokumenti
■  Kako napraviti crosover kabel
■  Spam poruke
■  Hiperveze između Word dokumenata
■  Lozinke, lozinke ...

KOMENTARI:

Nema još ni jednog komentara.

Samo registrirani korisnici mogu komentirati.