Audio Player Wordpress plugin
If you wish to make a donation to the author of the Audio Player plugin (that’s me), use the Paypal button.
Audio Player 2.0 beta is now available!
Table of contents
If you want to use this player on a non-WordPress site, Mindy McAdams has written a very detailed tutorial here.
Important note: This plugin only works in posts and pages. It does NOT work in headers, sidebars or footers and I do not provide support for placing it there.
Other important note: This plugin only plays MP3 files. This is a limitation of the Adobe Flash Player.
Contents Usage
Once installed, this plugin allows you to insert mp3 audio files into your posts and pages. Use the following syntax:
[audio:name_of_mp3_file.mp3]
This code will insert a flash player and will load the file named name_of_mp3_file.mp3 located in your audio files folder. You can store your audio files anywhere in the web root as long as you update the path in the plugin’s options panel. The default is /audio.
You can also use absolute paths to link to files on other servers:
[audio:http://www.somedomain.com/path/to/name_of_mp3_file.mp3]
Audio Player can also play a sequence of audio clips. Use commas to separate the files:
[audio:name_of_mp3_file1.mp3,name_of_mp3_file2.mp3,name_of_mp3_file3.mp3#093;
You can also pre-append and post-append a clip to all your players. Explained in the Podcasting section.
Contents Examples
Default colour scheme
Custom colour scheme
Contents Podcasting
If you are using the player for a podcasting blog, Audio Player has special options just for you.
Enclosures
If you are unsure what an enclosure is, read the definition on Wikipedia. You have 3 options:
- If you set your enclosures manually, Audio Player can insert a player automatically at the end of your posts. Select the Enclosure integration option in the Audio Player options panel.
- If you let WordPress set enclosures automatically (by reading mp3 links in your posts), you can still use the Enclosure integration option.
- You can also use the
[audio]syntax but you must use absolute URLs:e.g.
http://www.somedomain.com/path/to/name_of_mp3_file.mp3WordPress will automatically detect the file and set the relevant enclosure option for you.
Pre/Post appended clips
You may wish to pre-append or post-append audio clips into your players. To do this, enter the full urls in the relevant section of the options panel. The pre-appended audio will be played before the main audio, and the post-appended will come after. A typical podcasting use-case for this feature is adding a sponsorship message or simple instructions that help casual listeners become subscribers. This will apply to all audio players on your site. Your chosen audio clips should be substantially shorter than your main feature.
Contents RSS Feeds
You have a choice over what to show in your RSS feed:
- A download link: Choose this if you are OK with subscribers downloading the file.
- Nothing: Choose this if you feel that your feed shouldn’t contain any reference to the audio file.
- Custom: Choose this to use your own alternative content for all player instances. You can use this option to tell subscribers that they can listen to the audio file if they read the post on your blog. You can set the content in the options panel.
Go to the options panel to set these options.
Contents The “chipmunk” effect
The Macromedia Flash player has a problem playing files that are encoded at a rate that is not a multiple of 11.025 kHz. This effect is sometimes called the “chipmunk†effect: the file is played at double speed. To avoid this, encode MP3s at 11.025 kHz 22.050 kHz or 44.100 kHz.
Contents Colour scheme
The entire player colour scheme is customisable. Use the Audio Player options panel in your WP admin to set the colour scheme of your player. You can also change the colours per player instance by using runtime options. Here are the colours that you can set:

Contents Runtime options
Use these if you want to use a different colour scheme for a particular player instance. You can also make the player open automatically or loop the loaded clip. You can pass a number of options to a player instance. To do this use the following syntax:
[audio:name_of_mp3_file.mp3|option1=value|option2=value]
| Option | Effect |
|---|---|
| autostart=yes | The player will automatically open and start to play the track (default value is no) |
| loop=yes | The track will be looped indefinitely (default value is no) |
| bg=0xHHHHHH | Background colour option (where HHHHHH is a valid hexadecimal colour value such as FFFFFF or 009933) |
| leftbg=0xHHHHHH | Left background colour |
| rightbg=0xHHHHHH | Right background colour |
| rightbghover=0xHHHHHH | Right background colour (hover) |
| lefticon=0xHHHHHH | Left icon colour |
| righticon=0xHHHHHH | Right icon colour |
| righticonhover=0xHHHHHH | Right icon colour (hover) |
| text=0xHHHHHH | Text colour |
| slider=0xHHHHHH | Slider colour |
| loader=0xHHHHHH | Loader bar colour |
| track=0xHHHHHH | Progress track colour |
| border=0xHHHHHH | Progress track border colour |
Example:
[audio:name_of_mp3_file.mp3|autostart=yes|bgcolor=0x000000]
This will set the main background colour of the player to black and automatically start the player when the page loads.
Contents Installation
- Extract and upload the files to your plugins folder
You should end up with this folder structure:
- Create a folder in your blog root (where your wordpress install lives) where you will store all your mp3 files
I recommend anaudiofolder in the root of your blog so it doesn’t interfere with your WP install. If you wish to use another folder, remember to change the audio files directory option on your options panel. - Activate the plugin in your WP admin
- Go to Options > Audio Player in the WP admin
Here, you can choose how you want to use Audio Player and also set the colours to match your site’s design.
Contents Upgrading from 0.x to 1.x
Once installed, the old player is overwritten with the new one and all colour options should be transfered to the new scheme. Some adjusting to the slider and loader bar colours might be necessary.
Contents Upgrade wizard
Audio Player comes with an upgrade wizard. On the options panel, you can find out if a new update is available by clicking the Check for updates button. If an update is available, you will be prompted to open the upgrade wizard. Simply click Upgrade and the wizard will download the latest version and install it for you. Note: The upgrade wizard relies on some PHP functionality that is not available on all server configurations. You host may have disabled these features, in which case the upgrade wizard will be disabled.
Contents Change log
1.2.3 (4 September 2006)
- Added a page background option. Transparent is no longer the only option. Transparent backgrounds can create problems for Firefox and some WordPress themes.
1.2.2 (14 February 2006)
- “replace all mp3 links” now works with uppercase href attribute in
<a>tags
1.2.1 (12 February 2006)
- Fixed bug with “replace all mp3 links” option (now supports extra attributes in
<a>tags)
1.2 (07 February 2006)
- Added configurable behaviour options: [audio] syntax, enclosure integration and mp3 link replace
- Added configurable RSS alternate content option: insert download link, nothing or custom content
- Amended player to allow for clip sequence playback
- Implemented post/pre append clip feature
- Check for updates and automatic upgrade feature
- Player now closes automatically if you open another one on the same page
- Minor improvements to slider bar appearance
- Fixed a problem with colour options in Flash 6
- Added player preview to colour scheme configurator
- Improved plugn php code syntax
1.0.1 (31 December 2005)
- All text fields now use device fonts (much crisper text rendering, support for many more characters and even smaller player file size)
- General clean up and commenting of source code
1.0 (26 December 2005)
- Player now based on the emff player
- New slimmer design (suggested by Don Bledsoe)
- More colour options
- New slider function to move around the track
- Simple scrolling ID3 tag support for title and artist (thanks to Ari)
- Time display now includes hours for very long tracks
- Support for autostart and loop (suggested by gotjosh)
- Support for custom colours per player instance
- Fixed an issue with rss feeds. Post content in rss feeds now only shows a link to the file rather than the player (thanks to Blair Kitchen)
- Better handling of buffering and file not found errors
0.7.1 beta (29 October 2005)
- MP3 files are no longer pre-loaded (saves on bandwidth if you have multiple players on one page). Thanks go to Craig Leikis for warning me about this one
0.7 beta (24 October 2005)
- Added colour customisation options.
0.6 beta (23 October 2005)
- Fixed bug in flash player: progress bar was not updating properly.
0.5 beta (19 October 2005)
- Moved player.swf to plugins folder
- Default location of audio files is now top-level
/audiofolder - Better handling of paths and URIs
- Added support for linking to external files
0.2 beta (19 October 2005)
- Bug fix: the paths to the flash player and the mp3 files didn’t respect the web path option. This caused problems for blogs that don’t live in the root of the domain (eg www.mydomain.com/blog/)

July 28th, 2008 at 11:31 am
I’ve seen this at work on audiotuts.net. I’ll give it a shot me think!
July 28th, 2008 at 12:31 am
Hi Kelly,
Ya, my pc supported Chinese, please take a look
http://weradio.co.cc/?page_id=11
Thank you
July 28th, 2008 at 12:28 am
Jeff, where’s your site? Are Chinese fonts already installed on your pc?
July 27th, 2008 at 7:43 pm
Hi All,
Seem no anybody respond to the Chinese (UTF-8) character display in unrecognized code, is it really no way to fit it??
July 25th, 2008 at 8:05 pm
How do i get the player to function in the sidebar? It works properly in the posts and pages. Thanks
July 24th, 2008 at 9:46 am
I’ve installed the plugin and activated it… and I tried to upload into my web root via http://ftp. but it is saying that the mp3 is too big. am i doing something wrong? do i need to reconfigure the file or compress. Sorry all the questions. I have no idea.
July 23rd, 2008 at 3:14 pm
@colin: Just checked your site in FF 3 (on Windows) and it works fine. Can you see the player on my site in FF3?
Also look at Audio Player version 2.0 here: http://wpaudioplayer.com
Martin
July 23rd, 2008 at 3:11 pm
hi
Just realised it’s not showing in Firefox 3 - working in Safari. Is a fix imminent?
July 23rd, 2008 at 3:08 pm
hi
I really like the look of your audio player but am having trouble making it appear on a site I’m working on. The site address with the post that doesn’t seem to want to show your player is at http://www.rokbun.com/?p=1
When you view this page, there is just a blank bar across where the player should be appearing and when I view the source code, there are a lot of extra characters placed within the link to the external audio file which should just be
http://www.ubisanmanagement.com/test/test.mp3
please someone help!
July 23rd, 2008 at 12:42 pm
This is a nice plug in it took me a while to get it installed properly but its works well.