Let's get right down to the basics shall we? Let's take this first example of a homepage *yup.. that link meant GO CHECK IT OUT!* .. it's ok.. kind of plain... nothing spetacular.. nothing really to urge you on too much.. it's just there.. Now .. check the same page again in example two. NOW you have something that kind of urges you to check things out just a little bit further.. the MUSIC! *I think I made my point... hope so at least.. LOL*

Guess the next step here is HOW to get that to happen.. well besides picking out music.. *individual tastes apply* that would leave.. how to get it onto the page!

For that.. we're gonna make this VERY VERY simple. The following code will give you what is EXACTLY in my second example:
<bgsound src="tom.mid" loop=3>
<embed src="tom.mid" width="4" height="4" autostart="true" loop="3">
What does all that mean? Good question... I forget half the time myself.. so here goes..

There are two parts to the statement:

<bgsound src="tom.mid" loop=3> This first part tells the browser that there is a background sound source.. with it playing 3 times.

<embed src="tom.mid" width="4" height="4" autostart="true" loop="3"> This second part of the statement tells the browser to embed the sound source with something that is 4X4 pixels.. it is to start automatically when the page loads.. and that it is to once again loop only 3 times

There are only two things that are really in question with the code for this:

1. you HAVE to have both statements. IF for some reason you leave the first one off.. you'll be able to hear it in Microsoft Explorer.. but you will NOT be able to hear it in Netscape *bye bye audience* So it is VERY important to have BOTH parts of the statement.
2. If you look up at the code.. you'll see the "height" and "width" in there.. both set currently at "4". That number can be changed. That is no problem.
   1. by not setting a value there *meaning you set it to "0"* then that 'criples' some viewers.. by not allowing them a means of turning it off.. short of turning their sound totally off.
   2. Also by setting the values to 0.. you set yourself up for a longer time to wait for the page to load.. If you've read the images page.. then you'll understand that it's imporant to allow a certain space for things to load into.. and the same includes sounds on a page. Without that specific space.. if you have a large midi.. your audience is stuck there..waiting for it to load.

Now I know everyone has seen the 'boxes' on people's pages with all the cool buttons.. that allow you to rewind the midi.. stop the midi.. etc.. how to get those? We simply make our height and width .. bigger and wider.. such as this..
<bgsound src="tom.mid" loop=3>
<embed src="tom.mid" width="145" height="60" autostart="false" loop="3">

*I did put the autostart on false there so it wouldn't play when the page loaded*

Now.. we've got this box.. it's just sitting there.. playing a song.. and you know what? it's kind of ugly! (that's why alot of people do the smaller measurements) .. but there are times when, I think, you need the entire thing.. but how to fix it.. so it looks better... this is when other HTML skills come in handy.. and some imagination!.. One of my favorite things to do.. when I have a midi.. where I have the entire box.. is to frame it.. (oh man! I really hate giving away my stuff! do I gotta???? *pouting*) .. but how? with a table!!!! It's PERFECT!.. watch:

<center>
<table border=5>
<tr>
<td>
<bgsound src="tom.mid" loop="3">
<embed src="tom.mid" width="145" height="60" autosart="false" loop="3">
</table>
</center>

Sure looks ALOT better!!!!!! it also allows you to put some text in and such as this

Now there is one affect .. that is probably THE best affect if you're gonna have a midi player on your page.. that's putting a midi box inside of a double table... BUT .. before I show you **on a different page** what it looks like... there are some warnings. Best to heed these too! I don't know how this would work with Microsoft Explorer.. IF for some reason.. you are on Netscape 2.0 with the default midi player.. DO NOT press the link for 'Example 3'.. it will crash you! It has nothing to do with the tables.. or your netscape.. but rather the midi player that comes as the default player in your Netscape 2.0. I don't know why.. all I know is that it does crash you! What I can encourage you to do.. is to download a different midi player.. such as Crescendo. Once that's in there.. the problem ceases to exist. .. so with that in mind.... here goes Example 3 *if anyone besides Netscape 2.0 users.. with the default player.. happens to have problems on that page.. PLEASE let me know!!!*

Sure adds a touch of class doesn't it? I like using it.. but *GROWL!* People.. upgrade your browers!!!!

Well.. on with the lesson.. guess the next question is.. about wav's and au's *probably not so much the au's* .. it's really simple.. the set up is almost the same as with a midi.. you can't go wrong if you follow the midi formula..:

<embed src="wolf.wav" hidden="false" autostart="false" loop="false" height="6" width="6">

to play the wav.. see the little squarish dot? *because I didn't make the box very large* just right mouse click it and hit "play" .. once again.. if you wanted it to play automatically.. you put "true" instead of "false".. if you want to hide it completely.. put "true" instead of "false"..etc.

Well folks.. that's it.. that's as complicated as midis and sounds get.. I suppose they could get more complicated.. putting multiple midis on a page.. and things like that.. but you should really ask yourself one question.. why? If you have an answer to that one.. I'd REALLY love to hear from you.

UPDATE: September 14, 1997

Well folks I figured out one little flaw in the midi section of this page, it's not a major one, but it could be. Many people download different plugins for their browsers, such as Crescendo. *I know I do!* Well, because I have usually worked with Netscape 3.0, *although I have checked things often in the higher browsers* I wasn't aware of this one little detail. If you have Netscape Communicator OR Netscape 3.02 with Crescendo installed then you NEED to add this particular code to your midi coding or you will NOT hear the midi playing unless you manually turn the volume on. So even if you don't have the additional plugins installed, it would be a good idea to add this in.. or you'll have some of your audience listening to nothing while your midi is playing....

As you can see I added in the "Volume=50%" part of it. Now that percentage number can be changed to anything that you like, but keep in mind that if the music is not the main part of your page, then put it at 25-50%, but if it's what you want people to pay attention to, then go ahead and put it at 100%.

Just thought I should keep you updated on the little tricks that are going on with the different browser and plugin wars.. just so the viewer can still enjoy things.

Update: 5/2/98
Well, I finally found amidi jukebox type of thing.. it involves Java and meta refresh, and am not about to attemt to explain it, because I don't understand half of it.. just the basics.. *grin* But rather then explain it.. check here for an example of it, and the coding for it.u Taualph's homepage. Enjoy it! =)