Add Background Music to Your Web Site – MIDI files

MIDI files are one of the easiest ways to add background music to your web site. They are very small and load fast.

Steps on how to add a MIDI file

1. Add these few lines of code to your html page.


<embed src="yourmusicfile.mid" autostart="true" loop="true" width="2" height="0">
</embed>
<noembed>
<bgsound src="yourmusicfile.mp3" loop="infinite">
</noembed>

This code is compatible with all versions of Internet Explorer, Netscape and Opera.

The width and height attribute used in the above code causes the player to be invisible.

If you do not want it to be invisible, you can specify your own dimensions to suit the design of your web site.

You can also use this code if you wish to use WAV or MP3 files.

2. Upload the MIDI file and your HTML web page to the server.

3. Turn on your speakers and check the sound.

That’s it!

Alternatives

For Opera and all Internet Explorer versions, the following code works:


<bgsound src="yourmusicfile.mid" loop="infinite">


For all versions of Netscape, and all versions of Internet Explorer you can use the following code:


<embed src="yourmusicfile.mid" autostart="true" loop="true"
width="2" height="0">
</embed>


How to Add a MIDI file to a Joomla Web Site

1. Create a new module.

2. Switch to “HTML view” in the “WYSIWYG” editor.

3. Add this code:


<embed src="yourmusicfile.mid" width="200" height="200" autostart=true loop=false volume=100 hidden=false>


If hidden is “true” you don’t need to set the width and height as it should be hidden.

4. Save the module.

Resource

Embedding sound in web pages