Joomla Tutorials

Play MP3 Files on Your Joomla Site

May 21, 2010 | Written by Steve Burge

Find the AllVideos Plugin

tutuploadsmedia_1274453621090.png

Visit http://extensions.joomla.org/extensions/multimedia/video-players-a-gallery/812 for the download link for the AllVideos plugin

Login to Your Joomla Site

tutuploadsmedia_1274453756271.png

Login to the /administrator/ area of your Joomla site and go to Extensions >> Install/Uninstall

Upload the AllVideos Plugin

tutuploadsmedia_1274453890030.png

Click on "Browse" to find the AllVideos file and then click "Upload File & Install"

Go to the Plugin Manager

tutuploadsmedia_1274453993754.png

Enable the AllVideos Plugin

tutuploadsmedia_1274454067731.png

Check the box next to "AllVideos (by JoomlaWorks) and click "Enable"

Go to the Global Configuration

tutuploadsmedia_1274455027913.png

Allow Uploads of MP3 Files

tutuploadsmedia_1274455127411.png

Click on "System" and add "mp3" to the field called "Legal Extensions (File Types). Click "Save" in the top-right corner.

Go to the Media Manager

tutuploadsmedia_1274454281627.png

Visit Site >> Media Manager

Open the /stories/ Folder

tutuploadsmedia_1274454348665.png

Double-click on the /stories/ folder to open it up.

Create a Folder Called /audio/

tutuploadsmedia_1274454472862.png

At the top of the page, enter /audio/ into the box and click "Create Folder".

Open the /audio/ folder

tutuploadsmedia_1274454556487.png

Double-click on the /audio/ folder to open it up.

Upload Your MP3 File

tutuploadsmedia_1274454694188.png

Browse for your MP3 file and click "Start Upload". A warning ... many MP3 files are large. You may have to contact your hosting company and ask them to permit larger uploads.

Check the Upload

tutuploadsmedia_1274455577363.png

Hopefully your file will now show as being correctly uploaded.

Open an Article

tutuploadsmedia_1274455759795.png

Write in the AllVideos Code

tutuploadsmedia_1274455884768.png

The code you need to use is this {mp3}filename{/mp3}. If the file is called filename.mp3 you don't have to include the .mp3 part.

Check the Audio File is Working

tutuploadsmedia_1274456140352.png

The file should being playing inside your article, as in the screenshot above.


 

 


To sign up for complete classes and support

 

Comments 

 
# vnmidwood 2010-08-03 14:28
my audio file is small 10.4 mb but was file was refused as too large. I would like to actually be able to play a much larger file that is about 60 minutes, can I do this with this plug in?
Thank you,
Vicki
Reply | Reply with quote | Quote
 
 
# steve 2010-08-03 18:10
Hi Vicki - yes, you can. The tricky thing is getting the file uploaded as many servers have a maximum upload of 2 MB.

You may need to ask your hosting company to raise this limit.
Reply | Reply with quote | Quote
 
 
# K 2010-08-31 05:40
I love you for this. Occasionally, some angel/s provide/s exactly what one needs on the internet. What a relief in a day when I couldn't find an answer for most anything else. THANK YOU!
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-02-22 14:27
You're welcome, K!

Be sure to check out our other tutorials as well! :-)

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# mino 2010-11-28 09:38
Why not use utube (vimeo perhaps better quality but not as known)? You will have problems with backing up if your site gets too large and probs of bandwith. One alternative is to have a dedicated serverfor audio and video
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-02-22 14:26
Hi Mino,

All Videos is a great option for playing mp3s from your own site. Other 3rd party solutions have their pros and cons as well.

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Oliver 2011-01-04 20:22
hello,

can i play mp3 from third parties, not in my hosting/site admin ?

is it possible to NOT show the download link and the embed code

thanx
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-02-22 14:24
Hi Oliver,

If you click on the plugin in plugin manager, that will give you a list of options that you can configure such as allowing downloads, etc.

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# ba 2011-02-22 01:11
In above mentioned steps i dont see media settings in my global config tab

could u help
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-02-22 14:22
Hi Ba,

Are you able to access global configuration? If not, then you need to use a super administrator account.

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Jane Holtschulte 2011-03-11 22:15
I followed all directions and the player box appears on my web page. When I click on download a box appears with the following: Download unavailable, wrong file path set, or illegal code execution.

Next, I went into HTML and typed a code for the location of the file, but only the code appeared on my web page.

Any ideas what I missed? It would be greatly appreciated.

Smiling - Jane
Reply | Reply with quote | Quote
 
 
# Jane H 2011-03-11 22:54
Never mind.....It worked. My computer must have been slow to digest all the information. Thank you.
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-08-30 12:48
Hi Jane,

I'm glad you got it to work! :)

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Beth M 2011-07-06 10:52
Thanks for the tutorial - I am trying to prevent people from downloading an audio file. Under the plugin parameters where it says "Display Download Link" I checked "No", but it still shows the download option on my web page. Any suggestions?
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-08-30 12:48
Hi Beth,

Make sure you clear your browser's and site's cache and you should see the changes.

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Anoof 2011-08-29 11:19
Thanks for the tutorial.
Pl, tell me how to play a sound on mouse over a menu or hyperlink.
Thanks.
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-08-30 12:49
Hi Anoof!

Sorry for the inconvenience, but if you're a student at OSTraining, could you copy and paste this into the support forum so one of our support techs can look into it for you? All you have to do is log in at www.ostraining.com and click on Support Forum in the main menu.

Please see the support FAQ for more information:
http://www.ostraining.com/support-faq/

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Mich 2011-09-04 11:20
Hi,

I followed all the steps. I see the player on my website, but when I click on it nothing happens. When I go into the backend of my website I see the file and I can play it from there, which means the file is completely uploaded. Any ideas what I can check? I am working on a Mac, might that be a problem with certain browser settings?
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-09-04 19:01
Hi and welcome, Mich!

I would start by trying it in a different browser to see if it's a browser compatibility issue. Also, could you provide the link to take a quick look or did you mean it's on a localhost on your Mac?

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Mich 2011-10-13 14:09
Hi Nick,

Sorry for the late reply. I entered the file back on the home page it is on www.kenpo4u.nl

Still when I click on play nothing happens. Now testing in Safari.

Hope you can help.

Regards,

Mich
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-10-20 14:16
Hi Mich,

Sorry for the inconvenience, but if you're a student at OSTraining, could you copy and paste this into the support forum so one of our support techs can look into it for you? All you have to do is log in at www.ostraining.com and click on Support Forum in the main menu.

Please see the support FAQ for more information:
http://www.ostraining.com/support-faq/

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# memphis 2011-09-26 12:02
Hi Nick
I'm helping run a site with a friend and I want to add audio to the site so music will play when people go to a page. Im not very tec minded but the site does have ALLVIDEO already on it (thankfully)as I found when following your instructions.Now I have uploaded the mp3 to see what happens and I think it is on there but where you have a musical note in your example above I have a blue circle with an ! inside of it.When I hover over it it does give the details of the upload. Im trying so hard to be able to do stuff on the site without having to ask I wanted to check if it worked but can't find ARTICLE MANAGER anywhere at the back. I'm down as a SUPER ADMINISTRATOR for the site. I wondered if you could help me I so want to get audio on the site myself. Feel worthless with my contributions as she tends to be more experimental than me and often can figure stuff out. Its Joomla 1.8 by the way. I hope you can help Nick many thanks.
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-09-26 14:32
Hi Memphis,

I can help but seems to be more personalized and so I'll ask that you become a student first and then you can post on our support forum and I'll get it answered the same day :) Here's how to sign up:
http://www.ostraining.com/online/

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# memphis 2011-10-02 05:54
Thank you Nick. Will have a look today at that. Thing is too I made a mistake it is actually Joomla 1.0 being used. Before going further though Nick the site is on another server is that a problem for a super administrator to add audio.We are supposed to be going over to 1.5 but the person whose server we are on just aint responding to our mails at the moment. I found the Allvideos under Mambots /site mambots does that mean Allvideos IS on the site. I have double clicked on it and it opens on a page with a bit about the plugin on it and settings of some description on the right. I know above is from another version of Joomla hence why I can't find things at the back end of ours : )and as for adding {mp3}{/mp3}I'm lost.
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-10-03 10:32
Hi Memphis,

There was a 1.0 version of AllVideos so hopefully that's what you have :) As for adding, the mp3 tags you do that within the article after you've uploaded the mp3 the audio folder. Hope that helps. Let me know if you have any other questions.

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Philuk 2011-10-20 09:11
Hi I have installed using your instructions, the only change I have made was change the path of where the media files are. I changed this in plugin manager. When I try to play the mp3 I get error #2032. Any ideas of what i've managed to do wrong ?

Thanks

Phil
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-10-20 14:17
Hi and welcome, Phil!

Sorry for the inconvenience, but if you're a student at OSTraining, could you copy and paste this into the support forum so one of our support techs can look into it for you? All you have to do is log in at www.ostraining.com and click on Support Forum in the main menu.

Please see the support FAQ for more information:
http://www.ostraining.com/support-faq/

Kind regards,
Nick
Reply | Reply with quote | Quote
 

Add comment