Lära Bädda in Ljudfiler i HTML

I HTML kan ljud- och videoinnehåll bäddas in direkt på webbsidor med hjälp av taggarna <audio> respektive <video>. Vi börjar med att behandla inbäddning av ljud:

Inbäddning av ljud

Taggen <audio> bäddar in ljudinnehåll i ett HTML-dokument. Den möjliggör uppspelning av ljudfiler direkt i webbläsaren.

Ljudattribut

controls: Lägger till standardkontroller för ljud, såsom spela, pausa och volymjustering, till spelaren;
autoplay: Anger om ljudet ska börja spelas automatiskt när sidan laddas;
loop: Anger om ljudet ska spelas upprepade gånger.

Exempel:

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

Du kanske har märkt att vi bara har angett egenskaperna för ljudspelaren, men vi har inte nämnt var ljudet kommer ifrån. Vi behöver <source>-taggen.

Källa

<source>-taggen används inuti <audio>-taggen för att ange URL:en till ljudfilen och dess attribut. Vi kan använda attributet src för att ange URL:en till ljudfilen och attributet type för att ange MIME-typen för ljudfilen.
Exempel:

<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 exemplet ovan:

<audio>-taggen inkluderar attribut såsom controls, autoplay och loop;
<source>-taggarna anger käll-URL:er för ljudfilerna och deras MIME-typer;
Om webbläsaren inte stöder <audio>-taggen eller de angivna ljudformaten visas den alternativa texten Your browser does not support the audio element..

index.html

Videohandledning

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

Awesome!

Completion rate improved to 3.13

Svep för att visa menyn