We frequently get posts in our Community pages asking about how to add music to an Office Live Small Business website. People want to know how to have a cool tune start playing when a visitor arrives on their Home page.

This is pretty easy to make happen, but here's something to think about: Let's say you're out driving and you pull up to a stop light. Another car then pulls to a stop in the lane next to you. The driver has her Oklahoma! soundtrack cranked up on her CD player and, since her car windows are rolled down, you and everyone on the block gets to listen to Surrey With the Fringe on Top.

If you're a fan of Broadway musicals, it's all good. If not, it's not.

So keep that in mind when you consider subjecting site visitors to your favorite Italian aria or heavy metal track. You run the risk of alienating or aggravating them with your choice of music. Even if you decide to add music, you’ll want to provide a control on the page that lets the visitor turn it off.

In addition, remember that licensing and copyright rules apply to music files played on your website. From a legal standpoint, the safest thing is to purchase royalty-free audio files, which are available from a number of online outlets. EZ-Tracks.com is an example of a site that provides free and legal music downloads along with the HTML code you need.

With those caveats out of the way, let's go over one way to add music to your Home page. I'll assume you have already saved to your computer the audio file that you want to play.

These instructions below are courtesy of Moses Paul, a support engineer for the Office Live Small Business Community:

 

First, you make the audio file available to your website.

1. Sign in to your Office Live site and click Design your site.

2. On the left side of the screen, click Document Gallery.

3. Click Upload and use the upload wizard to move your music file from your computer to the Documents Gallery.

Now, you embed this file on the Home page of your website via some HTML code.

4. Click Web site and, in the Page Manager area, click the Edit option for your Home page.

5. On your Home page, place the cursor in the content zone where you want to insert your audio file and display the control to turn the sound on and off.

6. Click Module from the task bar and then click HTML in the drop-down menu.

The HTML window is opened. Now you insert the code that contains a reference to the audio file you uploaded to the Document Gallery.

7. Copy the following text and paste it into the HTML window.

<embed src="/documents/musicfile.mp3" autostart="true" loop="true" hidden="false"></embed>

8. Replace the musicfile.mp3 text with the name of the file you uploaded to the Document Gallery.

9. Click OK to close the HTML box, and then click Save to retain the changes to the page.

Now when you launch your site, your music will automatically start (autostart="true"), continue to play over and over again (loop="true"), and there will be a controller displayed (hidden="false”) to let the user stop the music if they don’t like it.

 

Please click Add a Comment and tell me if you think music or sound effects enhance or lessen a website experience. Thanks.

 

Louise Rasho

Comments

MaanojRakhit wrote re: How to add music to your website
on 04-30-2009 9:04 PM

Q: music or sound effects enhance or lessen a website experience?

A: Yes, they do-

(a) provided it's in-tune with the theme of the site

(b) provided it helps build the mood in line with the essence of the site

You have given a good example at the beginning of your article.

Thanks.

RodneyBarr wrote re: How to add music to your website
on 05-01-2009 7:24 AM

This works, It was very easy. Only problem I have is the control box is to small to read. Maybe someone knows how to fix this.

PHYLLISREISS wrote re: How to add music to your website
on 05-03-2009 5:59 AM

I followed directions; nothing came up on my home page screen in the page editor; however, if I view my web site there is a screen for controling the sound but no sound.

Sheilabt621 wrote re: How to add music to your website
on 05-03-2009 4:14 PM

The only thing that came up when I did it was the html code with no sound or controls.

AmrElsherazy wrote re: How to add music to your website
on 05-06-2009 3:58 AM

Man,

Mp3 format requires addtional plugin, so it will work properly if you converted the music file to WMA extension.

it will work automatically with any additional plugin

please try to log to my web site to see my one.

VenusVenus wrote re: How to add music to your website
on 05-07-2009 10:48 PM

Excellent, thank you! Very easy to do and worked well. Only wish would be that the only button that would display a play or stop button vs the whole player.

PearlShum wrote re: How to add music to your website
on 05-11-2009 2:12 PM

helpful

JoelTrekell wrote re: How to add music to your website
on 05-29-2009 5:21 PM

How can I make it so it doesnt start playing right when you pull up the page. You have to click to make it play?

Stephen wrote re: How to add music to your website
on 06-06-2009 9:37 AM

My Music will play with this code, but only for a second when it over 4 minutes long help !!!!!!!!!!!!!! Please

JimCarey wrote re: How to add music to your website
on 06-17-2009 4:16 PM

Is it possible to add a streaming .asx?

SusanSchaffer wrote re: How to add music to your website
on 06-23-2009 1:08 PM

i embedded a music box from mixpod.com  onto my home page.  where would i place your code? when i placed it after the code given by mixpod, there was just a black square.  i didn't download a song from my pc so i am not sure if i am able to use your code.  is there any other way? or site that gives players with the ability to control the sound?

Pradieu wrote re: How to add music to your website
on 07-14-2009 10:07 PM

I tried it but the music only play some second and stop. Noted that my website is three days old and is not really live because i have to type the whole thing to see it live like g2klive.media.officelive.com. My question is a million dollars one: HOW TO HAVE MY LIVE RADIO ONLINE WITH OFFICE LIVE? OR HOW TO EVEN PASTE A HTML CODE OF ANOTHER RADIO WHILE IM WORKING ON MINE?

JenniferWesterman wrote re: How to add music to your website
on 07-25-2009 1:16 AM

I tried added the music player to my home page.  I download the song from my cpmputer.  When I hit ok, the song is underlined and the Quicktime Q shows up but with a question mark in the middle of the Q.  When I click on the song, the player shows up on another page. HELP!!!!!!

mmadrin wrote re: How to add music to your website
on 08-06-2009 5:11 PM

It's probably tto late to add a note. I had a time at first adding music to my site but finally figured out that once the song was added to the documents folder that it worked best if I right clicked the song and copied the actual link to the song. I then inserted this in the HTML and it works great. To add a player with start/stop use: <embed src="add link to your song here" width=25 height=25 autostart=false loop=false> </embed>

Where "add link to your song here" is copy the link from the properties of the song file and remove addlink to your song here and the song will load up with a player that the viewer controls.  

Don't forget to reduce the size of the window once the link is loaded so all that you see is the start/stop button

Marc0607 wrote re: How to add music to your website
on 08-09-2009 10:54 AM

I have added the song but can't figure out why it only plays 3 seconds of the song and then stops.  I see that people have had this same issue so I am hoping that they will pass on the resolution.

lai phuocson wrote re: How to add music to your website
on 08-09-2009 11:24 AM

hi everybody, I'm trying to play music when go on my web. but i can't. Who can help me, please tell me how to do it. thank you very must

GregoryClark wrote re: How to add music to your website
on 08-19-2009 8:53 AM

Your response was great. My question is how to add more songs to the same coding and how to play the songs on every page without the player starting over?

tatumka wrote re: How to add music to your website
on 08-30-2009 8:13 PM

I added the song with no problem but I don't see a link to stop the music or turn off sounds

Ken Symicek wrote re: How to add music to your website
on 09-12-2009 6:48 AM

The problem with the music playing a few seconds has to due with Firefox browser. It seems that the other browsers are working ok!  Now my question is when I play mp3 files I get a BIG BLACK line for the player. wma files work great.  Someone here mention a plug-in but didn't say what one?  Also I notice that with mp3 files the complete file must download before the music starts. Whereas, the wma file start playing after a few seconds of buffering.

tranthai binh wrote re: How to add music to your website
on 09-14-2009 1:29 PM

it's work very wel. thanks

jorget13 wrote re: How to add music to your website
on 09-24-2009 5:17 PM

Thanks,,,works very well!!!

bugsy188 wrote re: How to add music to your website
on 09-26-2009 6:19 PM

You guys have a lot of good advice for me. I am trying to build a music web site and really do not have alot of experience with the different players.

I will be asking for some help if you don't mind, Ithis is the firdt time I have ever commented on one of these blogs.

Thanx.

bostonskblogsite wrote re: How to add music to your website
on 10-09-2009 4:37 PM

oh sorry Ken Symicek i put up that add on and forgot to name it just tell me which add on it is so that i can fix it just tell me the number of add on like add on 1, add on 2, or add on 3 so that i can crect my mastake and thanks for pointing out my mastake with out you i would of made more mastacks thanks and enjoy this site

RonChumley wrote re: How to add music to your website
on 10-14-2009 1:05 PM

Hello everyone, I would like to add video but the software does not accept video under normal upload from the computer to officelive like a photo. I would like to find a programmer of sorts that don't charge much to edit my website and add details such as video and music and possible visa account acceptance and drop down minues maybe a little flash to wake up the site.

RonChumley wrote re: How to add music to your website
on 10-14-2009 1:09 PM

I have a website and enjoy building them but have problems with live and email accounts. They seem to cancel an email account at random and no matter what buttons I push they want me to change the email to a live.com new account name. So then I have to rework all the hot buttons on the website to the new email name or address. Boy seems like too much in one package to keep up with. No one ever visits my space or blog or any extras on the web from live.com unless u can remember the http address: 2895476393003030sje53343409878709.live.com

LORNAMCNEILL wrote re: How to add music to your website
on 10-17-2009 8:54 PM

Music plays, but still can't add the start/stop function or button on site.

TamaquaArea wrote re: How to add music to your website
on 11-22-2009 2:27 AM

The "music embed" codes listed here don't work.

Goto my test page to see what I mean:

tamaquaarea.com/TestPage.aspx

Accessibility | Legal | Privacy | Report Abuse | Code of Conduct | Site Help | Office Live Workspace Community
© 2009 Microsoft Corporation. All right reserved. This site is hosted for Microsoft by ComBlu with hardware provided by Rackspace.