Ce face <audio>
Tagul <audio> oferă un mecanism nativ pentru redarea fișierelor sonore (MP3, WAV, OGG, AAC) fără software suplimentar.
La fel ca la video, adăugarea atributului controls este necesară pentru a pune la dispoziția utilizatorului butoanele de pornire/oprire și reglaj al volumului.
Atribute
| Atribut | Descriere |
|---|---|
src |
Adresa fișierului audio. |
controls |
Afișează controalele implicite de redare și volum. |
loop |
Reia melodia la nesfârșit. |
preload |
„auto” (încarcă dinainte), „metadata” (doar durata), „none” (nu descărca nimic până la clic). |
Exemple
Exemplul 1: Player pentru un episod de podcast
Preload=”none” economisește traficul de date al utilizatorilor pe mobil.
<audio controls preload="none">
<source src="/audio/podcast-episod1.mp3" type="audio/mpeg">
Formatul audio nu este suportat de browser.
</audio>Ce afișează browserul
O bară orizontală de redare audio cu buton Play/Pauză, cronometru și glisor de volum.Greșeli frecvente
- Pornirea automată a sunetului cu autoplay, considerată una dintre cele mai deranjante practici pe web.
Comenzi înrudite
<video>: Redă conținut video direct în browser, fără pluginuri externe, cu butoane native de redare și volum.