Adding Sound to a Web Page

for Materials

for Frequently Asked Questions

You can add sound to a web page in a number of ways. The trouble with sound is that it is different for different browsers. In other words what you do to get sound in Internet Explorer is different to Netscape or Firefox. You can have it so the sound player automatically dwhen the page is loaded or you can have a button that people click on to play the sound.

Adding sound to your page can be fun but be careful. It can be really annoying for someone looking at your page if they cannot turn the music off.

To add sound using NVU you need to follow these steps.

 

Automatically Play Sound

Here are the step by step instructions to do it.

 

1. Find the file you want and place it into your web folder. It should be an mp3. Put it at the same level as the page you want it to play on.

2. Copy the following text.

 

<!-------------------------- BACKGND MUSIC --->

<embed src="YOUR SOUND FILE HERE" width="0" height="0" autostart=true loop=true>

<!-------------------------- END BACKGND MUSIC --->

 

3. Open the page you wish to have the sound on in NVU.

4. Place the curser at the bottom of the page.

5. Go to the insert menu and selct insert and then HTML.

6. A window will pop. Paste in the text you copied above.

7. You have to change the text that says YOUR SOUND FILE HERE. Highlight the text only and delete it.

8. Type in the exact name of your file including the .mp3 on the end. Make sure it is inside the quotes.

9. Click on insert and you are ready to go. Make sure you save your page and test it.

 

User Can Choose to Play Sound

This option will allow the user to decide if and when they want to listen to the sound file once they are at the page.

 

1. Find the file you want and place it into your web folder. It should be an mp3. Put it at the same level as the page you want it to play on.

2. Copy the following text.

 

<!-------------------------- BACKGND MUSIC --->

<embed src="YOUR SOUND FILE HERE" width="30" height="10" autostart=false loop=false>

<!-------------------------- END BACKGND MUSIC --->

 

3. Open the page you wish to have the sound on in NVU.

4. Place the curser where you want the icon to be that the user has to click on to hear the sound.

5. Go to the insert menu and selct insert and then HTML.

6. A window will pop. Paste in the text you copied above.

7. You have to change the text that says YOUR SOUND FILE HERE. Highlight the text only and delete it.

8. Type in the exact name of your file including the .mp3 on the end. Make sure it is inside the quotes.

9. Click on insert and you are ready to go. Make sure you save your page and test it.