HTML - <audio> tag in HTML

What is the <audio> tag in HTML?

The <audio> tag is used to embed audio files in a web page. It allows users to play sound content like music, podcasts, or voice recordings directly in the browser.

Basic Syntax of <audio>:

<audio controls>
  <source src="audiofile.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

Common Attributes of <audio>:

  1. src

    • Specifies the path to the audio file.

    • Example: <audio src="song.mp3">

  2. controls

    • Adds play, pause, and volume controls for the user.

    • Example: <audio controls>

  3. autoplay

    • The audio starts playing automatically when the page loads.

    • Note: Often blocked by browsers until user interaction.

    • Example: <audio autoplay>

  4. loop

    • Repeats the audio after it finishes playing.

    • Example: <audio loop>

  5. muted

    • Starts the audio in a muted state.

    • Example: <audio muted>

  6. preload

    • Specifies if and how the audio should be loaded when the page loads.

    • Values:

      • auto: Load the entire file.

      • metadata: Load only metadata (like duration).

      • none: Do not preload.

    • Example: <audio preload="metadata">