#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!