FlashMP3alizer
Demo
Below are some regular links, with no mention of JavaScripting at all. The code for the first link, for example, is <a href="betty.mp3">betty</a>
.
Click randomly on a bunch of them to see what happens.
betty creeeeak creeeeak again creeeeak yet again(I repeated the same file several times because of bandwith, but you can link as many files as you want)
What this script does is convert regular links to mp3 files into something you can click to queue a song up and right click and choose "save as" to download.
Usage
- Download and unzip the FlashMP3alizer and NiftyPlayer.
- Add the lines below to your HTML file:
<script type="text/javascript" language="javascript" src="niftyplayer.js"></script> <script type="text/javascript" language="javascript" src="flashmp3alizerconf.js"></script> <script type="text/javascript" language="javascript" src="flashmp3alizer.js"></script>
- Edit flashmp3alizerconf.js to make sure playlistFile points to where playlist.html is in your system
- Optional: If you know HTML and CSS, customize playlist.html to fit your taste
Wishlist:
Make it work in IEdone! (version 0.2)Make the popup reusable when you change site and leave the popup open.done! (version 0.3)- Add more options, like "play all", and "play all files in selection"
- Add a "clear" button
- Make the playlist songs moveable
- Make it work without a popup (if desired, as per the configuration file)
- Allow preset playlists -- although i have to figure out how to implement this one: i'm thinking about using divs to separate the different playlists or something like that.
- Make the niftyplayer read an xml file with color information, so you can match your site's theme
- Id3 support would be good
Download
(This script is licensed under the MIT License, which, to put it in non-legal terms, allows you to share, use and modify it. Even for commercial purposes. Check out the Wikipedia article on this license for more.)
You will also need NiftyPlayer.
News
I fixed a major bug, so i bumped it to version 0.4. The bug was in the way i was loading the script, which would sometimes happen BEFORE the page was completely loaded, causing things to royally screw.
Whoever was using this script with the useOnLoad set to "true", should now try with "false" and tell me if it works. The useOnLoad method is a sure-thing way of doing things, but it's much slower for image-heavy pages than the way i have now.
If you can't be bothered with this jibbajabba, just plug the scripts right before the </body> tag (and set useOnLoad:false). This is the ugly way of fixing any bugs I may eventually find in my new loading script.
Now with "News" section!