WordPress.org

Ready to get started?Download WordPress

Plugin Directory

CodeArt - Google MP3 Player

Embedding MP3 audio files using Google MP3 Audio Player.

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]

Requires: 3.0 or higher
Compatible up to: 3.5.2
Last Updated: 2013-7-1
Downloads: 40,123

Ratings

4 stars
4.2 out of 5 stars

Support

0 of 1 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

75,4,3 100,2,2
50,4,2 100,1,1
100,1,1 75,4,3 100,1,1
100,1,1 100,1,1 100,1,1 40,5,2 100,1,1
100,3,3 0,1,0 100,5,5 50,2,1
100,1,1 100,2,2
100,2,2
100,1,1
100,2,2