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 lar deg legge til lyd direkte på en nettside ved å bruke `<audio>`-taggen.

## Innebygging av lyd
`<audio>`-taggen viser en lydavspiller i nettleseren.

### Nyttige lydattributter
- `controls`: viser avspilling, pause, volum osv.;
- `autoplay`: starter avspillingen automatisk;
- `loop`: gjentar lyden kontinuerlig
```html
<audio controls autoplay loop>
  
</audio>
```

## Legge til lydkilde
`<source>`-taggen inne i `<audio>` forteller nettleseren hvor lydfilen er lagret og hvilket 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>` definerer avspilleren og dens oppførsel;
- `<source>` angir lydfilens URL-er og formater;
- Reserve­tekst vises hvis nettleseren ikke kan spille av lyd.


PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkF1ZGlvPC90aXRsZT4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxhdWRpbyBjb250cm9scyBsb29wPgogICAgICA8c291cmNlCiAgICAgICAgc3JjPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzLzM5MmYyNGFjLTAxMjYtNGMzNC1hMjhhLWYyZjI2ZDEyMTk2Yi9zZWN0aW9uLTMvaW4tdGhlLWZvcmVzdC1hdWRpby1leGFtcGxlLm1wMyIKICAgICAgICB0eXBlPSJhdWRpby9tcGVnIgogICAgICAvPgogICAgICBZb3VyIGJyb3dzZXIgZG9lcyBub3Qgc3VwcG9ydCB0aGUgYXVkaW8gZWxlbWVudC4KICAgIDwvYXVkaW8+CiAgPC9ib2R5Pgo8L2h0bWw+

Vanlige lydformater: MP3, Ogg, WAV. Å bruke flere formater øker kompatibiliteten mellom nettlesere.

Merk

Hvilken tag brukes for å legge inn lydinnhold i et HTML-dokument?

Hvorfor anbefales det å tilby lyd i flere formater?

Behersk det grunnleggende i HTML for å bygge godt strukturerte og tilgjengelige nettinnhold. Lær hvordan du strukturerer dokumenter ved hjelp av tagger, elementer og attributter. Arbeid trygt med tekst, lister, bilder, lyd og video for å berike nettsider. Lag tabeller for organisert data og skjemaer for brukerinnsending og interaksjon. Oppdag semantisk HTML for å forbedre tilgjengelighet og bygg komplette, funksjonelle nettsidestrukturer fra bunnen av.

Få en introduksjon til nettet og HTML, inkludert betydningen av tagger, elementer og attributter. Lær om den grunnleggende strukturen til et HTML-dokument og en kort historie om nettet.

Lær det grunnleggende om HTML-oppmerking, med fokus på spesiell tekstformatering og lister, og forstå deres betydning for strukturering av innhold i et HTML-dokument. Fordyp deg i detaljene rundt HTML-dokumentets struktur samtidig som du forbedrer teknikker for tekstoppmerking.

Lås opp kraften i visuelt og auditivt innhold i webutvikling ved å lære å integrere bilder, video og lyd-elementer sømløst i HTML-dokumenter. Utforsk nyansene ved å inkludere ulike medieformater.

Utforsk detaljene i datavisualisering og brukerinteraksjon med grundig dekning av tabeller og skjemaer i HTML, inkludert tabellstrukturer, opprettelse av skjemaer og inndataelementer. Oppnå ferdigheter i implementering av skjemainndataelementer og bruk av attributter for utvidet funksjonalitet.

Hev dine HTML-ferdigheter til neste nivå ved å utforske semantiske HTML-elementer, noe som gir deg mulighet til å lage godt strukturerte og tilgjengelige nettinnhold. Begynn å bygge ditt første nettsted og bruk ny kunnskap for å realisere dine ideer.

Innbygging av Lydfiler i HTML

Innebygging av lyd

Nyttige lydattributter

Legge til lydkilde