SOP 5 :

Use of Audio on web pages using HTML5.

1) Create a webpage named audio.html to set an audio file in web page with controls such that it uses HTML5 elements. The audio file must play as soon as the webpage loads in browser and it will start over again, every time when it is completed.
Create a file "audio.html"

Code :


<!Doctype HTML>
<HTML>
<Head>
<title>Audio controls</title> 
</Head>
<Body>
<H1 align="center">Audio</H1>
<br><br>
<audio controls>
<source src="song.mp3" type="audio/mp3">
</audio>
</Body>
</Html>

2) Create another webpage named audio1.html which provides multiple source file formats for the same audio file that plays a sound automatically with controls. The browser should display the message with appropriate attribute, when audio file is not supported by browser. The code must incorporate the list of sound files formats (like wav, MP3 or ogg etc)
Create a file "audio1.html"

Code :


<!Doctype HTML>
<HTML>
<Head>
<title>Audio controls</title> 
</Head>
<Body>
<H1 align="center">Audio formats</H1>
<br><br>
<audio controls autoplay>
<source src="song.mp3" type="audio/mp3">
<source src="song.ogg" type="audio/ogg">
<source src="song.wav" type="audio/wav">
</audio>
</Body>
</Html>