HTML-<audio>-tagi

Määrittely ja käyttö

<audio> Merkki käytetään dokumentissa sisällyttämään äänisisältöä, kuten musiikkia tai muita äänivirtoja.

<audio> Merkki voi sisältää yhden tai useamman eri äänilähteen omaavan <source> -merkkibrowser valitsee ensimmäisen tukevan lähteen.

<audio> ja </audio> Teksti merkkiä välissä näkyy vain <audio> elementti näkyy selaimessa.

Vinkki:Video-tiedostoista katso: <video> -merkki.

HTML tukee kolmea äänimuotoa: MP3, WAV ja OGG.

Äänimuodot ja selaimen tuki

Selaime MP3 WAV OGG
Edge / IE Tuki Tuki * Tuki *
Chrome Tuki Tuki Tuki
Firefox Tuki Tuki Tuki
Safari Tuki Tuki Ei tukea
Opera Tuki Tuki Tuki

* Aloitetaan Edge 79

Katso myös:

HTML DOM-ohjekirja:HTML Audio/Video DOM-ohjekirja

Esimerkki

Toista äänitiedostoa:

<audio controls>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
  Selaimesi ei tue audio-merkkiä.
</audio>

Kokeile itse

Ominaisuus

Ominaisuus Arvo Kuvaus
autoplay autoplay Määritellään, että äänitiedosto alkaa heti, kun se on valmis.
controls controls Määritellään, että äänikontrollit (esim. toisto/pausa-painikkeet jne.) tulisi näyttää.
loop loop Määritellään, että äänitiedosto alkaa uudelleen aina päätettyä.
muted muted Määrittää, pitääkö äänenvoimakkuus olla hiljainen.
preload
  • auto
  • metadata
  • none
 Määrittää, ladataanko ääni ja miten sitä ladataan sivun lataamisen yhteydessä.
src URL Määrittää audion URL-osoitteen.

Globaalit ominaisuudet

<audio> Tunnisteet tukevat myös HTML - globaalit ominaisuudet.

tapahtumavaiheet

<audio> Tunnisteet tukevat myös HTML - tapahtumavaiheet.

Oletusarvoinen CSS -asetus

Ei.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee elementtiä täysin.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 4.0 11.5