HTML Audio

Introduction to HTML Audio

The <audio> element in HTML is used to embed sound content in documents. It provides a standard way to include audio, such as music and other sounds, in web pages. The element supports multiple audio formats and can be controlled by the user.

Basic Syntax of the <audio> Element

The <audio> element requires at least one <source> element to specify the audio file format. Alternatively, the src attribute can be used directly within the <audio> tag. The element also supports several attributes like controls, autoplay, loop, and muted.

Attributes of the <audio> Element

• controls: Adds audio controls like play, pause, and volume.
• autoplay: Starts playing the audio automatically when the page loads.
• loop: Makes the audio start over again when it is finished.
• muted: Mutes the audio by default.

Supported Audio Formats

The <audio> element supports several audio formats:

• MP3: audio/mpeg
• OGG: audio/ogg
• WAV: audio/wav

It's a good practice to provide multiple formats to ensure compatibility across different browsers.

Example: Multiple Formats for Cross-Browser Compatibility

Conclusion

The <audio> element is a powerful tool for adding sound to your web pages. By understanding its attributes and supported formats, you can enhance the audio experience for users across different browsers. Remember to always provide fallback content for browsers that do not support the audio element.