#73 - Free Mp3 Music Player

#73 - Free Mp3 Music Player

So you have a Joomla website, and you want to put in some music / or play some other kind of MP3 on it. One of the ways to do this (and which we have used), is using the XSPF free mp3 player.

 

XSPF is a playlist format which uses XML to define the playlist which you want to play. So how do you do it?

1. Upload the MP3s you want to play to a /Tracks folder on your website.

2. Download the Music Player and upload it to the root directory of your website

3. Define your tracklist playlist based on the tracks you have created. Save the file as playlist.xspf and upload it to the root of your website too.

E.g. playlist

<?xml version="1.0" encoding="UTF-8"?>
<playlist version="0" xmlns = "http://xspf.org/ns/0/">
  <trackList>
   <track>
    <location>http://www.yoursitecom/tracks/Track 02.mp3</location>
    <annotation>Track 01</annotation>
   </track>
   <track>
    <location>http://www.yoursitecom/tracks/Track 02.mp3</location>
    <annotation>Track 02</annotation>
   </track>
  </trackList>
</playlist>

4. Go to Extensions > Module Manager, and create a new Custom HTML module. In the HTML put in the following code to embed the player and to have it play your defined playlist.

<object data="xspf_player.swf?playlist_url=playlist.xspf&autoplay=1" height="15" width="200" type="application/x-shockwave-flash">
<param name="src" value="xspf_player.swf?playlist_url=playlist.xspf&autoplay=1" />
</object>

Set the other module players, such as the template position you want it to appear, and enable it, and save.

That's it ... your website now has music!

One more thing...

Do you have friends or a Facebook group who you think would find this useful? Share this with them and then let me know what they think.

Want to supercharge your website?

 
Our website loads FAST ... just 1.29 seconds. We're hosted on FAST InMotion VPS servers We want YOUR website to be fast too, so we've gotten you an exclusive deal - 47% OFF for DART Creations friends + FREE domain! Check it out NOW!
 

Translate

who are we?

DART Creations is run by David Attard - working in and around the web design niche for more than 12 years, we provide actionable tips for people who work with and on websites. We also run DronesBuy.net - a website for drone hobbyists

David attard

Follow us on Social

         

 

 

 

Popular Content

Joomla extensions to take your website to the NEXT level

Is your Joomla website reaching its full potential? We install many of these extensions on almost ALL of our Joomla sites - why don't you check them out our list of Joomla Extensions and see whether you can take your site to the next level?

Where are we hosted?

This site is proudly powered by FAST VPS InMotion Servers and given an insane speed thanks to MaxCDN!

Web Hosting MaxCDN - Speed up your website

 

InMotion Hosting Review - Recommended Web Hosting servers for business, Joomla, WordPress and ecommerce websites.

InMotion Hosting Review

Advertise on DART-Creations.com

DART Creations is interested in developing partnerships with mutual benefit. If you like the stuff we publish and would like to develop a relationship, we'd be happy to hear from you. Go on - drop us a line - we'd love to hear from you :-)

The Outstanding HunGRYJPEG Bundles

AWESOMENESS! Bundles of premium font + graphic packs at more than 96% OFF!  Get this bundle for just $29 - This month ONLY!

The Hungry JPEG Awesome font bundles

New! DIVI 3.0 WordPress TeMPLATE + PageBuilder - 10% OFF Limited Launch offer

You'll surely create a perfect website with Divi 3.0!

Divi 3