Hvad bruges audio elementet til?

HTML-elementet audio er et medieelement, der giver udviklere mulighed for at indlejre lydindhold i HTML-dokumenter. Elementet giver mulighed for at udsende lydfiler, der er gemt lokalt på serveren eller embedde lyd fra en ekstern kilde.

Når det indlejres i HTML-dokumenter, kan audio-elementet bruges til at afspille enten en ensidig lydfil eller et audiospor fra et multimedieindhold, f.eks. en video. Det kan også bruges til at afspille lydfiler, der er uploadet af brugere til et websted.

Lydfiler til audio-elementet kan komprimeres til forskellige formater som MP3, Ogg Vorbis, WAVE og WMA for at optimere afspilningen. Elementet understøtter også streaming af lydfiler, så brugere kan afspille lydfiler, før de er fuldt downloadet.

Audio-elementet kan også tilbyde brugerinteraktioner som afspilning, pause og spol frem og tilbage. Det kan også konfigureres til at afspille lydfiler automatisk, når en side indlæses.

Elementet kan også tilføje tekst- og billedeindhold til afspilningsfunktionerne. Dette giver udviklere mulighed for at tilføje attributter som forfatteroplysninger, albumomslag, titler og beskrivelser.

Endelig kan audio-elementet konfigureres til at indlæse lydfiler dynamisk, når de kræves. Dette giver udviklere mulighed for at tilføje dynamiske lydfiler uden at skulle opdatere websiden, når der er behov for det.

Eksempler på audio

1. <audio controls>
<source src=”xxx.mp3″ type=”audio/mpeg”>
</audio>

Dette eksempel viser et lydelement der kan styres af browserens afspilningskontroller (controls). Filen der skal afspilles er angivet ved at angive stien til den ved hjælp af attributten source.

2. <audio autoplay>
<source src=”xxx.mp3″ type=”audio/mpeg”>
</audio>

Dette eksempel viser et lydelement der starter afspilningen automatisk (autoplay). Filen der skal afspilles er angivet ved at angive stien til den ved hjælp af attributten source.

3. <audio controls loop>
<source src=”xxx.mp3″ type=”audio/mpeg”>
</audio>

Dette eksempel viser et lydelement der kan styres af browserens afspilningskontroller (controls) og som gentager afspilningen (loop). Filen der skal afspilles er angivet ved at angive stien til den ved hjælp af attributten source.