Return to HTML and the Internet earth-thoughts and poems page
Sound Page. Check out the source code for HTML design, Visit helpful sites for HTML, Select colors, Hints, Tips, Keyboard Shortcuts, Comic Pages, Thoughts & Poems Pages, 100's of Search Engines; info about Adelaide Sth Australia and lots more.

                               stars

star Adding Sound 

To your Web Page star

jupiter-about South Australia
What Is A Sound File?

How Do You Download A Sound File To Your Web Page?

How Do You Add Sound To Your Web Page?

A Few Download Sites For Sound Files

 Notes:

 


 

What Is A Sound File?

When you add any sort of sound to your web page (be it music, voice,  sound effect, etc) you need to consider the following:

Think about whether you really need to load the sound file automatically.  Remember, that if a Web Site visitor has to wait too long for an audio file to load, then you are giving them the opportunity to leave without ever seeing your web page.

Not all computers or browsers can recognise the many different types of sound formats.  You therefore need to be careful about which types of sound format you code into your web page.

The four most popular sound formats that are most likely to work on all browsers, are WAVE, AU, AIFF  and MIDI.

WAVE, AU,  and AIFF  sound formats are like sound recordings, in that they produce recorded sounds.  They are useful for short sound effects or brief voice statements.  They tend to be large files when compared with the little amount of sound they produce.

A MIDI sound format is generally a great deal smaller than  WAVE, AU,  and AIFF  sound formats.  MIDI  files do not work well with many types of  speech files but are excellent for playing music.  A MIDI sound format is actually a text file with a series of commands for the browser to execute (such as "play middle 'C' for 0.125 seconds, then play 'D' for 0.225 seconds .......).  A one minute WAVE file can be as large as 1Mb in size, whereas a one minute MIDI file can be less than 25k. 


How Do You Download A Sound File To Your Web Page?

A piece of music is simply a file - just like an image is a file and a web page is a file.  When you download an image to your hard drive, you are saving a file.  Thus when you download a piece of music to your hard drive, you are also saving a file - in this case a sound file.

You can download a file directly from shareware and freeware audio sites, or if a web page has an 'image link' or 'text link' to a sound file, you can use the link to save the sound file.

  1. Using your right mouse button click on the 'image link' or 'text link' to the sound file, and
  2. Then with your left mouse button, chose 'Save Link As ...'   or   'Save Target As ....' (depending on the type of computer your using).
  3. Finally select the folder into which you want to save the file, and click 'Save'.

 


How Do You Add Sound To Your Web Page?

A clickable 'text link' (located in the body of the Web Page) would look as follows:

<A HREF="chocolate.wav"> Homer Loves Chocolate</A>

To see this actually working click on the following text link:

Homer Loves Chocolate


A clickable 'image link' (located in the body of the Web Page) would look as follows:

<A HREF="chocolate.wav"> <IMG SRC="homer.gif"> </A>
To see this actually working click on the following image  link: 

 


Netscape and Internet Explorer require different html tags in order to allow a sound file to automatically open.  The 'BGSOUND SRC' tag is for Internet Explorer, the 'EMBED SRC' tag is for Netscape.  If you want to ensure that all visitors to your Web Page can hear your sound file (providing they have a sound card installed in the computer), then you will need to code for both Netscape and Internet Explorer.

The following Netscape tag  needs to be placed after the <BODY> tag.  This coding does not allow the sound recorder to be viewed (it is hidden), therefore the Web Page Visitor has no choice but to listen to your favourite tune!!

 <EMBED SRC="brikwall.mid" AUTOSTART="True" HIDDEN="True" LOOP= "True">

The following Internet Explorer tag  needs to be placed immediately after the Netscape tag.

<BGSOUND SRC="brikwall.mid" LOOP="infinite" > 



Displaying the sound recorder in NETSCAPE.
The following Netscape tag  needs to be placed after the <BODY> tag.  This coding allows the sound recorder to be viewed (it is not hidden), therefore the Web Page Visitor has a choice to stop the sound file if they wish.

 <EMBED SRC="brikwall.mid" AUTOSTART="True" HIDDEN="False" LOOP= "True">

Displaying the sound recorder in MSIE.
The following Internet Explorer tag  needs to be placed after the <BODY> tag.  This coding allows the sound recorder to be viewed (it is not hidden), therefore the Web Page Visitor has a choice to start and stop the sound file, if they wish.

 <a href="brikwall.mid">Want to listen to Pink Floyd's BRICK IN THE WALL?</a>

To see this actually working click on the following text link:

Adding Auto Open Sound To Your Web Page

 


A Few Download Sites For Sound Files

Please note that some of the sound files down loaded may sound "Jerky".  After selecting the sound and allowing it to play through completely, you should then replay the sound again, using the play button on your systems sound player.

http://www.hedges.org/Simpsons/  
The Simpsons Site (mostly .WAV sound files)

http://wav-emporium.forsite.net/  
The Wav Emporium (free Wav sound files)

http://www.gamenexus.com/music.html 
Game Nexus (midi sounds)

http://www.soundcentral.com/index.html 
Sound Central (midi sounds)

http://www.awpweb.com/msod/  
MSOD Midi Songs On Demand

http://www.clark.net/pub/fan/BossaNovaClips.html  
Bossa Nova 2001 .AU sound samples

http://disney.go.com/disneychannel/amazinganimals/Henry/mac_download.html  
Disney Channel Amazing Animals Henry's Treasure Chest (.AIFF sound files)







Produced by Karen Day
kday@chariot.net.au
South Australia
Last updated: 16/06/2000
Version 1.1
Number of visitors
to this page:... Counter



Visit Kazza's Other Sites

[Kazza's Home Page] [South Australia] [Thoughts & Poems] [Thoughts & Proverbs]
[Free Keyboard Tips] [Colours and Hexadecimal Triplets] [Search Page]
[About The WebMaster] [A Little Bit of Austaliana]
[HTML and the Internet] [Adding Sound to your Web Page
[Comic Pages]



To the best of my knowledge, this page and its associated linked pages have been produced with graphics obtained from the public domain. Some images can also be found on "IMSI Master-Clips - Design Guides and Image Catalogues" and a few of the graphics were created by myself using MS-Paint and/or "Paint Shop Pro Version 5", both products can be purchased from your local retailer dealing in computer software.
 
General Disclaimer Return to HTML and the Internet   Back to Top