Audio Tag in HTML:
Embed Audio HTML: Though it is possible to embed audio inside HTML, yet only HTML 5 supports this feature; however, various browsers respond differently to audio feature because there is no consensus among the modern day web browsers for audio format. The tag <audio></audio> is used to render voice in HTML. There are a number of formats supported by this HTML tag that include: mp3, Ogg, WAV etc. In my experience, mp3 is the safest format with the major web browsers; therefore, I would advise you to use mp3 format. Let us try to add an audio file on a sample webpage:
Code for adding audio onto a webpage:
Step 1: Let us begin with by calling the HTML 5 document:
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
Step 2: Let us now place the actual code inside the body of our web document.Highlighted above is the code for defining your webpage as an html 5 document.
<h1>Testing Audio in HTML 5</h1>
<audio controls = “controls”>
<source src = “sound.mp3” type = “audio/mpeg”>
</audio>
</body>
Step 3:See the result of your code in your browser.If it displays the one like below,then your code is working pretty well.
Step 4:Let us understand the above code:
<audio controls=“controls”>,the highlighted portion is required to show the audio control buttons including play and voice controls for the end user.Without the control function,a user would not be able to play the video. Unlike the above picture,a user would see the below blank screen without the option to play the audio.
The above HTML 5 audio feature is supported by all major browsers including Internet Explorer,Chrome,Firefox and Opera.