Ova lekcija će vam pokazati kako umetnuti pozadinski zvuk na vaš website. Kao i kod mnogo stvari u životu postoji lakši i teži način. Prvo upoznajmo lakši.
1. AUDIO tag
AUDIO tag je noviji HTML5 tag koji omogućuje reprodukciju pjesama i zvukova u slijedećim formatima: mp3, ogg i wav.Osnovna sintaksa je slijedeća:
Primjer: vidi code » vidi stranicu
Ako želimo da zvuk bude postavljen kao pozadinski, bez prikaza kontrolnog sučelja, umjesto atributa controls stavit ćemo autoplay.Primjer: vidi code » vidi stranicu
Ostali važniji atributi AUDIO taga| autoplay | započinje reprodukciju bez klika na start dugme |
| controls | prikazuje sučelje |
| loop | neprekidno ponavlja pjesmu |
| src="foo.ogg" | URL audio fajla (bolje korisiti <source> tag) |
| volume="0.0 - 1.0" | jačina zvuka od 0.0 do 1.0 |
2. BGSOUND i EMBED zastarjeli tagovi
Kod nekih browsera (Internet Explorer npr.) pomoću taga <bgsound> moći ćete ubaciti zvuk. Kod Netscape i sličnih (Mozilla npr.) ovo neće raditi.Atributi ovog taga su:
src="url" - određuje URL tj. put do zvučne datoteke
volume="integer od 0 do -10000" - definira jakost zvuka
(vrijednost 0 je maximalna jačina, a -10000 je nečujno)
loop="integer" - određuje koliko puta će se fajl (zvuk) ponoviti
delay="integer" - određuje nakon koliko sekundi će zvuk početi
U cijelosti to izgleda izgleda ovako:
Primjer: vidi code » vidi stranicu
Tag <embed> prvobitno je koristio Netscape kako bi omogućio korištenje svoje plugin tehnologije. Ukoliko surfajući naletite na web stranicu na kojoj se nalazi consola sa PLAY, STOP, PAUSE ...itd. vjerojatno je da se upotrijebio baš ovaj tag.
Atributi ovog taga su:
src="url" - određuje URL tj. put do zvučne datoteke
volume="integer od 0 do -1000" - definira jakost zvuka
loop="integer" - određuje koliko puta će se fajl (zvuk) ponoviti
hidden="true|false" - definira vidljivost upravljačke console
autostart="true|false" - određuje da li će se zvuk sam pokrenuti
width="integer" - određuje širinu console u pixelima
height="integer" - određuje visinu console u pixelima
align="parametar" - određuje poravnanje texta oko console (isto kao kod slike)
Evo primjera kad consola nije sakrivena.
Primjer: vidi code » vidi stranicu
Ako želimo da bude skrivena obavezno uz hidden="true" mora se dodati i samopokretanje autostart="true" jer u protivnom neće se čuti ništa.Primjer: vidi code » vidi stranicu