I HTML kan vi bygge inn lyd- og videoinnhold direkte på nettsidene ved å bruke henholdsvis <audio>- og <video>-taggene. La oss først se på innbygging av lyd:

Innbygging av lyd

<audio>-taggen bygger inn lydinnhold i et HTML-dokument. Den gjør det mulig å spille av lydfiler direkte i nettleseren.

Lydattributter

• controls: Legger til standard lydkontroller, som avspilling, pause og volumjustering, til spilleren;
• autoplay: Angir om lyden skal starte automatisk når siden lastes;
• loop: Angir om lyden skal spilles av kontinuerlig i en sløyfe.

Eksempel:

<audio controls autoplay loop>
  <!-- Some other tags -->
</audio>

Du har kanskje lagt merke til at vi kun har spesifisert egenskapene til lydspilleren, men ikke hvor lyden kommer fra. Vi trenger <source>-taggen.

Kilde

<source>-taggen brukes inne i <audio>-taggen for å angi URL-en til lydfilen og dens attributter. Vi kan bruke src-attributtet for å angi URL-en til lydfilen og type-attributtet for å angi MIME-typen til lydfilen.
Eksempel:

<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>

I eksempelet ovenfor:

• <audio>-taggen inkluderer attributter som controls, autoplay og loop;
• <source>-taggene angir kilde-URL-ene til lydfilene og deres MIME-typer;
• Hvis nettleseren ikke støtter <audio>-taggen eller de angitte lydformatene, vises alternativ tekst: Your browser does not support the audio element.

Videoveiledning