Audio tag
Az audio tag vezérli a hangfelvétel
lejátszását egy HTML oldalon.
Hozzáadásakor egy lejátszó jelenik meg az oldalon,
amelynek lesznek "Vissza", "Előre",
"Stop" és hasonló gombjai (megjelenésük és számuk
a böngészőtől függ). A fájl elérési útja az
src attribútummal vagy a beágyazott source tag
segítségével adható meg.
A source tag azért szükséges, hogy
különböző formátumú hangfájlok elérési útját
lehessen megadni (mivel a böngészők különböző hangformátumokat
támogatnak, például mp3 vagy wav).
Ha egy felvételed csak egy formátumban van,
akkor azt más formátumokba is konvertálni kell.
A audio tag belsejébe szöveget írhatunk,
ami azokban a böngészőkben jelenik meg, amelyek
nem támogatják a HTML hanglejátszást (ez azért történik,
hogy értesítsük a felhasználókat erről).
Ha szeretnél egy hanglejátszót látni a hang lejátszásának
vezérléséhez - add hozzá a controls attribútumot.
Enélkül nem fogsz semmit látni - és hang sem lesz.
Hogy hang legyen a lejátszó hiányában is - add hozzá
a autoplay attribútumot.
Attribútumok
| Attribútum | Leírás |
|---|---|
src |
Meghatározza a hangfájl elérési útját.
De erre jobb a source tag használata
(ebben az esetben a hang különböző formátumokban is megadható).
|
preload |
A hangfájl oldalbetöltéssel egyidejű letöltésére szolgál.
Lehetséges értékek: none (ne töltse le a fájlt, alapértelmezés),
metadata (csak a szolgáltatási információkat töltse le: lejátszási idő stb.),
auto (a teljes hangfájl letöltése a HTML oldal betöltésekor).
|
autoplay |
A hang az oldal betöltése után azonnal elindul,
ekkor a preload attribútum jelenléte figyelmen kívül marad.
Érték nélküli attribútum. |
controls |
Vezérlőpultot ad a hangfájlhoz.
ekkor a preload attribútum jelenléte figyelmen kívül marad.
Érték nélküli attribútum. |
loop |
Ismétli a hangfelvételt "végtelen ciklusban": a befejezést követően újra elindul.
ekkor a preload attribútum jelenléte figyelmen kívül marad.
Érték nélküli attribútum. Alapértelmezetten (ha az attribútum nincs megadva) a felvétel csak 1 alkalommal játszódik le.
|
muted |
Kikapcsolja a hangot a hangfelvételen.
Érték nélküli attribútum. Alapértelmezetten (ha az attribútum nincs megadva) a felvétel hangja be van kapcsolva. |
Példa . Lejátszó az oldalon
Adjunk hozzá egy lejátszót hangfelvétellel az oldalhoz.
Azoknak a böngészőknek, amelyek nem támogatják
az audio tag-et, egy speciális üzenet
maradt:
<audio src="track.mp3" controls>
A böngészője nem támogatja az audio tag-et a HTML5-ben.
</audio>
Példa . Lejátszó az oldalon source tag-gel
Most pedig adjunk hozzá a audio tag-hez
source tag-et
a src attribútum helyett:
<audio controls>
<source src="track.mp3">
A böngészője nem támogatja az audio tag-et a HTML5-ben.
</audio>
