HTML Audio
HTML <audio> tag is used to play an audio file on a web page. At present there are three formats that are supported for HTML <audio> tag. These are: mp3, wav and ogg.
In the below table, let’s see which browser supports the audio file format.
| Browser | mp3 | wav | ogg |
|---|---|---|---|
| Chrome | Yes | Yes | Yes |
| Edge | Yes | Yes | Yes |
| Firefox | Yes | Yes | Yes |
| Opera | No | Yes | Yes |
| Safari | Yes | Yes | No |
The HTML <audio> Element
In an Example below I will write a code to show you how you can use the audio element.
Example
<!DOCTYPE html> <html> <head> <title>HTML Audio</title> </head> <body> <audio controls> <source src="#sound.ogg" type="audio/ogg"> <source src="#sound.mp3" type="audio/mpeg"> </audio> </body> </html>
Code Explanation
- The attribute controls adds audio controls, like play, pause and volume.
- Inside the
<audio>element we have added two<source>elements, this is because if the browser doesn’t support the first audio format, it will definitely support the second one. - The src attribute is used to specify the audio source URL.
Other Attributes that we can use with the audio tag are:
- autoplay:- It tells the browser to quickly start playing the audio as soon as the user visits the page.
- loop:- It tells the browser to automatically loop the audio, that is playback the audio.
- muted:- It mutes the audio until the user didn’t unmute it.
Related Posts
HTML Audio – crus4
