HTML Tutorial

HTML-tagg: <audio>

Användning av <audio>

Använd taggen <audio> för att bädda in ljudinnehåll på en webbsida.

Attribut för <audio>

Attribut Beskrivning
src Anger URL:en till ljudfilen
controls Visar uppspelningskontroller
autoplay Startar uppspelning automatiskt
loop Låter ljudet loopa

Exempel med <audio>

Visa uppspelningskontroller:

<audio src="ljud.mp3" controls></audio>

Spela upp automatiskt:

<audio src="ljud.mp3" autoplay></audio>

Loopa ljudet:

<audio src="ljud.mp3" loop></audio>

Så undersöker du <audio>-taggen Följande exempel demonstrerar hur du använder <audio>-taggen:

<!-- En enkel ljudspelare -->
<!DOCTYPE html>
<html>
<head>
  <title>Ljudspelare</title>
</head>
<body>
  <h1>Ljudspelare</h1>
  <audio src="ljud.mp3" controls></audio>
</body>
</html>

Tips för tillgänglighet

  • Tillhandahåll en nedladdningsbar version av ljudfilen för användare med långsam uppkoppling.
  • Ange en beskrivande text för ljudet med hjälp av title-attribut.
  • Använd ett lämpligt alternativt textinnehåll för användare som inte kan höra ljudet.