Summary  
This chapter explains how to use the HTML <audio> element with nested <source> tags and attributes like controls, autoplay, and loop to embed audio files and provide fallback text.  

General domain of usage  
Multimedia websites

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
```html
<audio controls autoplay loop>
  
</audio>
```

## Lägga till ljudkälla
`<source>`-taggen inuti `<audio>` anger för webbläsaren var ljudfilen finns och vilket format den har.
```html
<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.


PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkF1ZGlvPC90aXRsZT4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxhdWRpbyBjb250cm9scyBsb29wPgogICAgICA8c291cmNlCiAgICAgICAgc3JjPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzLzM5MmYyNGFjLTAxMjYtNGMzNC1hMjhhLWYyZjI2ZDEyMTk2Yi9zZWN0aW9uLTMvaW4tdGhlLWZvcmVzdC1hdWRpby1leGFtcGxlLm1wMyIKICAgICAgICB0eXBlPSJhdWRpby9tcGVnIgogICAgICAvPgogICAgICBZb3VyIGJyb3dzZXIgZG9lcyBub3Qgc3VwcG9ydCB0aGUgYXVkaW8gZWxlbWVudC4KICAgIDwvYXVkaW8+CiAgPC9ib2R5Pgo8L2h0bWw+

Vanliga ljudformat: MP3, Ogg, WAV. Att använda fler än ett format ökar kompatibiliteten mellan webbläsare.

Notering

Vilken tagg används för att bädda in ljudinnehåll i ett HTML-dokument?

Varför rekommenderas det att tillhandahålla ljudet i flera format?

Behärska grunderna i HTML för att skapa välstrukturerat och tillgängligt webbinnehåll. Lär dig att strukturera dokument med hjälp av taggar, element och attribut. Arbeta säkert med text, listor, bilder, ljud och video för att berika webbsidor. Skapa tabeller för organiserad data och formulär för användarinmatning och interaktion. Upptäck semantisk HTML för att förbättra tillgängligheten och bygga kompletta, funktionella webbplatsstrukturer från grunden.

Få en introduktion till webben och HTML, inklusive betydelsen av taggar, element och attribut. Lär dig om den grundläggande strukturen för ett HTML-dokument och en kort historik över webben.

Behärska grunderna i HTML-markup med fokus på speciell textformatering och listor, samt förstå deras betydelse för att strukturera innehåll i ett HTML-dokument. Fördjupa dig i detaljerna kring HTML-dokumentets struktur samtidigt som du förfinar tekniker för textmarkup.

Lås upp kraften i visuellt och auditivt innehåll inom webbutveckling genom att lära dig integrera bilder, video och ljudelement i HTML-dokument. Utforska nyanserna i att infoga olika medieformat.

Utforska detaljerna kring datapresentation och användarinteraktion med en omfattande genomgång av tabeller och formulär i HTML, inklusive tabellstrukturer, formulärskapande och inmatningselement. Förvärva färdigheter i att implementera formulärinmatningselement och använda attribut för förbättrad funktionalitet.

Förbättra dina HTML-kunskaper genom att fördjupa dig i semantiska HTML-element, vilket möjliggör skapandet av välstrukturerat och tillgängligt webbinnehåll. Påbörja skapandet av din första webbplats och tillämpa nyförvärvad kunskap för att förverkliga dina idéer.

Bädda in ljudfiler i HTML

Inbäddning av ljud

Användbara ljudattribut

Lägga till ljudkälla

1. Vilken tagg används för att bädda in ljudinnehåll i ett HTML-dokument?

2. Varför rekommenderas det att tillhandahålla ljudet i flera format?