Zymic Webmaster Forums > How To Add An Mp3 Player To You're Website

Full Version: How To Add An Mp3 Player To You're Website

Zymic Webmaster Forums > Zymic Free Web Hosting > Tutorials

ben padgett

Oct 26 2009, 09:05 PM

In this tutorial i will guide you through the process of adding a website MP3 player to you're website. Click here to see mine just so you know that it will work.

1. Sign up to Fileden by clicking here. Use the free option. Fill all details in. It should look like this:

2. Make sure that all of the MP3 files that you want on you website are .MP3 otherwise the player will not recognize them. For a free converter click here and scroll to the bottom of the page where it says Download SUPER © setup file.

3. You will now need to upload all of the MP3 files that you want to use for the MP3 player that is going to be on you're website. (Upload to Fileden)Please note that Fileden will not allow copyrighted material, and Zymic will not allow linking to copyright material. So if you do upload copyrighted material on fileden, and host the MP3 player on Zymic, it will be deleted.

4. After all of the files that you want to use are uploaded, download the files needed for the MP3 player by clicking here.Extract all of the files so the you have them all in one folder.

5. Open up the file called playlist using notepad by right clicking and selecting open with then notepad

6. You should now see a code like this:

CODE

<?xml version="1.0" encoding="UTF-8"?>
<xml>
    <track>
        <path>PUT THE WEB ADDRESS OF THE FILE YOU WANT. FOR EXAMPLE HTTP://WWW.FILEDEN/FILE1.MP3</path>
        <title>PUT THE TEXT THAT YOU WANT TO APPEAR FOR THE SONG NAME</title>
    </track>
    <track>
        <path></path>
        <title></title>
    </track>
    <track>
        <path></path>
        <title></title>
    </track>
    <track>
        <path></path>
        <title></title>
    </track>
    <track>
        <path></path>
        <title></title>
    </track>
    <track>
        <path></path>
        <title></title>
    </track>
    <track>
        <path></path>
        <title></title>
    </track>
    <track>
        <path></path>
        <title></title>
    </track>
    <track>
        <path></path>
        <title></title>
    </track>
    <track>
        <path></path>
        <title></title>
    </track>
    <track>
        <path></path>
        <title></title>
    </track>
    <track>
        <path></path>
        <title></title>
    </track>
</xml>

7. In between <path> and </path> put the location of the file in web address form. For example if i have a song at:
http://fileden.com/upload/ben_p_My_MP3.mp3
The code for the path will look like this:

CODE

<path>http://fileden.com/upload/ben_p_My_MP3.mp3</path> 

If you dont know the location of the file go to you fileden account and select files option up in the navigation bar. Locate the file that you want the URL of, and right click it. Select properties then select URL. Copy all the characters that are in the box that appears. Here is a picture to help.

8. In between the <title> and </title> put the text that you want to appear within the player for the song name. For example if i have 'Ben P My Mp3 at http://fileden.com/upload/ben_p_My_MP3.mp3 the title i will use is:
Ben P - My MP3. The result of this will be:

CODE

<title>Ben P - My MP3</title>

So the final code for ben_p_My_MP3 would be:

CODE

<track>
              <path>http://fileden.com/upload/ben_p_My_MP3.mp3</path>
              <title>Ben P - My MP3</title>
</track>

9. Do this for all the song you have so that when you have finished you will have your playlist file. If you dont finish all of the playlist file simply leave in between the tags blank , or simply delete them. It will look like this:

CODE

</track>
	<track>
		<path></path>
		<title></title>
	</track>
	<track>
		<path></path>
		<title></title>
	</track>
	<track>
		<path></path>
		<title></title>
	</track>
	<track>
		<path></path>
		<title></title>
	</track>
	<track>
		<path></path>
		<title></title>
	</track>

10. Now open the file called sampleEmbedCode with notepad. (the file is in the download) Find and copy the following from the file:

CODE

&lt;script type="text/javascript" src="swfobject.js"></script>
        
<div id="flashPlayer">
  This text will be replaced by the flash music player.
</div>

&lt;script type="text/javascript">
   var so = new SWFObject("playerMultipleList.swf", "mymovie", "545", "700", "7", "#FFFFFF");  
   so.addVariable("autoPlay","no")
   so.addVariable("playlistPath","playlist.xml")
   so.write("flashPlayer");
</script>

11. Paste the code into the body of the html page that you want it to display on and set the allignments to suit your webpage by editing the following part of the code:

CODE

mymovie", "545", "700", "7"

12. Upload the following files from the download: playerMultipleList, playlist, swfobject as well as the html document you embedded it on. Make sure that all of the files are uploaded to the same directory otherwise it will not work.

You're done. Enjoy the MP3 Player

GAMEPASS - MUSIC PLAYER I will remind people using the player that the use of copyright material will not be tolerated by Zymic. If you are found misusing the player it will be deleted straight away.

BAD BOY

Oct 27 2009, 01:41 AM

nice tutorial!!!!!
i just wanna make sure is it okey with the terms & conditions

Oct 27 2009, 02:54 AM

QUOTE(BAD BOY @ Oct 27 2009, 01:41 AM)

nice tutorial!!!!!
i just wanna make sure is it okey with the terms & conditions

As long as you, or your band made the music it's fine, otherwise, chances are you won't be allowed to use it.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.