music_note Basic Usage
<audio src="audio.mp3" controls>
Your browser doesn't support HTML5 audio.
</audio>
Your browser doesn't support HTML5 audio.
</audio>
music_note
settings Key Attributes
src:
Path to audio file
controls:
Shows playback controls
autoplay:
Starts playing automatically
loop:
Restarts when finished
muted:
Mutes the audio by default
preload:
Hints how much to preload
library_music Audio Formats & Browser Support
audiotrack
MP3:
Widely supported across browsers
audiotrack
WAV:
Uncompressed, high quality
audiotrack
OGG:
Open format, good compression
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
<source src="audio.ogg" type="audio/ogg">
Your browser doesn't support HTML5 audio.
</audio>
<source src="audio.mp3" type="audio/mpeg">
<source src="audio.ogg" type="audio/ogg">
Your browser doesn't support HTML5 audio.
</audio>
compare Video vs Audio Elements
| Feature | Video | Audio |
|---|---|---|
| Visual element | Yes | No |
| Size attributes | Yes | No |
| Poster attribute | Yes | No |
| Controls attribute | Yes | Yes |
lightbulb
Best Practice
Always provide multiple source formats for maximum browser compatibility