[Basics I] [Basics II] [Emailing] [Graphics] [Lists] [Tables] [Linking] [Marquee] [Backgrounds] [Music] [Email Me] [Home]
Zog’s HTML Made Easy
ADDING MUSIC TO YOUR WEB-PAGE
HOW TO SAVE MUSIC
HOW TO ADD FOREGROUND MUSIC
LET THE USER CONTROL THE MUSIC
HOW TO LET YOUR MUSIC AUTOMATICALLY PLAY
HOW TO “HIDE” YOUR BACKGROUND MUSIC
SHOULD YOU USE REAL AUDIO?



HOW TO SAVE MUSIC
  • Saving music, is similar to saving graphic files.
    1. Right click on the link to the music.
    2. Select "Save link as" or "Save target as".
    3. Choose what folder you want to store the file in.
    4. Click "SAVE"
    5. Then upload the saved files to your homepage.

  • NOTE: Music file names are cAsE sEnSiTiVe.
RETURN TO THE TOP
RETURN HOME



HOW TO ADD FOREGROUND MUSIC

  • To make a music file play when clicked, you simply link it using the following tag, where "filename.mid" or “filename.wav” is the full name of the sound file you are using:

    <a href="filename.mid/.wav">Click_Here_To_Play_the_Music</a>

  • Just a NOTE that if the background and foreground music are both .mid files you probably will not be able to get the foreground music to play when requested (because the .mid player will be busy playing your background music). BUT, a foreground .wav file will always play over a background .mid file.
RETURN TO THE TOP
RETURN HOME



LET THE USER CONTROL THE MUSIC
  • To allow the user to Click a control console (tool bar) to start/stop the music, just insert this tags:

    <embed src="filename.mid/.wav" width=145 height=55>
    <noembed>
    <bgsound src="filename.mid/.wav">
    </noembed>

  • NOTE: Both <embed> & <bgsound> are used because sometimes there can be a conflict between Netscape and Internet Explorer browsers. Using both tags allow the music to be available to both browser users. Also, try changing the width and height to achieve the look you desire.

  • NOTE: That control consoles can be “browser” sensitive.
RETURN TO THE TOP
RETURN HOME



ADDING AUTOMATIC PLAY

AUTOMATIC PLAY - ONCE ONLY
  • To play the music automatically one-time after your web-page is loaded, just add autostart=true to the tag:

    <embed src="filename.mid/.wav" width=145 height=55 autostart=true>
    <noembed>
    <bgsound src="filename.mid/.wav">
    </noembed>


AUTOMATIC PLAY - CONTINUOUS
  • To play the music automatically continously after your web-page is loaded, just use these tags:

    <embed src="filename.mid/.wav" width=145 height=55 autostart=true loop=true>
    <noembed>
    <bgsound src="filename.mid/.wav" loop=infinite>
    </noembed>
RETURN TO THE TOP
RETURN HOME



HOW TO “HIDE” YOUR BACKGROUND MUSIC
  • Use this code to have “hidden” background music (this means the user will hear the music, but there will NOT be a music player visible):

    <embed src="filename.mid/.wav" hidden=true autostart=true loop=true>
    <noembed>
    <bgsound src="filename.mid/.wav" loop=infinite>
    </noembed>

  • NOTE: Just remember that the visitor cannot turn off/on or pause “hidden music”. Sometimes that can be annoying. So, if you really want hidden background music, I suggest eliminating loop=infinite and loop=true from the above code. This will play your music just ONCE, then stop.


SHOULD YOU USE REAL AUDIO MUSIC FILES?
  • I suggest NEVER using Real Audio, because it very user un-friendly. Plus is way behind in technology. When I am forced to use Real Audio, it seems to always lock my computer up. I recommend using Media Player 2000.
RETURN TO THE TOP
RETURN HOME



Created by
Zog's Web Design
Resides on Yahoo!
Yahoo! Rights Apply

<bgsound src="filename.mid/.wav" loop=infinite>