The HTML <audio> element is used to embed sound and audio files into a webpage.
The controls attribute displays audio controls such as:
- Play
- Pause
- Volume
- Progress bar
Basic Syntax
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
</audio>Important Attributes
| Attribute | Description |
|---|---|
controls | Displays audio controls |
autoplay | Starts audio automatically |
muted | Starts audio without sound |
loop | Repeats audio continuously |
preload | Specifies how audio should be loaded |
<audio controls>
<source
src="audio.mp3"
type="audio/mpeg"
>
Your browser does not support the audio element.
</audio>Multiple Audio Formats
Different browsers may support different audio formats. You can provide multiple <source> elements.
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
<source src="audio.ogg" type="audio/ogg">
Your browser does not support the audio element.
</audio>Audio with Loop and Muted
<audio
controls
loop
muted >
<source
src="audio.mp3"
type="audio/mpeg"
>
</audio>