Lære Indlejring af Lydfiler i HTML

I HTML kan lyd- og videoindhold indlejres direkte på websider ved hjælp af henholdsvis <audio>- og <video>-tags. Først gennemgås indlejring af lyd:

Indlejring af lyd

<audio>-tagget indlejrer lydindhold i et HTML-dokument. Det muliggør afspilning af lydfiler direkte i browseren.

Lydattributter

controls: Tilføjer standard lydkontroller, såsom afspil, pause og justering af lydstyrke, til afspilleren;
autoplay: Angiver om lyden skal starte automatisk, når siden indlæses;
loop: Angiver om lyden skal afspilles i en kontinuerlig sløjfe.

Eksempel:

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

Du har måske bemærket, at vi kun har angivet egenskaberne for lydafspilleren, men vi har ikke nævnt hvor lyden kommer fra. Vi har brug for <source>-tagget.

Kilde

<source>-tagget bruges inde i <audio>-tagget til at angive URL'en til lydfilen og dens attributter. Vi kan bruge src-attributten til at angive URL'en til lydfilen og type-attributten til at angive lydfilens MIME-type.
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 eksemplet ovenfor:

<audio>-tagget indeholder attributter såsom controls, autoplay og loop;
<source>-taggene angiver kilde-URL'erne til lydfilerne og deres MIME-typer;
Hvis browseren ikke understøtter <audio>-tagget eller de angivne lydformater, vises den alternative tekst Your browser does not support the audio element..

index.html

Videovejledning

1. Hvilket tag bruges til at integrere lydindhold i et HTML-dokument?

2. Hvorfor anbefales det at tilbyde lyd i flere formater?

Var alt klart?

Tak for dine kommentarer!

Sektion 3. Kapitel 3

Spørg AI

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Awesome!

Completion rate improved to 3.13

Stryg for at vise menuen