build a web site | fundraising | community | collect fees online | blogz
 Member-Support
Member-Support:Music  
 
 
Home Home
Admin FAQ's Admin FAQ's
HTML Basics HTML Basics
HTML Links HTML Links
Tables Tables
Graphics Graphics
Music Music
JavaScript JavaScript
Tips/Tricks Tips/Tricks

 
  Music  
 

Adding Sound to your Web Site
Sounds and music can add a lot to your web pages and attract your viewer’s attention. You may upload sounds to your eteamz site very easily by using the eteamz "Add Sound" button. For more information on how this works, (Click Here).

The eteamz folks made adding sounds to your site very easy. However, there are areas on your site where the "add sound" button isn't available, such as the roster and profile pages. Perhaps you want to add hidden background music or maybe your own player. Using HTML to add sound or background music to your eteamz site is easier than you think. Basically, anywhere that you can add text on your site, you can add HTML code for sound. With the examples below we use the .mid file extension. Please note however that the .wav file extension will also work.

Music file types supported by eteamz
MIDI (Musical Instrument Digital Interface), WAV (Microsoft), MPEG-3 (.mp3), and RA (RealAudio) files

A MIDI file, a file that ends with the extension .mid, is essentially a small file with instructions that tell your sound card how to play a song. The better your sound card, the better it will sound. All of the actual playing is done on YOUR computer. You cannot 'record' existing sounds with MIDI.

WAV & RA files, files that end with the extension .wav or .mp3 or .ra, are digital recordings of a sound or song. They are much like a cassette tape or CD. Because there is so much information contained in the .mp3,.wav, or .ra files, they tend to be HUGE. When compressed, the .mp3 and .ra files size can be smaller than .wav files and with less quality loss. Both files however are still sizeable. Long .wav, .mp3, and .ra files can be anywhere from 500k to 3 MEGS or more! The eteamz folks recommend keeping the sounds on each page under 100k, and we agree. Anything over 300k is very large for a web page unless the user has broadband,and having your viewers upload a large sound file will make the site take a lot longer to load and possibly drive away your guests.

If you play music or sounds, we think that MIDI files give you an obvious advantage for music and sound with your computer, as long as you do not depend on original live sound recordings.

Music as a link
The viewer's default music player will automatically pop-up and play if someone clicks on a link to one of your music files. In linking a sound file, it's not actually downloaded unless your visitor clicks on it. This gives your visitors the option of downloading it or not and gives you the option of adding several sound file links on your site without slowing the page load time. In contrast, embedding your sound as a hidden background sound or with a player requires downloading as the page loads, slowing the page load time.

Here's the HTML code you would use:
<a href="/yoursitename/sounds/pinkpanther.mid">Play Pink Panther Music!</a>
Here's what the link looks like: Play Pink Panther Music! (Try it!)

Tips:
How do I find the music file address on my site? If the file is a sound you uploaded, in Admin, click on the "uploads" folder, and then click on the "sounds" sub-folder. This will show all of the sound files that you uploaded. The file extension that you are looking for is between the (parentheses). If the file is named "Pink Panther (pinkpanther.mid)" the address is "/yoursitename/sounds/pinkpanther.mid"

How do I find a eteamz music file address? All eteamz music files are under "/admin/sounds/filename.mid". Usually the "filename" is the song title, for example Pink Panther is "/admin/sounds/pinkpanther.mid".

Adding your own hidden background music!
Before installing hidden music please consider your visitors. Will the sound enhance the page or will it drive people away? Many people may not like the fact that they can not turn off the music and may quickly leave.

Within the follow codes, edit the blue text. Change "/yoursitename" to your actual eteamz address, "/sounds" is the folder that the music file is stored in, and "/filename.mid" is the full name of the sound file you are using; for example, "/pinkpanther.mid".

Here's the code -- Sound automatically plays just once:
<embed src="/yoursitename/sounds/filename.mid" hidden="true" autostart="true">
<noembed>
<bgsound src="/yoursitename/sounds/filename.mid">
</noembed>

Here's the code -- Sound automatically plays and also loops:

<embed src="/yoursitename/sounds/filename.mid" hidden="true" loop="true" autostart="true">
<noembed>
<bgsound src="/yoursitename/sounds/filename.mid" loop="-1">
</noembed>
Adding your own Player

Adding the following HTML code will display a small music player which can be clicked to start and stop the music. The EMBED command works on both Netscape Navigator 2.0 + and Microsoft Internet Explorer 4.0 +. Although the tag works a lot like Explorer's BGSOUND, some attributes are different.

Here's the code:

<embed src="/yoursitename/sounds/filename.mid"autostart="false" height="24" width="70">
<noembed>
<bgsound src="/yoursitename/sounds/filename.mid">
</noembed>
>
Here's the player:

Common attributes for the embed code:

SRC= Enter the name of the sound file you wish to use, like "/example.mid" or "/example.wav".

AUTOSTART= Using this attribute will tell the browser to play a sound automatically by entering "TRUE" as the Value. The sound will NOT start automatically if you enter "FALSE" as the Value.

LOOP= In Netscape, you can tell the browser to play the sound over and over in an endless Loop by entering "TRUE" as the Value. You can tell the browser to play the sound ONCE by entering "FALSE" as the Value. (Internet Explorer does not recognize this attribute. Use PLAYCOUNT= as shown below for IE.)

PLAYCOUNT= Entering a number "2" or "5" etc., will tell Internet Explorer how many times to play the sound. (Netscape does not recognize this attribute.)

WIDTH= and HEIGHT= These attributes define the appearance and size of the panel it creates.

Adding your own RealPlayer code

The default eteamz player or the above coding for the embedded player for RA files will work. These players however are not really configured for the Realplayer files. Example: autoplay works for .wav & .midi files, but not for .ra and the player looks strange running .ra files; small play button, etc.

Here's the code:
<embed SRC="/yoursitename/sounds/yourfilename.ra" type="audio/x-pn-realaudio-plugin" WIDTH="275" HEIGHT="30" CONTROLS="ControlPanel" Autostart="false"></embed>

Here's the player:


   
 Member-Support
Member-Support

 
 
 
  Web Sites Instruction Community
  Local Sites
Spotlight Sites
Build a Web Site
Tips and Drills
Sport Tip Email
Customer Support
News & Updates
Bulletin Boards
Camps & Clinics
Tournaments
Coaches' Corner


   
"The principle is competing against yourself. It's about self-improvement, about being better than you were the day before." - Steve Young
   
Copyright © 2014, eteamz.com, Inc
User Agreement