HTML audio tag is used to define sounds such as music and other audio clips. Currently there are three supported file format for HTML 5 audio tag.
- mp3
- wav
- ogg
HTML5 supports <video> and <audio> controls. The Flash, Silverlight and similar technologies are used to play the multimedia items.
This table defines that which web browser supports which audio file format.
| Browser | mp3 | wav | ogg |
|---|---|---|---|
Internet Explorer | yes | no | no |
Google Chrome | yes | yes | yes |
Mozilla Firefox | yes* | yes | yes |
Opera | no | yes | yes |
Apple Safari | yes | yes | no |
HTML Audio Tag Example
Let’s see the code to play mp3 file using HTML audio tag.
<audio controls>
<source src="koyal.mp3" type="audio/mpeg">
Your browser does not support the html audio tag.
</audio>
Let’s see the example to play ogg file using HTML audio tag.
- <audio controls>
- <source src=”koyal.ogg” type=”audio/ogg”>
- Your browser does not support the html audio tag.
- </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.
<audio controls autoplay loop>
<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 | audio/wav |
Internet Explorer
Google Chrome
Mozilla Firefox
Opera
Apple Safari