Building a Web Site
of Your Own

And now presenting the wonderful, stupendous, exciting lesson...
Making a Home Page of Your Own: More About Sounds

Choose one of the following ways to include sounds: Make a link to the sound file Embed with HTML Embed with FrontPage

Making a link to a sound file:

One way to include a sound file with a web page is to make a link to the file. Then, when the viewer clicks on the link, the sound file will be downloaded and play. A statement in HTML as shown below can accomplish this method of including a sound file with a web page:

<A HREF="soundsample.wav">Click this text to hear a sound!</A>

Note that it is not necessary to type the HTML code for the link shown above.  Doesn't it look familiar?  It is exactly the same HTML we used to link to a graphic except the file name in quotations is a graphics format!  We can therefore make a sound file link by highlighting text and clicking on the Make Link icon with either Netscape Composer or with Front Page (Express).  Simply enter the absolute URL of the sound file instead of the address of a graphic in the appropriate window!

One of my good friends, Dr. John Obetz, was the Principal Organist at the RLDS Auditorium in Independence, Missouri.  He also was the chief consultant on the building of the RLDS Temple Organ in 1993 (pictured at the same web site listed above.  With his permission, I have a demonstration link to a song excerpt from one of his many CDs.  It is the famous opening excerpt from his weekly radio broadcast - Bach Fantasie in g.  For further information about his many fine recordings, contact Dr. Obetz through the University of Missouri at Kansas City Conservatory of Music.

Embedding a sound file with HTML:

This technique is almost identical to creating a link to a remote website and should look fairly familiar. But what if the viewer of our page never clicks on the link? To ensure that our sound file really gets played, we can "embed" the file in the page. When this is done, the sound file will automatically play as the page is loaded on the viewer’s computer!

Here’s how to do it:

  • Near the beginning of the HTML listing of the web page (probably right after opening neat graphics or opening text) include the command for embedding a file.
  • The command for embedding is:<EMBED SRC="mysound.wav">
  • (Re)Save the updated web page AND the appropriate sound file in the same directory on the web host.
  • Voila! It’s done.

A few quick observations:

The EMBED HTML tag has many adjustable attributes. For instance, the "console" displaying the volume lever, start, stop, pause buttons, may have its height and width adjusted. The console may even be completely hidden from view. The volume may be adjusted as part of the embed command - the default value will use current settings on the viewer’s computer.

Possibly most important, the sound file may be set to repeat. Here is a sample of an "embed" command that causes the sound file to start playing immediately when the page is loaded, to hide the console, and to repeat the sound file indefinitely:

<EMBED HIDDEN="TRUE" AUTOSTART="TRUE" LOOP="TRUE" SRC="longplay.wav">

Embedding a sound file with FrontPage (Express):

fppreferences.GIF (4817 bytes)

Begin by selecting "Page Properties" from the File menu. Enter the absolute URL of the sound file (or browse to find it). Enter the number of times the file should repeat or click the "Forever" choice for the annoying option of having the file never quit while the page is being viewed!

If you've learned all you can stand to learn about sounds, return to the main authoring page (or re-read the  paragraphs above until you get really bored!)  Please note:  the sound file used in this demonstration page comes from the EFFECTS section of WAV.COM.


[Session 1]  [Session 2] [Session 3]  [Session 4]  [Session 5] [HomePage Overview]  [Top]
This site copyrighted (2005) by Dr. Blake West - Please credit when linking to the site!
Kansas NEA - 715 SW 10th Ave.  Topeka, KS  66612.