CodeArt – Google MP3 Player

Embedding MP3 audio files using Google MP3 Audio Player.

Author:CodeArt (profile at wordpress.org)
WordPress version required:3.0
WordPress version tested:3.5.2
Plugin version:1.0.11
Added to WordPress repository:08-05-2012
Last updated:01-07-2013
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:84
Rated by:22
Plugin URI:http://wordpress.org/extend/plugins/google-mp...
Total downloads:41 863
plugin download
Click to start download

The CodeArt - Google MP3 Player plugin allows you to easily embed any mp3 file in your wordpress website. You can put the player in any post, page or widget area.

  • Added HTML 5 version for all browsers now, in case the browser doesnt support HTML it will fall back to the default flash player (in version 1.0.9)
  • Added HTML5 support for iPhone (in version 1.0.8)

How to use the plugin?

First after installing the plugin go to the plugin options page which can be found under Settings -> Google Mp3 Player

Set up / change the default settings of the plugin here.

Note: You can overwrite these settings for each player you add, with using the shortcode attributes (explained below)

How to add/embed new player

Option 1: Copy the shortcode you are presented with at the plugin option page and replace the URL attributes. Best used when you want to embed the player in widget areas where you dont have the visual editor, or when you use just the text editor within wordpress.

Option 2: When using the visual editor you will see a small 'note' icon next to the Add Media button. By clicking that you will be presented with list of options which are needed for the player shortcode. You can change the default settings you have set on the plugin options page. Click Insert and you are done.

Note: It's reccomended to use OGG files along with the MP3 files if you want Firefox to display the HTML5 player. By default Firefox does not support HTML5 with MP3 files. You can use this online tool http://media.io/

Example shortcode:

[ca_audio url_mp3="audiofile.mp3" url_ogg="audiofile.ogg" width="400" height="50" css_class="codeart-google-mp3-player" autoplay="false" download="true" html5="true" skin="small" align="none"]

Don't forget to replace the example url's with your real ones.

Shortcode Attributes

  • url_mp3 - Full URL to the MP3 audio file which you want to embed in the posts [Required].
  • url_ogg - Full URL to the OGG audio file which you want to embed in the posts [Optional but reccomended for use of HTML5 on Firefox browser].
  • width - Width of the MP3 player (must be integer) [optional].
  • height - Height of the MP3 player (must be integer) [optional].
  • autoplay - Automatically start the song [optional, default is false].
  • download - Automatically add download button next to the player for each song [options, default is false]
  • html5 - Choose whether to use the HTML5 player. [optional, defalt is false, usefulf if you want mobile devices to play the song]
  • skin - Choose whether to use the small or the big HTML5 skin. [optional, takes effect only when HTML5 is set to true, values are "small" and "regular"]
  • align - You can choose to align the player right/left/center/none [Optional, default is none]
  • css_class - This is for the developers. [optional]