How to embed audio element in a HTML document ?
Since the release of HTML5, audio can be added to webpages using the <audio> tag. Previously audio could be only played on webpages using web plugins like Flash. The <audio> tag is an inline element which is used to embed sound files into a web page. It is a very useful tag if you want to add audio such as songs, interviews, etc on your webpage.
Syntax:
<audio>
<source src="sample.mp3" type="audio/mpeg">
</audio>
Example 1:
HTML
<!DOCTYPE html><html> <body> <h1 style="color:green;"> GeeksforGeeks </h1> <h3> How to embed audio in a HTML document? </h3> <audio controls> <source src="test.mp3" type="audio/mp3"> <source src="test.ogg" type="audio/ogg"> </audio> </body> </html> |
Output:
Example 2: In this example, audio will play automatically after loading the web page.
HTML
<!DOCTYPE html><html> <body> <h1 style="color:green;"> GeeksforGeeks </h1> <h3> How to embed audio in a HTML document? </h3> <audio controls autoplay> <source src="test.mp3" type="audio/mp3"> <source src="test.ogg" type="audio/ogg"> </audio> </body> </html> |
Output:
.png)
.png)