Adding Video

Adding Sound

There are several ways to add sound to a web page. This tutorial shows you the two easiest and most common methods. These methods should work with most common audio file types (mp3, wav, au, etc).

Before you proceed, a word of caution: Background music is one of the most unpopular website "features". Many people will hit their back button as soon as they realize your page has background music, for reasons including the following:

People visit websites at times and places where music is not appropriate (e.g. work, late at night, etc).
Many people find music too distracting.
Many people don't want to waste bandwidth on background music.
Visitors may already be listening to other music or watching TV.
Some people see background music as a sign of an amateur website.
Music run on a loop can be annoying, specially if it is loud.

If you must put background music on your web page, at least give visitors the option to turn it off. (Note: Although background music can usually be stopped by hitting the Escape button, most people don't know this).

You could put a note on your page telling yours visitor that they can press escape to stop the sound or music.

Method 1: Hyperlink

The easiest way to add music is to use a simple hyperlink which points to the sound file. This will open the user's default sound player and play the sound.

This method requires that the user click the hyperlink — it will not start the music automatically. On the plus side, the user is in control and will appreciate the choice of whether to play the music.

Add the following code to your page, substituting the file name for your own:

<a href="mysound.wav">Play mysound</a>

The link works like this: Play Music

Method 2: Embed

The embedding method places a media player in your page (which may or may not be visible to the user). Use the following code:

The embedded player looks like this:

If you would prefer not to show the player (and give the user no control), use this code:

Notes:

Set the loop attribute to either "true" (repeats forever), false (plays once) or the number of times you want the file to repeat.
The "autostart" attribute can be set to "true" (starts playing immediately) or "false" (waits for the user to press play).

You may need some way to record and/or edit music and/or sounds. There is no need to go out and buy expensive software. A good free editor is Audacity. Go here for more information and download

Extra Page Elements

These days almost everyone uses more than just pictures and graphics. Web pages have become multi-media. Once you have your web pages the way you want them and have them working well you might want to add more than web graphics and pictures. I made this a separate web page because you may need more technical skill and may be more than you want to or to learn.

Extra web page elements are sound, video, flash, and java script. I'll discuss each one.