Lära 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.

index.html

Notering

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

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?

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 3

Fråga AI

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Suggested prompts:

Can you explain more about the different audio formats supported by browsers?

How do I add multiple audio sources for better compatibility?

What happens if the browser doesn't support the audio element?

Svep för att visa menyn