How to add background music to my webpage

[keerthy]

How to add an .mp3 file using java-script with HTML.

I wish to add an mp3 file as a background music to my webpage. It should load automatically while user viewing my home page.

I'm doing a project in php.

"Give me a simple and easiest guideline for me"

-thank you

[Philip M]

Google is your friend! Adding music to a webpage is a cross-browser minefield, and if it is made to play automatically will probably annoy your visitors and drive them away. What if they are playing music already when they arrive at your site?

Have a look at

http://www.frontpagewebmaster.com/m-.../tm.htm#189647

and take the advice offered!!

All advice is supplied packaged by intellectual weight, and not by volume. Contents may settle slightly in transit.

[chump2877]

I agree with Phillip -- adding background music to your site is usually a terrible idea.

That said, the new HTML5 "audio" tag is another possibility.

Also check out: http://www.html5rocks.com/en/tutorials/webaudio/intro/

[Philip M]

Originally Posted by chump2877

That said, the new HTML5 "audio" tag is another possibility.

Even that is a nightmare! The MP3 file format is supported by
Internet Explorer 9, Google Chrome 6 and Apple Safari 5, but NOT by
Firefox 4.0 or Opera 10.6
Aaaarrrggghhh!

[chump2877]

Well if you have to use audio (or video) in a site, that would appear to be the way to do it moving forward. The best way to fight cross-browser issues is to implement a standards-based approach.

[keerthy]

thanks for your tips n guidelines

[candi]

Hello,

I have background music on this website: beauty-4-ashes-outreach.org. I want to know if there is another code to use to have the music to play visiting the site from a cellphone and or tablet?

The code I had that didn't work was:
<object type="audio/mp3"
data=".mpg">
<param name="autoplay"
value="false">
</object>

Also, for it to be cross browsers.

She wants to have music on her site

Thanks in advance

[Philip M]

Originally Posted by candi

Hello,

I have background music on this website: beauty-4-ashes-outreach.org. I want to know if there is another code to use to have the music to play visiting the site from a cellphone and or tablet?

The code I had that didn't work was:
<object type="audio/mp3"
data=".mpg">
<param name="autoplay"
value="false">
</object>

Also, for it to be cross browsers.

She wants to have music on her site

Thanks in advance

Please see the previous answers posted in this thread.
One more time - adding background music to your site is usually a terrible idea.
Especially for mobile devices.