Native Audio
The <audio> element embeds audio. Use multiple source formats and the controls attribute for a built-in player.
HTML
Beginner
3 min read
HTML5 Audio
Example
<audio controls preload="metadata">
<source src="sound.mp3" type="audio/mpeg">
<source src="sound.ogg" type="audio/ogg">
<source src="sound.webm" type="audio/webm">
<p>Your browser does not support the audio element.
<a href="sound.mp3">Download</a>.</p>
</audio>
<!-- Programmatic control -->
<script>
const audio = document.querySelector("audio");
audio.play();
audio.pause();
audio.volume = 0.5;
audio.currentTime = 30; // seek to 30 seconds
</script> Pro Tip
Use preload="metadata" to load only track length info on page load, saving bandwidth.