Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Embedding Audio Files in HTML | Section
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML Basics for Absolute Beginners (Sliced) - 1768407373666

bookEmbedding Audio Files in HTML

HTML allows you to add audio directly to a webpage using the <audio> tag.

Embedding Audio

The <audio> tag displays an audio player inside the browser.

Useful Audio Attributes

  • controls: shows play, pause, volume, etc;
  • autoplay: starts playing automatically;
  • loop: repeats the audio continuously
<audio controls autoplay loop>
  <!-- Source goes here -->
</audio>

Adding the Audio Source

The <source> tag inside <audio> tells the browser where the audio file is located and what format it is.

<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> defines the player and its behavior;
  • <source> provides audio file URLs and formats;
  • The fallback text appears if the browser can't play audio.
index.html

index.html

copy
Note
Note

Common audio formats: MP3, Ogg, WAV. Using more than one format increases browser compatibility.

1. Which tag is used to embed audio content into an HTML document?

2. Why is it recommended to provide the audio in multiple formats?

question mark

Which tag is used to embed audio content into an HTML document?

Select the correct answer

question mark

Why is it recommended to provide the audio in multiple formats?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 19

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

bookEmbedding Audio Files in HTML

Deslize para mostrar o menu

HTML allows you to add audio directly to a webpage using the <audio> tag.

Embedding Audio

The <audio> tag displays an audio player inside the browser.

Useful Audio Attributes

  • controls: shows play, pause, volume, etc;
  • autoplay: starts playing automatically;
  • loop: repeats the audio continuously
<audio controls autoplay loop>
  <!-- Source goes here -->
</audio>

Adding the Audio Source

The <source> tag inside <audio> tells the browser where the audio file is located and what format it is.

<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> defines the player and its behavior;
  • <source> provides audio file URLs and formats;
  • The fallback text appears if the browser can't play audio.
index.html

index.html

copy
Note
Note

Common audio formats: MP3, Ogg, WAV. Using more than one format increases browser compatibility.

1. Which tag is used to embed audio content into an HTML document?

2. Why is it recommended to provide the audio in multiple formats?

question mark

Which tag is used to embed audio content into an HTML document?

Select the correct answer

question mark

Why is it recommended to provide the audio in multiple formats?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 19
some-alt