HTML Audio
The HTML <audio>
element is used to play an audio file on a web page.
The HTML <audio> Element
To play an audio file in HTML, use the <audio>
element:
Example
<!DOCTYPE html> <html> <head> <title> Basic HTML Layout Example </title> </head> <body> <audio controls> <source src="videos/audiosample.ogg" type="audio/ogg"> <source src="videos/audiosample.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> </body> </html>
HTML Audio – How It Works
The controls
attribute adds audio controls, like play, pause, and volume.
The <source>
element allows you to specify alternative audio files that the browser may choose from. The browser will use the first recognized format.
The text between the <audio>
and </audio>
tags will only be displayed in browsers that do not support the <audio>
element.