`<audio>` is video's simpler sibling. Use it for podcasts, music samples, sound effects on play. Same multi-`<source>` pattern for cross-browser format support.
HTML
<audio controls preload="metadata">
<source src="/podcast/ep42.opus" type="audio/ogg; codecs=opus">
<source src="/podcast/ep42.mp3" type="audio/mpeg">
<p>Your browser doesn't support HTML5 audio. <a href="/podcast/ep42.mp3">Download the episode</a>.</p>
</audio>
<!-- With transcript caption track for accessibility -->
<audio controls>
<source src="/audio/talk.mp3" type="audio/mpeg">
<track kind="captions" src="/audio/talk.vtt" srclang="en" label="English transcript" default>
</audio>
<!-- Notes:
• Always ship transcripts for podcasts (accessibility + SEO).
• Format priority: opus > mp3 (opus wins on quality at low bitrates;
MP3 has universal support including iOS Safari)
• For looping background sound: <audio loop autoplay muted>
(browsers block autoplay-with-sound; muted is the only way it'll fire) -->Save your own code snippets
Create a free account and build your private vault. Share publicly whenever you want.