Play Audio in HTML Page
You can add audio or video to your html page. Either you can add video from
www.youtube.com or you can add you own video by uploading the same to your own web server. But it is a bit tricky to show videos in your web page, and it is a little
complicated to make it works in all browser.
Browser Supported Audio Formats:
|
File |
Format |
|
|
.mid or .midi |
MIDI |
Musical Instrument Digital Interface |
|
.mp3 or .mpga |
MP3 |
MPEG-1 or MPEG-2 Audio Layer 3 |
|
.WMA |
WMA |
Windows Media Audio |
|
.wav |
WAVE |
Waveform audio format |
|
.rm or .ram |
Real Audio |
|
Play Background Music in HTML Page
<BGSOUND src="music.mid"
balance=0
delay=10
loop = -1>
Play Audio in HTML
<audio controls="mycontrol" height="50" width="50">
<source src="music.mp3" type="audio/mp3" />
<source src="music.ogg" type="audio/ogg" />
<embed height="50" width="50" src="music.mp3" />
</audio>
Using the HTML5 "audio" Element
<audio controls="controls">
<source src="music.mp3" type="audio/mp3" />
<source src="music.ogg" type="audio/ogg" />
Your browser does not support this audio format.
</audio>
Click here to know more about .ogg file format.
Using "object" Element
<object width="100" height="100" data="music.mp3"></object>
Using "embed" Element
<embed width="100" height="100" src="music.mp3" />
The Yahoo Media Player
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js">
</script>
<a href="music.mp3">Play Music</a>
For More detail about Yahoo audio player please visit http://webplayer.yahoo.com/
