How to add song to my website?

**shilpa** · 20-02-2009

Hi,

I have a webpage & i want to add music to my page while opening.

I know this is possible but i don't to how to put the song in the website?

I have the song in mp3 format! Please help me adding the song to my webpage! I also want an option for user to stop the song playing i mean disable option!
This is pure HTML if you have other ways for getting this then also let me know how?
Please help me regarding the same!

**madjack** · 20-02-2009

Adding a song to HTML website is very simple if you know the basic of html page code & some tags!

You need to have your song in Midi, mp3, wav file etc. (you have .MP3 format)

You need a simple link to your music, then add this HTML code to your webpage source code & save it!

Steps to Adding the HTML Music Code

1. Song has to be in midi format because it is a good sound format to use because these files are generally smaller and load quickly. You can also use .mp3 or .wav (wave) music, but keep in mind that if you do go this route, it will take the music longer to load because the file size will be larger.

2. Upload (save) this music file to your web server

3. Now open the web page you want the song to load with. You'll have to insert the following HTML code into your site, but first you'll need to edit it.

HTML Code:

<embed src="musicfile.wav" autostart="true" loop="false">

4. Replace musicfile.wav with the name of the music file you chose to upload to your web server. The code above also assumes you've saved the file in the same location of your homepage (index.html). If you save the file inside a folder on your root then you'd have to change the path slightly.

**Matellis** · 20-02-2009

From my vb.net project I will just put the logic here:

Code:

Private Sub Form_Load()
    
    WebBrowser1.Navigate2 App.Path & "\bgmusic.html"
    
End Sub

Here is my web page:

HTML Code:

<html>
<head>
<title></title>
</head>
<body>
<embed src="song.mp3" autostart="true" hidden="false" loop="false">
<noembed>
<bgsound src="song.mp3" loop="1">
</noembed>
</embed>
</body>
</html>

**JamesMK** · 20-02-2009

I know you could do it with Javascript, by setting the src or href attribute to " ".
say your music tags ID was music:

HTML Code:

<script type="text/javascript">
function turnoff(){
element=getElementById('music');
element.src=" ";
}
</script>
<input type="button" onmousedown="turnoff()" />

or if your element uses href instead of src, just switch it out.
does that help?

**dannyclark1973** · 21-05-2011

Originally Posted by madjack

Adding a song to HTML website is very simple if you know the basic of html page code & some tags!

You need to have your song in Midi, mp3, wav file etc. (you have .MP3 format)

You need a simple link to your music, then add this HTML code to your webpage source code & save it!

Steps to Adding the HTML Music Code

1. Song has to be in midi format because it is a good sound format to use because these files are generally smaller and load quickly. You can also use .mp3 or .wav (wave) music, but keep in mind that if you do go this route, it will take the music longer to load because the file size will be larger.

2. Upload (save) this music file to your web server

3. Now open the web page you want the song to load with. You'll have to insert the following HTML code into your site, but first you'll need to edit it.

HTML Code:

<embed src="musicfile.wav" autostart="true" loop="false">

4. Replace musicfile.wav with the name of the music file you chose to upload to your web server. The code above also assumes you've saved the file in the same location of your homepage (index.html). If you save the file inside a folder on your root then you'd have to change the path slightly.

Thank you for the knowledge!