MP3 player plugin
So, here it is. My very first wordpress plugin.
What’s this?
It’s an inline mp3 player with a html interface. An alternative to the many Flash players and plugins you find here and there. This player is in fact also a flash mp3 player, but without the flash interface. You can still interact with it by clicking and dragging, but everything you click is made with html/css and javascript.
What is it made of?
The mp3 player is composed of two components. On the first hand it’s the excellent javascript soundkit by Gustavo Ribeiro Amigo which makes a javascript interface to a Actionscript Sound Object. On the other hand there’s the slider from script.acoul.us.
History?
The first version of this inline mp3 player I (joep-i.nl) made for the clone recordshop. It enabled this shop to preview the music they sell without the troubles you get from third party players. The music plays right where you click and you can stop the music by clicking again.
Example
By linking to an mp3 file such as:
You get to see a link with a little icon behind it. If you click the link, you should see something like this.
Click the sliding box and drag it back and forth to skip in the music. Click the link again to stop the music playing. It’s easy.
Installing
Using the plugin is easy.
- Download one of the zip files
- Install in the plugins directory in your wordpress weblog
- Switch on the plugin
- Create a new posting
- Put a link directly to an mp3 file in it, like you would normally do
- Save and check
- That’s all, you should see a preview link and clicking it will start the music (only when the link is correct of course)
Customize
Feel free to change and customize this player. You can do by changing the stylesheet (mp3inline/css/player.css) and the parameters in the javascript class (mp3inline/javascripts/player.js).
