Bädda in ljudfiler i HTML

HTML möjliggör att ljud läggs till direkt på en webbsida med hjälp av <audio>-taggen.

Inbäddning av ljud

<audio>-taggen visar en ljudspelare i webbläsaren.

Användbara ljudattribut

• controls: visar spela, pausa, volym med mera;
• autoplay: startar uppspelning automatiskt;
• loop: upprepar ljudet kontinuerligt

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

Lägga till ljudkälla

<source>-taggen inuti <audio> anger för webbläsaren var ljudfilen finns och vilket format den har.

<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> definierar spelaren och dess beteende;
• <source> tillhandahåller ljudfilens URL:er och format;
• Reservtexten visas om webbläsaren inte kan spela upp ljudet.