Sound and Music on Your Web Page
Adding sound to your web page can be as simple as adding a link to
your web page.
Most Browsers accept .AU, .WAV, and .MID format for
sounds and music.
You can set your page up to automatically play
background music or to only play music when a person clicks on the
sound link.
Sound files that are .AU or .WAV are of higher quality than .MIDI
files. Most .AU and .WAV files are large in file size while .MID
files are relatively small in file size (about 20 to 30K).
It is
recommended that you use MIDI files to play sound on your web
pages, because it takes less time to load the sound file. MIDI
stands for Musical Instrument Digital Interface.
Many browsers need a plugin for MIDI files installed before you
can hear sound on your web page.
*Note: The link(s) for music must go within the <BODY> tag set.
First example:
<A HREF="music.mid">Click to hear music!</A>
This will give you a hot link that says "Click to hear music!",
which is linked to "music.mid". When you click on this link, the
music will play.
*Note: "music.mid" is replaced with the name of the sound file that
you have downloaded.
Second example:
<A HREF="music.mid"< <IMG SRC="image.gif"></A>
This will give you a link that is a graphic and is linked to
"music.mid". When you click on the graphic, the music will play.
Again, replace "music.mid" the name of the sound file that you've
downloaded and "image.gif" with the name of your graphic file.
Third example:
<BGSOUND SRC="music.mid" LOOP=1>
This tag only works on Internet Explorer and Web TV.
Again, you
would replace "music.mid" with the name of the sound file that you
have downloaded. Put this tag AFTER the <BODY>tag in your
document.
LOOP= is used to assign the number of times that the
background sound is played. Specifying LOOP=INFINITE will cause
the sound to be repeated in and endless loop.
Fourth example:
<BGSOUND SRC="music.mid" LOOP=1>
<EMBED SRC="music.mid" HEIGHT=60 WIDTH=144 AUTOSTART=true
LOOP=true HIDDEN=false>
If you want your music to be heard on both Netscape and Internet
Explorer (versions lower than 3.0) use both sets of tags above.
I guess the fun part of doing these lessons is to see what I do wrong.
Apparently mids are one of those areas.
Here is the code that I use it works with both Netscape and MSIE, which versions I am unsure, but is the only code
I have found that does not tell me unable to load midi.
<EMBED src="inthemod.mid" width=16 height=16 autostart="true" loop="true">
To Stop Music Click right with your mouse button and click on stop!
I also try and put the midi at the very top, this way if
they would like to turn the music off
they are welcome to do so and they do not have to wait for the entire page to load.
The Surprise
Now, I would like for you all to read the information on this page.
It is on how to lose your web viewers.
After reading this page I would then like for everyone to go to the the following URL and
see what Bobby thinks of your page.
Bobby Approved
I want everyone's page to be Bobby Approved, this is a hard task also, but you can do it I am certain.
I must be honest and tell you not all of my pages are Bobby Approved but I am working on making them all that way.
You must remember I am self taught in html and had no one to ask questions to when I started my pages.
Hey, that sounds like a great excuse to me.
By the way he really did approve this page.
Coming next week HTML tag review
Lesson One
Lesson Two
Lesson Three
Lesson Four
Lesson Five
Lesson Six
Page Extras
Netscape Color Codes
Links for Graphics
