ColdFusion, WordPress, Flash & other web things


Audio Player Wordpress plugin

File name:
audio-player.zip
Version:
1.2.3
Last updated:
4 September 2006
Requirements:
Wordpress 1.5 - 2.3

If you wish to make a donation to the author of the Audio Player plugin (that’s me), use the Paypal button.

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.mp3

    WordPress 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:

Player colour options

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

  1. Extract and upload the files to your plugins folder
    You should end up with this folder structure:
    Folder structure
  2. Create a folder in your blog root (where your wordpress install lives) where you will store all your mp3 files
    I recommend an audio folder 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.
  3. Activate the plugin in your WP admin
  4. 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

Upgrade wizard screenshotAudio 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 /audio folder
  • 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/)

Contents Download


Download audio-player.zip

2774 comments

Pages: « 278271 270 269 268 267 [266] 265 264 263 262 2611 » Show All

  1. #2660: Johann Says:

    Works perfect the last 2.5 years.

    Thanks Martin.

    Why can’t noobs read instructions first?

    Reading the noobs here is like listening to a broken record. Spend 1 hour to review past comments, read the instructions on how to install properly. Don’t ask the same question day after day after day.

  2. #2659: Damn Says:

    Not working, Does not show up in wordpress. Checked the /audio directory and the [audio:file.mp3] tags but still doesnt show up.

    Why can’t wordpress develop a professional plugin?

  3. #2658: WinGer Says:

    Hi, i have a problem, my blog has a black background and the audio player has a white background (when the audio player is closed) that i can’t change.

    I’ve someone could help me please.

    Thank you.

  4. #2657: Ian Says:

    I saw this plugin on a few blogs and had to have it for my own. I installed it and read all the instructions but it is just not working. I tested my file path and the mp3 files play via quicktime in my browser so they are good. my code looks as it is supposed to [audio:wic.mp3] but as you can see if you go to my blog, I get an error loading file. I tried with another mp3 to make sure it was not just a bad file or something, and it gave me the same error.

    thanks in advance for any help.

  5. #2656: Lisa Says:

    Hi, thanks for your work this is a really sleek little player plugin.

    I have one question on it though. I want to use the plugin to provide some free podcast-type content for visitors to our site. I did a test, following Mindy’s tutorial to insert the player on a relevant html page on the site and it worked fine.

    When using the player this way rather than on Wordpress, is it still possible to use the options panel? If so could someone advise me on how I can make it work - just uploading the options panel php and navigating to it I get an error. Basically I’d like to add a download link with each player so that the user has a choice of whether to listen on the page or download the file and it seems like this would be possible in the options. If not, is there a way I can do it in my code?

    Thanks

    Lisa

  6. #2655: Kedar \ Says:

    Hi Guys,
    PLease a little help. I have successfully added audioplayer as a plugin to wordpress. Now, i can’t play any mp3 file which has underscores “_” i have to delete these out of the filename before the audioplayer can “read” the file.

    Most Importantly, please help, i have encoded a wav file into .MP3 and uploaded it, and correctly given the write location of the file in the code for the post. But it is playing the audiofile too quickly almost like chimpmunks voices. I have tried the file on my mp3 player and it sounds fine…

    Wouold anyone have any ideas?

    Thanks for your time…

  7. #2654: philip Says:

    hey =) great plugin i just cant make it work =( ive tried placing the audio folder almost everywhere and it just says error opening file, what can be the problem? best regards

  8. #2653: Jason Grigsby Says:

    Hi Martin,

    I’m interested in modifying the audio player to include the code necessary for it to track usage via Google Analytics. Is there any chance you can share the FLA?

    We’ve got a client who is interested in having this functionality added to the podpress plugin so our development could be funded. Assuming we can get it to work, we’d be happy to contribute it back to your project.

    I looked for a way to contact you directly without any success. Feel free to email me if you want to discuss this further.

    Thank You,

    Jason

  9. #2652: Anton Says:

    Thanks a lot! Pick up a donation … :)

  10. #2651: funnot Says:

    Hello

    Thanks for the great plugin.

    I wanted to notice you that it has some trouble working with the plugin Simple Tags

    To fix this, in the audio player code, “add_filter(’the_content’, ‘ap_insert_player_widgets’);” has to be replaced by “add_filter(’the_content’, ‘ap_insert_player_widgets’, 3);”

Pages: « 278271 270 269 268 267 [266] 265 264 263 262 2611 » Show All

Leave a comment