Be sure to read the 'READ ME' file...no really...
* use myPod.html and myPod-slim.html as an example if need be
STEP 1
copy and paste the below 2 scripts between your <head> </head> tags
CODE:
-
<script type="text/javascript" src="swfobject.js"></script>
-
<script type="text/javascript" src="js-to-flash.js"></script>
STEP 2
copy and paste the below code where you want the webPod in your page
CODE:
-
<div id="flashcontent" style="text-align:center;">
-
You need to download the Flash player from Adobe to use the webPod.
-
</div>
-
-
<script type="text/javascript">
-
var so = new SWFObject("webPod.swf", "webPod", "165", "265", "8", "#ffffff");
-
so.addParam("quality", "best");
-
so.addParam("wmode", "transparent");
-
so.addParam("flashvars", "xmlFile=tunes.xml");
-
-
so.write("flashcontent");
-
</script>
STEP 3
- In the above code, modify the path to the webPod.swf file.
- If you're using the webPod-slim then change the above code from webPod.swf
to webPod-slim.swf and change the width from 165 to 125.
- change the flashvars "xmlFile=tunes.xml" to the correct path if need be.
STEP 4
make sure the song title in the playSong method is identical to the one in
the title in the XML file. IT IS CASE SENSITIVE
CODE:
-
<a href="javascript:playSong('Lost Someone')">Lost Someone</a>
STEP 5
Upload your MP3s and modify the tunes.xml file
