HTML Audio Tag Example

HTML Audio Tag Example

Let's see the code to play mp3 file using HTML audio tag.

1. <audio controls>  
2.   <source src="koyal.mp3" type="audio/mpeg">  
3. Your browser does not support the html audio tag.  
4. </audio>  

Output:

Let's see the example to play ogg file using HTML audio tag.

1. <audio controls>  
2.   <source src="koyal.ogg" type="audio/ogg">  
3. Your browser does not support the html audio tag.  
4. </audio>  

---

Supporting Browsers

Element	Chrome	IE	Firefox	Opera	Safari
<audio>	Yes	Yes	Yes	Yes	Yes

---

Attributes of HTML Audio Tag

There is given a list of HTML audio tag.

Attribute	Description
controls	It defines the audio controls which is displayed with play/pause buttons.
autoplay	It specifies that the audio will start playing as soon as it is ready.
loop	It specifies that the audio file will start over again, every time when it is completed.
muted	It is used to mute the audio output.
preload	It specifies the author view to upload audio file when the page loads.
src	It specifies the source URL of the audio file.

HTML Audio Tag Attribute Example

Here we are going to use controls, autoplay, loop and src attributes of HTML audio tag.

1. <audio controls autoplay loop>  
2.   <source src="koyal.mp3" type="audio/mpeg"></audio>  

---

MIME Types for HTML Audio format

The available MIME type HTML audio tag is given below.

Audio Format	MIME Type
mp3	audio/mpeg
ogg	audio/ogg
wav