HTML <audio> Tag
Definition och användning
<audio>
Etiketten används för att infoga ljudinnehåll i dokumentet, till exempel musik eller andra ljudströmmar.
<audio>
Etiketten kan innehålla en eller flera med olika ljudkällor <source> etikett. Webbläsaren väljer den första källa den stöder.
<audio>
och </audio>
Text mellan etiketterna visas endast om de inte stöds <audio>
elementet visas i webbläsaren.
Tips:För videofiler, se <video> etikett.
HTML stöder tre ljudformat: MP3, WAV och OGG.
Ljudformat och webbläsarstöd
Webbläsare | MP3 | WAV | OGG |
---|---|---|---|
Edge / IE | Stödjer | Stödjer * | Stödjer * |
Chrome | Stödjer | Stödjer | Stödjer |
Firefox | Stödjer | Stödjer | Stödjer |
Safari | Stödjer | Stödjer | Stödjer inte |
Opera | Stödjer | Stödjer | Stödjer |
* Från Edge 79
Se också:
HTML DOM Referenshandbok:HTML Audio/Video DOM Referenshandbok
Exempel
Spela upp ljudfil:
<audio controls> <source src="song.ogg" type="audio/ogg"> <source src="song.mp3" type="audio/mpeg"> Din webbläsare stöder inte ljudetiketten. </audio>
Egenskap
Egenskap | Värde | Beskrivning |
---|---|---|
autoplay | autoplay | Reglerar att ljudet bör spelas upp omedelbart när det är klart. |
controls | controls | Reglerar att ljudkontrollen (t.ex. play/pause-knappen) bör visas. |
loop | loop | Reglerar att ljudet börjar om från början varje gång. |
muted | muted | Bestämmer att ljudutmatningen ska vara tyst. |
preload |
|
Bestämmer om och hur ljudet laddas in vid sidans laddning. |
src | URL | Bestämmer URL:en för ljudfilen. |
Globala egenskaper
<audio>
Etiketterna stöder också Globala egenskaper i HTML.
händelseegenskaper
<audio>
Etiketterna stöder också Händelseegenskaper i HTML.
Standard CSS-inställningar
Inget.
Webbläsarstöd
Numrerna i tabellen anger den första webbläsarens version som helt stöder detta element.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.5 | 4.0 | 11.5 |