Audio

Summary

The `<audio>` element embeds sound with native browser controls, multiple source fallbacks, and JavaScript hooks for custom players. JavaScript can inspect playback state, duration, current time, volume, and events, allowing developers to build custom controls while still respecting browser autoplay policies.

• 1Embed an audio file with native controls and multiple `<source>` formats. Validate your understanding by applying it in a small practical example.
• 2Build a custom play/pause button using the Audio API. Keep the first version small, then add one improvement after the core behavior works.
• 3Learn the autoplay restrictions modern browsers enforce for UX/battery reasons.