Putting music into a webpage:

Have you ever seen a webpage that played music and wondered "how did they do that?" Well, this page will tell you how.

This is the HTML code I use to put music in my shop on Neopets (but it should work fine on any webpage) :

<BGSOUND SRC="http://merona.homestead.com/files/Xfiles.mid" autostart=true>

You don't have to understand it to use it. Just copy and paste it into the webpage's source. This code is for an invisible song that cannot be turned off once the webpage is loaded.

If you want the song file to actually show up on your page instead of just playing, you will need a code that looks like this:

<EMBED SRC=http://merona.homestead.com/files/Xfiles.mid VOLUME="80" AUTOSTART=TRUE LOOP=TRUE HIDDEN=FALSE>

NOTE: this code will not work on Neopets pages.

You will need to change the filename to the song you want. This is the string after "SRC=" For example, if I wanted to my page to play invisible Greensleeves music, I would change the code to:

<BGSOUND SRC="http://merona.homestead.com/files/Greensleeves.mid" autostart=true>

Likewise, if I wanted my site to play visible Greensleeves music, I would use this HTML code:

<EMBED SRC=http://merona.homestead.com/files/Greensleeves.mid VOLUME="80" AUTOSTART=TRUE LOOP=TRUE HIDDEN=FALSE>

All my songs are located at homestead.com. That's why these codes all use the address "http://merona.homestead.com/files/name of song.mid". If you know the web address of another song you want to use, just subsitute that address for the address of my songs (the part after EMBED SRC=). If you want to use any of my songs, just change the name after "files/". Here is a list of my songs:

(just click on the file to hear it)

Xfiles- theme from the tv show, used in first example
HOCUS006- an upbeat song from the computer game "Hocus Pocus"
M64docks- the ocean music from Mario 64
Trouble- evil ghost music from Mario RPG
branbal- spooky music from Final Fantasy 9
Terra- a quieter, but similar music from FF9
Lossofme- Beatrix's theme from FF9
Costadelsol- vacation music from Final Fantasy 7
CaitSith- Jazzy music from FF7
Shera- sad music from FF7
Zoneouter- dark, creepy music
Talungfish- cheerful music from the SNES game "Tetris Attack"
ccBeach- soft ocean music from Chrono Cross
ccArni- another quiet Chrono Cross tune
ninjasong- crazy music from the Official Ninja Webpage
Redwings- FF2 music, a request
Skaterboi- the tune of a song by Avril Lavigne
Center- "Center of Attention," tune of a song by Guster
Silence- peaceful music from FF10
EveryHeart- Inuyasha music, a request

If you use any of these, please link back to the site!! You can use this code:

<a href=http://merona.homestead.com/files/music.html>Merona's Music</a>


Want More Songs?

I only host a small amount of songs for people who are new to HTML.  However, there are many sites with a large amount of midi files available for download.  If you have your own webspace, you can save any midi you want there and use it on your site.  Here are some great places I've found to get more midis:

Mary's Midis-  lots of anime midis, plus some game and j-pop
Bob Mace's Midi Webpage-  mostly classic songs, like Amazing Grace or Cat in the Cradle


More Help

Here are some sites for more in-depth HTML help:

Tips&Tricks-  Different ways to add midi music to a webpage
About.com-  general info and coding help
Hitmill Sound Tutorial-  In depth information on webpage music


Sign Guestbook View Guestbook