Adding Sound to your Web Site - The Good, The Bad And The Ugly


Alan Steward

Many webmasters like the idea of adding background music to their web sites but most shy away from doing it worrying about slow loading pages and large file sizes. There are many different ways to add background music to your site and some of them dont require large files to achieve professional results. Lets examine all the different ways to add background music to your site and rate them to find the best solution for you.

1 MIDI Files

MIDI files are very small because they actually use your sound cards built-in instruments to create the sounds. The problem is that most sound cards dont have any decent sounds to start with, plus no two sound cards sound alike and therefore the results are very unpredictable. MIDI files usually sound like theyre coming from one of those cheap Casio keyboards. Using MIDI for background music is very likely to make your site seem amateurish. Want to know how to do it anyway Just add the line to your site. Replace xyz with the name of the MIDI file you want to use! The Autostart command will play the file automatically when the page is loaded.

PROS; Very small file size, easy to implement

CONS: Unpredictable results, amateurish sounds

2 WAV Files

Using the WAV file format allows you to add professional sounding recordings to your site but the problem is that even if you use a low quality setting like 11k/8bit, the file sizes are still very large and it will take a long time for your music to load. And slow loading pages are the worst thing that can happen to a site. Implementing a WAV file on a web page is easy. Just add the line to your pages HTML code. Theres an additional command to loop the WAV file but WAV files do not loop cleanly with the embed command.

PROS: Many Quality Levels, Easy to implement

CONS: Large File Sizes, WAV Files do not loop

3 MP3 Files

MP3 files are highly compressed and dont take that long to load but the problem is that MP3s need to bring up an external player program and which in some cases takes your visitors away from your site altogether. Also, MP3 files dont loop cleanly.

PROS: Smaller File Sizes, Good Quality Possible

CONS: Needs external player software, not loopable

4 Flash

If you own a program that can create Flash files, you will have lots of flexibility in adding sound to your site. Flash lets you import WAV as well as MP3 Files and then creates quite small files from these sounds that will load automatically on your site. You can set the quality level and therefore decide how large you want the Flash file to be. Flash also allows you to loop short pieces of sound to create continuous background music files that can be quite small. But please note that only imported WAV files can be looped in Flash, MP3 files will not loop cleanly.

PROS: Great Flexibility, Small File Sizes, expecially when looping sounds

CONS: You need to buy expensive Flash software to create Flash Files

5 Pre-Made Flash Loops

The newest thing on the market are pre-built Flash Music Loops. These files are professionally recorded, loop almost indefinitely and most of these Flash Music Loops are only about 20k in size so they load almost instantly. Flash Music Loops are available at http://www.flashmusictracks.com and currently there are three different loop packages available in all kinds of music styles from classical to techno. Using these pre-built Flash files is easy. Simply upload the "xyz.swf" Flash file to your server and add a few lines from the corresponding "xyz.html" file to your web page and presto...instant professional sounding background music.

PROS: Extremely small file size, professional quality music

CONS: None

As you can see there are many different ways to add background music to your web pages and you dont have to worry about slow loading pages if you choose the right file format.

Article by Alan Steward, a professional recording engineer and producer who worked with many Grammy award winning groups and musicians.

c2004 Alan Steward - http://www.musicleads.net

You may freely redistribute or use this article on your website or in your newsletter as long as the article is unaltered and unedited.





About The Author

Article by Alan Steward, a professional recording engineer and producer who worked with many Grammy award winning groups and musicians.

c2004 Alan Steward - http://www.musicleads.net



To provide some examples of web design and development I give you here:

10 latest blog posts by Web Developer Jim Westergren

I’m an SEO and I have been working a lot with WordPress, here I give you all my tips for you to rank very well in Google with your blog. UPDATE: Check this blog post for a better guide. Quick Facts There are 55 million blogs out there, if you don’t stand out you will have no chance. The [...]

Update, March 9th I have now changed it again and put some color into it. What do you guys think? Sunday today and I was away from work with clients so I decided to work with my blog today from home. I made a new design for this site. Check out the navigation links at the top left [...]

This article is written for my friend “honey” (site). I have been bidding against honey on web site auctions for almost 2 years now. I have won maybe 60 auctions and I have now over 100 web sites. Honey owns over 300 … So here comes my checklist that I want to show honey as I [...]

Have you also heard of those horror stories of Google banning Adsense accounts for the smallest mistakes? You have read the Terms and Conditions and you know the basics but what do you do when you show your friend your site on your computer and the first thing he does is to click the Adsense ad [...]

This article is written more for myself so I remember how I do it the next time but probably a few people will also benefit from this for different uses and purposes. Today I updated all the PR values for the directories listed on my directory list. I had to update each listing in the MySQL [...]

Official site of a children’s hospital in Japan Hey, your “logo” is not blinking! MSY Technology Pty. Ltd. Are you sure product X is HOT? Personal site of Franz Magnus Incredible that you got several awards for that site. Angren.net, electronic shop Can’t you squeeze in something more on the home page? Official site of Northbridge Police Department Still being updated in 2006. Perhaps [...]

The last days I have been fighting in the war against the latest spam bot soldiers like a maniac. I own and manage over 70 web sites. This includes different forums, directories, blogs, topsites, article submission sites and you name it. Very recently there is a new wave of spam. The default captcha for vBulletin is now [...]

This is a WordPress plugin that will give you more links and higher rankings in the search engines. Most bloggers knows the importance of getting links in order to get high rankings in search engines. But did you know that the best links are those that are natural recommendations? Additionally I experienced better rankings across all [...]

To improve the navigation of your users as well as search engine traffic and ranking to your WordPress blog I suggest making a good site map of your posts - a map of your site. A kind of user friendly archive of your posts. This is not “Google sitemap”! The benefits: The user can quickly find a [...]

How I rank on different keywords and links to the different SE queries.

home | site map

Articles



Credit Card Consolidation | Car Finance | Mortgages | Grand Theft Auto Mp3 | Debt Consolidation Loans