Audio-silt
Silt audio juhib helisalvestise
esitamist HTML-lehel. Selle
lisamisel kuvatakse lehel mängija,
mil on nupud "Tagasi", "Edasi",
"Stop" jne (nende välimus ja arv sõltuvad
brauserist). Faili asukoht määratakse atribuudiga
src või pesastatud silt source.
Silt source on vajalik selleks, et määrata
helisalvestise failide asukohad erinevates vormingutes
(kuna brauserid toetavad erinevaid helivorminguid,
nagu näiteks mp3 või wav).
Kui teil on salvestis ühes vormingus,
peate selle teisendama ka teistesse.
Sildi audio sisse saab kirjutada teksti,
mida kuvatakse brauserites, mis
ei toeta heli HTML-is (see tehakse
selleks, et sellest kasutajatele teada anda).
Kui soovite näha heli esitamise juhtimise mängijat -
tuleb lisada atribuut controls.
Ilma selleta te ei näe midagi - ja heli
sel juhul ka ei kuule. Et heli oleks ka ilma
mängijata - lisage atribuut autoplay.
Atribuudid
| Atribuut | Kirjeldus |
|---|---|
src |
Määrab helifaili asukoha.
Kuid parem on selleks kasutada silti source
(sel juhul saab heli määrata erinevates vormingutes).
|
preload |
Kasutatakse helifaili laadimiseks samaaegselt veebilehe laadimisega.
Võimalikud väärtused: none (ära laadi faili, vaikimisi),
metadata (lae ainult teenuseinformatsioon: helistuse kestus jne),
auto (lae helifail täielikult HTML-lehe laadimisel).
|
autoplay |
Heli hakkab mängima kohe peale lehe laadimist,
sel juhul ignoreeritakse atribuudi preload olemasolu.
Atribuut ilma väärtuseta. |
controls |
Lisab helifailile juhtpaneeli.
sel juhul ignoreeritakse atribuudi preload olemasolu.
Atribuut ilma väärtuseta. |
loop |
Kordab helisalvestist "ringi": peale lõppu hakkab see uuesti mängima.
sel juhul ignoreeritakse atribuudi preload olemasolu.
Atribuut ilma väärtuseta. Vaikimisi (kui atribuuti pole) mängitakse salvestist ainult 1 kord.
|
muted |
Keelab heli helisalvestises.
Atribuut ilma väärtuseta. Vaikimisi (kui atribuuti pole) on salvestise heli sisse lülitatud. |
Näide . Mängija veebilehel
Lisame lehele mängija helisalvestisega.
Brauserite jaoks, mis ei toeta
silti audio, on jäetud spetsiaalne teade
sellest:
<audio src="track.mp3" controls>
Teie brauser ei toeta HTML5 audio-d.
</audio>
Näide . Mängija veebilehel source-sildiga
Nüüd kasutame sildi audio jaoks
atribuudi src asemel
silti source:
<audio controls>
<source src="track.mp3">
Teie brauser ei toeta HTML5 audio-d.
</audio>