<audio>

      

af David Nielsen

Siden er opdateret 18. 6. 2012

Nyt i HTML 5

<audio> bruges til at afspille lyd på en hjemmeside uden brug af browserplugins.

De 3 primært understøttede lydformater :

• MP3 (MPEG-1 Audio Layer 3)
• OGG (Vorbis)
• Wave (Waveform Audio File Format)

<audio> kodeeksempel med ét lydformat :

vil se sådan ud:

Eksempel med oga (forstås af      ):

Eksempel med mp3 (forstås af    ):

Eksempel med wav (forstås af      ):

• <audio> attributter :

  src

  Sti til lydfil

  For eksempel:

  • lydfil.oga
  • lydfil.mp3
  • lydfil.wav

  controls

  Viser play/pause knap, processbar og volume

  For eksempel:

  • [ingen attribut og værdi sat] - brugeren har ingen kontrol over afspilning.
  • controls="controls" - start/pause, forløb, tidsdata og volumenkontrol vises.

  autoplay

  Starter automatisk afspilningen

  For eksempel:

  • [ingen attribut og værdi sat] - afspilningen afventer at brugeren klikker på startpilen.
  • autoplay="autoplay" - afspilningen starter automatisk.

  loop

  Når afspilningen er slut starter den forfra

  For eksempel:

  • [ingen attribut og værdi sat] - afspilningen gentages ikke automatisk.
  • loop="loop" - afspilningen gentages automatisk.

  preload

  Angiver om dele af filen skal hentes inden afspilningen starter

  For eksempel:

  • preload="auto" - browseren bestemmer (hvilket kan betyde at noget af filen hentes inden afspilningen starter).
  • preload="metadata" - henter oplysninger om varighed og ligende men ikke selve lyddataen.
  • preload="none" - henter intet af filen hvis ikke afspilningen startes manuelt.

---

Forskellige browsere understøtter forskellige lydformater.

For at lyden kan afspilles i mange forskellige browsere er det nødvendigt at encode sine lydfiler i mere end et format.

<audio> kodeeksempel med flere lydformater :

Eksempel med oga, mp3 og wav (forstås af       ):

• <source> attributter:

  src

  Sti til lydfil

  For eksempel:

  • lydfil.oga
  • lydfil.mp3
  • lydfil.wav

  type

  Filens MIME type og eventuelt også encoding

  Bruges til at fastslå om browseren er istand til at afspille filen, uden browseren behøver downloade noget af filen først.

  For eksempel:

  • type="audio/ogg;"
  • type="audio/ogg; codecs='vorbis'"

---

<audio> bruger samme attributter som <video> borset fra width, height og poster som kun findes til <video>.

august 2011

FreeFind