Äänitiedostojen Upottaminen HTML:ään

HTML mahdollistaa äänen lisäämisen suoraan verkkosivulle käyttämällä <audio>-elementtiä.

Äänen upottaminen

<audio>-elementti näyttää äänisoittimen selaimessa.

Hyödylliset audio-attribuutit

• controls: näyttää toisto-, tauko-, äänenvoimakkuus- jne. painikkeet;
• autoplay: käynnistää toiston automaattisesti;
• loop: toistaa äänen jatkuvasti

<audio controls autoplay loop>
  <!-- Source goes here -->
</audio>

Äänilähteen lisääminen

<source>-elementti <audio>-elementin sisällä kertoo selaimelle, missä äänitiedosto sijaitsee ja mikä sen tiedostomuoto on.

<audio controls autoplay loop>
  <source src="audio-url.mp3" type="audio/mpeg" />
  <source src="audio-url.ogg" type="audio/ogg" />
  Your browser does not support the audio element.
</audio>

• <audio> määrittää soittimen ja sen toiminnan;
• <source> tarjoaa äänitiedostojen URL-osoitteet ja muodot;
• Varmuusteksti näkyy, jos selain ei pysty toistamaan ääntä.