html audio tag | audio in html | how to add audio in html #html #htmlcss

AUDIO TAG IN HTML

The HTML <audio> element is used to embed audio content in a web page. It allows you to play audio files on your website and provides various attributes to control the playback behavior. Here's an example of how to use the <audio> tag:

<audio src="audio.mp3" controls>

  Your browser does not support the audio tag.

</audio>

The src attribute specifies the URL or relative path to the audio file (audio.mp3 in this case).

The controls attribute adds playback controls (play/pause, volume, etc.) to the audio player.

The text "Your browser does not support the audio tag" is displayed if the browser doesn't support the <audio> element.

You can also specify additional attributes to control the audio playback further. Here are some commonly used attributes:

autoplay: Starts playing the audio automatically when the page loads.

loop: Causes the audio to replay automatically when it reaches the end.

muted: Sets the initial state of the audio's volume to muted.

<audio src="audio.mp3" autoplay loop muted>

  Your browser does not support the audio tag.

</audio>

Similar to the <video> tag, you can include multiple <source> elements within the <audio> tag to provide alternative audio formats or sources for compatibility:

<audio controls>

  <source src="audio.mp3" type="audio/mpeg">

  <source src="audio.ogg" type="audio/ogg">

  Your browser does not support the audio tag.

</audio>

In the above example, the browser will try to play the audio.mp3 file first and fallback to the audio.ogg file if unsupported.

Additionally, you can use the <track> element within the <audio> tag to add subtitles or captions for audio content. The usage is similar to the <video> tag's <track> element.