87
HTML Audio Tag
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.
Output:
Let’s see the example to play ogg file using HTML audio tag.
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.
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 |
Next TopicHTML video