Adding one song to website

Any suggestions on an extension to use in order to add one song to website?

Hi,
do you mind music playing in background? Sure.
Check: http://extensions.joomla.org/extensions ... -a-gallery

Or
Use feature from HTML5 -->
http://www.w3schools.com/html/html5_audio.asp
https://developer.mozilla.org/en-US/doc ... _and_video

thanks! I know it's against some unspoken words to add music to websites but the girl I'm putting the site together for really wants it so... she gets it!

"Women have always right, even if they do not have" - the basic principle working with client who is girl/women

I can't seem to add a song to my media files. I have a zip file, mp3 and m4a. What's the best way to do this?

MP3 - but first check if your browser have support for HTML5 Media or .. use module from JED

You must unzip file to PLAY ! And use small filesize because browser have to open it !!

Thank you Pawel for your response. I don't know why adding music is so difficult.

I was able to upload mp3 file to my media manager. I had to add .mp3 and .ogg to my allowable extensions (because I uploaded both versions).

I tried adding the code <audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

but that didn't work. Not sure if I put it in the wrong place or if I don't know the proper way to write the music file in the code.

I also tried the extension you suggested - commedia. I didn't have much luck with that either.

Hopefully you or another smart person reading this forum can dumb this stuff down for me so I can get some sleep tonight!

First create a CUSTOM HTML and publish module, inside inserting example code:

Code: Select all


<audio controls autoplay>
  <source src="horse.mp3" preload="auto" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

 

and your mp3 file MUST BE in root folder!

This worked for me

This did not work for me.

<audio controls autoplay>
<source src="httpdocs/Paint Me Pretty By_ Dani' Wright (BET's _The Game_)(AAC).mp3" preload="auto" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

Can you tell what is wrong with my code? I went ahead and added the song to my root folder in filezilla. Does it look like the correct path?

have you seen my screenshot ?

1) Rename filename, no SPACE and ' in filename !!! this same when you inserting images in your Joomla!

2) Then change from:

Code: Select all

<source src="httpdocs/Paint Me Pretty By_ Dani' Wright (BET's _The Game_)(AAC).mp3" preload="auto" type="audio/mpeg">

to

Code: Select all

<source src="Paint_Me_Pretty.mp3" preload="auto" type="audio/mpeg">

p.s.
I think we need to make an online private tutoring

Well, at least I am making you feel like a GENIUS today!

Yea, that didn't work either.

This is now my custom output:
<audio controls autoplay>
<source src="Paint_Me_Pretty.mp3" preload="auto" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

It sure does seem like everything is correct, I do believe the file is in the root folder. It's in /httpdocs.

I think I'm going to give up and have no music!

So try with "httpdocs" before.

But where you have got all those index.php, LICENSE.txt and README.txt files?

you can also use FULL PATH like http://mywebsite.com/Paint_Me_Pretty.mp3 inside.

Are you using localhost or web server ? maybe there is a problem!

Try this w3schools "horse"

Code: Select all

<source src="http://www.w3schools.com/html/horse.mp3" preload="auto" type="audio/mpeg">

inside, if this wont work, please turn on speakers!

Very funny, but yes my speakers are on!

This is what my custom output looks like now... I have tried all of these things:

<audio controls autoplay>
<source src="httpdocs/Paint_Me_Pretty.mp3" preload="auto" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

<audio controls autoplay>
<source src=http://makeupstarr.me/Paint_Me_Pretty.mp3" preload="auto" type="audio/mpeg">
Your browser does not support the audio element.
</audio>


Cloudaccess is hosting my site. The file is in the same spot as the index and license and blah blah blah blah blah blah.

I think there is some setting somewhere that is turned off.

<audio controls autoplay><source src="http://www.w3schools.com/html/horse.mp3" preload="auto" type="audio/mpeg">Your browser does not support the audio element.
</audio>

Am I suppose to enable FTP settings in the backend of Joomla?

I just realized I am now a senior boarder... I think as a result of this discussion. ha!

I just realized I am now a senior boarder.

Yes, I saw because only in this topics you added so many posts few others and you'll be expert

p.s.
Use module from JED - mp3 player - I think, this time you have no luck with HTML5.