Audio Streaming Information

Adding Sound To Your Web Site - The Good, The Bad And The Ugly


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 don't require large files to achieve professional results. Let's 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 card's built-in instruments to create the sounds. The problem is that most sound cards don't 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 they're 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 page's HTML code. There's 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 don't 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 don't 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 don't have to worry about slow loading pages if you choose the right file format.

(c)2004 Alan Steward

About The Author

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

(c)2004 Alan Steward - http://www.musicleads.net


MORE RESOURCES:
table border=0 cellpadding=2 cellspacing=7 style=vertical-align:top;trtd width=80 align=center valign=topfont style=font-size:85%;font-family:arial,sans-serifa href=http://news.google.com/news/url?fd=Ramp;sa=Tamp;url=http%3A%2F%2Freviews.cnet.com%2FCreative_Inspire_S2_Wireless%2F4514-6519_7-33969770.html%3Fpart%3Dcnet%26subj%3DCreative%2BInspire%2BS2%2BWirelessamp;usg=AFQjCNGwFmKBivvODwAfcLbN3mdCPLQZvgimg src=http://nt2.ggpht.com/news/tbn/ksPSlt8w_7hgXM/6.jpg alt= border=1 width=80 height=80 /br /font size=-2CNET/font/a/font/tdtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbr /div style=padding-top:0.8em;img alt= height=1 width=1 //divdiv class=lha href=http://news.google.com/news/url?fd=Ramp;sa=Tamp;url=http%3A%2F%2Freviews.cnet.com%2FCreative_Inspire_S2_Wireless%2F4514-6519_7-33969770.html%3Fpart%3Dcnet%26subj%3DCreative%2BInspire%2BS2%2BWirelessamp;usg=AFQjCNGwFmKBivvODwAfcLbN3mdCPLQZvgbCreative Inspire S2 Wireless/b/abr /font size=-1bfont color=#6f6f6fCNET/font/b/fontbr /font size=-1The good: Integrated Bluetooth for wireless baudio streaming/b; tiny satellite speakers sound bigger than they look; subwoofer is compact but delivers decent b.../b/fontbr /font size=-1 class=p/fontbr /font class=p size=-1a class=p href=http://news.google.com/news/more?pz=1amp;ned=usamp;ncl=d1NtKlb5aYANAlMnobrb/b/nobr/a/font/div/font/td/tr/table

table border=0 cellpadding=2 cellspacing=7 style=vertical-align:top;trtd width=80 align=center valign=topfont style=font-size:85%;font-family:arial,sans-serifa href=http://news.google.com/news/url?fd=Ramp;sa=Tamp;url=http%3A%2F%2Fnews.cnet.com%2F8301-17938_105-20000579-1.htmlamp;usg=AFQjCNE15xm-SaKCgoMaXetv9A6RiAAzbAimg src=http://nt2.ggpht.com/news/tbn/YiCvd6ftoizIFM/6.jpg alt= border=1 width=80 height=80 /br /font size=-2CNET/font/a/font/tdtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbr /div style=padding-top:0.8em;img alt= height=1 width=1 //divdiv class=lha href=http://news.google.com/news/url?fd=Ramp;sa=Tamp;url=http%3A%2F%2Fnews.cnet.com%2F8301-17938_105-20000579-1.htmlamp;usg=AFQjCNE15xm-SaKCgoMaXetv9A6RiAAzbAbCreative#39;s Bluetooth PC speakers deliver impressive sound for their size/b/abr /font size=-1bfont color=#6f6f6fCNET/font/b/fontbr /font size=-1b.../b speakers make their way into our office for testing, but the category has never taken off despite the appealing nature of wireless baudio streaming/b. b.../b/fontbr /font size=-1 class=p/fontbr /font class=p size=-1a class=p href=http://news.google.com/news/more?pz=1amp;ned=usamp;ncl=dlVs8NzJSi7UQCMnobrband morenbsp;raquo;/b/nobr/a/font/div/font/td/tr/table

table border=0 cellpadding=2 cellspacing=7 style=vertical-align:top;trtd width=80 align=center valign=topfont style=font-size:85%;font-family:arial,sans-serif/font/tdtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbr /div style=padding-top:0.8em;img alt= height=1 width=1 //divdiv class=lha href=http://news.google.com/news/url?fd=Ramp;sa=Tamp;url=http%3A%2F%2Fjkontherun.com%2F2010%2F03%2F16%2Fzumodrive-android-webos-devices%2F%3Futm_source%3Djkontherun%26utm_medium%3Dnavigationamp;usg=AFQjCNEP2pyT7-_fiWSKEGeWqKhWQ1RwAgbZumoDrive Arrives on Android, WebOS Devices/b/abr /font size=-1bfont color=#6f6f6fjkOnTheRun (blog)/font/b/fontbr /font size=-1The baudio streaming/b is one of the features that first drew me to ZumoDrive — in the past, I used the iPhone client to stream music files that didn#39;t fit on b.../b/fontbr /font size=-1 class=p/fontbr /font class=p size=-1a class=p href=http://news.google.com/news/more?pz=1amp;ned=usamp;ncl=dRNlzho7xYNrZ9Mnobrband morenbsp;raquo;/b/nobr/a/font/div/font/td/tr/table

table border=0 cellpadding=2 cellspacing=7 style=vertical-align:top;trtd width=80 align=center valign=topfont style=font-size:85%;font-family:arial,sans-serif/font/tdtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbr /div style=padding-top:0.8em;img alt= height=1 width=1 //divdiv class=lha href=http://news.google.com/news/url?fd=Ramp;sa=Tamp;url=http%3A%2F%2Fpr-usa.net%2Findex.php%3Foption%3Dcom_content%26task%3Dview%26id%3D354258%26Itemid%3D31amp;usg=AFQjCNHJnmMcYZWZCEG2TpGuPFzlwQJMZQbCheckered Flag BMW in Virginia Beach Announces 0.9% Financing/b/abr /font size=-1bfont color=#6f6f6fPR-USA.net (press release)/font/b/fontbr /font size=-1Design and entertainment features include ambient lighting, driver orientation, Bluetooth baudio-streaming/b, Harmon/Kardan sound systems, BMW Teleservices and b.../b/fontbr /font size=-1 class=p/fontbr /font class=p size=-1a class=p href=http://news.google.com/news/more?pz=1amp;ned=usamp;ncl=dbGKdhxoXWgKxcMnobrband morenbsp;raquo;/b/nobr/a/font/div/font/td/tr/table

table border=0 cellpadding=2 cellspacing=7 style=vertical-align:top;trtd width=80 align=center valign=topfont style=font-size:85%;font-family:arial,sans-serif/font/tdtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbr /div style=padding-top:0.8em;img alt= height=1 width=1 //divdiv class=lha href=http://news.google.com/news/url?fd=Ramp;sa=Tamp;url=http%3A%2F%2Fwww.marketwatch.com%2Fstory%2Fcorrecting-and-replacing-newport-digital-technologies-develops-first-led-digital-signage-solution-with-wi-fi-3g-and-wimax-wireless-connectivity-2010-03-04%3Freflink%3DMW_news_stmpamp;usg=AFQjCNFgipzWom2kHpFwvZeAipo7kVYW1AbCORRECTING and REPLACING Newport Digital Technologies Develops First LED b.../b/b/abr /font size=-1bfont color=#6f6f6fMarketWatch (press release)/font/b/fontbr /font size=-1quot;The 3G, Wi-Fi and WiMax features will enable this signage solution to have video and baudio streaming/b connectivity anywhere there is 3G, Wi-Fi or WiMax b.../b/fontbr /font size=-1 class=p/fontbr /font class=p size=-1a class=p href=http://news.google.com/news/more?pz=1amp;ned=usamp;ncl=dQs3hYI7TbHVBiMnobrband morenbsp;raquo;/b/nobr/a/font/div/font/td/tr/table

table border=0 cellpadding=2 cellspacing=7 style=vertical-align:top;trtd width=80 align=center valign=topfont style=font-size:85%;font-family:arial,sans-serifa href=http://news.google.com/news/url?fd=Ramp;sa=Tamp;url=http%3A%2F%2Fwww.orange.co.uk%2Fcars%2Fpicturegalleries%2Fpics%2F6871_1.htmamp;usg=AFQjCNFAjNqP7mzdXRutgHw5dZGMxvHD8Qimg src=http://nt3.ggpht.com/news/tbn/FyJ3JEUBOJYdEM/6.jpg alt= border=1 width=80 height=80 /br /font size=-2Orange Cars channel/font/a/font/tdtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbr /div style=padding-top:0.8em;img alt= height=1 width=1 //divdiv class=lha href=http://news.google.com/news/url?fd=Ramp;sa=Tamp;url=http%3A%2F%2Fpaultan.org%2F2010%2F03%2F14%2Ff11-bmw-5-series-touring-first-looks%2Famp;usg=AFQjCNFYKcvN6QAvIPsjbs36eT5kQKm7RQbF11 BMW 5-Series Touring - first looks/b/abr /font size=-1bfont color=#6f6f6fASEAN Automotive News/font/b/fontbr /font size=-1The audio system can now also play audio from a Bluetooth bAudio Streaming/b source other than the existing CD, USB, iPod and aux in sources. b.../b/fontbr /font size=-1a href=http://news.google.com/news/url?fd=Ramp;sa=Tamp;url=http%3A%2F%2Fwww.autotalk.com%2F2011-bmw-5-series-sport-wagon-3498%2Famp;usg=AFQjCNFwEEtLuqGBvrF5PTk6ktbgA746vw2011 BMW 5 Series Sport Wagon/afont size=-1 color=#6f6f6fnobrAutoTalk/nobr/font/fontbr /font size=-1 class=p/fontbr /font class=p size=-1a class=p href=http://news.google.com/news/more?pz=1amp;ned=usamp;ncl=dDh9TIT24cmMSZM_vdyH7fVCB4zoMnobrball 61 news articlesnbsp;raquo;/b/nobr/a/font/div/font/td/tr/table

table border=0 cellpadding=2 cellspacing=7 style=vertical-align:top;trtd width=80 align=center valign=topfont style=font-size:85%;font-family:arial,sans-serifa href=http://news.google.com/news/url?fd=Ramp;sa=Tamp;url=http%3A%2F%2Fwww.gtspirit.com%2F2010%2F03%2F12%2F2011-nissan-gt-r-premium-priced-only-us%2Famp;usg=AFQjCNFmLR7lh6k_0skcsVupzCGcaqKgkQimg src=http://nt0.ggpht.com/news/tbn/oOvnk-xty5pgDM/6.jpg alt= border=1 width=80 height=80 /br /font size=-2GTspirit/font/a/font/tdtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbr /div style=padding-top:0.8em;img alt= height=1 width=1 //divdiv class=lha href=http://news.google.com/news/url?fd=Ramp;sa=Tamp;url=http%3A%2F%2Fwww.motorauthority.com%2Fblog%2F1043317_2011-nissan-gt-r-priced-from-84060-base-model-eliminatedamp;usg=AFQjCNEC8qJIZL9FN9qEv1fWbBhMPNzsEQb2011 Nissan GT-R Priced From $84060, Base Model Eliminated/b/abr /font size=-1bfont color=#6f6f6fMotor Authority (blog)/font/b/fontbr /font size=-1In addition, the automatic headlights and speed-sensitive windshield wipers are now standard, along with a USB iPod interface, Bluetooth baudio streaming/b, b.../b/fontbr /font size=-1a href=http://news.google.com/news/url?fd=Ramp;sa=Tamp;url=http%3A%2F%2Fwww.nitrobahn.com%2Fnews%2F2011-nissan-gt-r-pricing-starts-from-84060%2Famp;usg=AFQjCNH3NgZp98gg2I2onUkkL35-xxdPbA2011 Nissan GT-R Pricing Starts From $84060/afont size=-1 color=#6f6f6fnobrNitrobahn/nobr/font/fontbr /font size=-1a href=http://news.google.com/news/url?fd=Ramp;sa=Tamp;url=http%3A%2F%2Fwww.thecarconnection.com%2Fmarty-blog%2F1043317_2011-nissan-gt-r-priced-from-84060-base-model-eliminatedamp;usg=AFQjCNHgbDNcDtfkJ_KVIKW2lLoLKoGSmANews 2011 Nissan Gt R Priced From 84060 Base Model Eliminated/afont size=-1 color=#6f6f6fnobrTheCarConnection.com (blog)/nobr/font/fontbr /font size=-1 class=p/fontbr /font class=p size=-1a class=p href=http://news.google.com/news/more?pz=1amp;ned=usamp;ncl=dILdBgnSEWBxNLM8Yu0zz8r93iNlMnobrball 20 news articlesnbsp;raquo;/b/nobr/a/font/div/font/td/tr/table

table border=0 cellpadding=2 cellspacing=7 style=vertical-align:top;trtd width=80 align=center valign=topfont style=font-size:85%;font-family:arial,sans-serifa href=http://news.google.com/news/url?fd=Ramp;sa=Tamp;url=http%3A%2F%2Freviews.cnet.com%2F2010_Mini_Cooper_S%2F4514-10867_7-33981994.html%3Fpart%3Dcnet%26subj%3D2010%2BMini%2BCooper%2BSamp;usg=AFQjCNHGbZru8JbIsfMkkQP7x95iiD0_awimg src=http://nt1.ggpht.com/news/tbn/GZk8UP0DsPxotM/6.jpg alt= border=1 width=80 height=80 /br /font size=-2CNET/font/a/font/tdtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbr /div style=padding-top:0.8em;img alt= height=1 width=1 //divdiv class=lha href=http://news.google.com/news/url?fd=Ramp;sa=Tamp;url=http%3A%2F%2Freviews.cnet.com%2F2010_Mini_Cooper_S%2F4514-10867_7-33981994.html%3Fpart%3Dcnet%26subj%3D2010%2BMini%2BCooper%2BSamp;usg=AFQjCNHGbZru8JbIsfMkkQP7x95iiD0_awb2010 Mini Cooper S/b/abr /font size=-1bfont color=#6f6f6fCNET/font/b/fontbr /font size=-1Navigation is DVD-based and Bluetooth doesn#39;t feature baudio streaming/b or phonebook import. The bottom line: The Mini Cooper S can be polarizing with its b.../b/fontbr /font size=-1 class=p/fontbr /font class=p size=-1a class=p href=http://news.google.com/news/more?pz=1amp;ned=usamp;ncl=dhGoFpLeUN8QBHMnobrb/b/nobr/a/font/div/font/td/tr/table

table border=0 cellpadding=2 cellspacing=7 style=vertical-align:top;trtd width=80 align=center valign=topfont style=font-size:85%;font-family:arial,sans-serif/font/tdtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbr /div style=padding-top:0.8em;img alt= height=1 width=1 //divdiv class=lha href=http://news.google.com/news/url?fd=Ramp;sa=Tamp;url=http%3A%2F%2Fwww.mercurynews.com%2Fbreaking-news%2Fci_14666659amp;usg=AFQjCNH2uGOtwFWmoJnoHZ4AHNIbN9-orQbBART to Webcast its board meetings/b/abr /font size=-1bfont color=#6f6f6fSan Jose Mercury News/font/b/fontbr /font size=-1AC Transit#39;s board last month began baudio streaming/b its meetings. Franklin said he first asked the board staff about webcast feasibility in October 2006, b.../b/fontbr /font size=-1 class=p/fontbr /font class=p size=-1a class=p href=http://news.google.com/news/more?pz=1amp;ned=usamp;ncl=dKn_l0_ihrAabiMnobrband morenbsp;raquo;/b/nobr/a/font/div/font/td/tr/table

table border=0 cellpadding=2 cellspacing=7 style=vertical-align:top;trtd width=80 align=center valign=topfont style=font-size:85%;font-family:arial,sans-serif/font/tdtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbr /div style=padding-top:0.8em;img alt= height=1 width=1 //divdiv class=lha href=http://news.google.com/news/url?fd=Ramp;sa=Tamp;url=http%3A%2F%2Fwww.pcmag.com%2Farticle2%2F0%2C2817%2C2361342%2C00.aspamp;usg=AFQjCNG8SKpWWJ-LNBUwX7LC_372OA3kCwbJabra Extreme/b/abr /font size=-1bfont color=#6f6f6fPC Magazine/font/b/fontbr /font size=-1Mostly, the Extreme fares OK thanks to its baudio streaming/b and low price, though plenty of other headsets sound better for voice calls. b.../b/fontbr /font size=-1 class=p/fontbr /font class=p size=-1a class=p href=http://news.google.com/news/more?pz=1amp;ned=usamp;ncl=dliSAB-yLzSM3CMnobrb/b/nobr/a/font/div/font/td/tr/table

Google News

home | site map
© 2006