WordPress.org

Plugin Directory

SE HTML5 Album Audio Player

An HTML5 Album Audio Player. A plugin to archive, present, and play collections of mp3s (or other html5 audio formats) as albums within your post.

Download & Install

  1. Download SE HTML5 Album Audio Player
  2. Unzip the downloaded archive
  3. Upload the unzipped folder to the /wp-content/plugins/ directory
  4. Activate the plugin through the ‘Plugins’ menu in WordPress

Usage

CREATE & INSERT ALBUMS

  1. Create an album from the "Albums" menu tab.
  2. Give the Album a title.
  3. Upload any number of audio files to this album by using the "Add Media" button. (NOTE:As of the last update of this plugin, I still recommend using .mp3 files for the widest reception). Any audio files uploaded to this album will become it's tracks. Drag the audio files into the correct album order. Rename tracks here in the media dialog if you like. The "Title" field of an individual audio upload will be used as the title of that track in the playlist. NOTE: WHen arranging an album's tracks from the media dialog, it's useful to select "Uploaded to this post" from the dropdown menu to filter out tracks and other content that is not part of the album.
  4. Close the media Dialog. You do not need to 'Insert into post'.
  5. Set a featured image for the album. This image will serve as the album cover.
  6. Now you're ready to insert the album into a post or page. Edit or create a new post and use the Visual Editor button "SE Albums" to select an album from your collection to insert. This will insert a short tag like [SE_Album_player album_id=23]
  7. If you want to allow your visitors to easily download the playlist tracks, select the [DL] version of your album from the TinyMCE "SE Albums" dropdown. This version will have a download button for each item in the playlist.

USE AUTOPLAYER

You might not want to create albums in advance and on occasion (or regularly) just use this plugin as an audio player for the tracks already embedded in your post. To use it this way is simple.

  1. Navigate to a new post or the post you want to insert the player into.
  2. Select the Autoplayer option from the SE Album TinyMCE dropdown. This will insert the shortcode and determine where your player will show up in your post.
  3. Any mp3, ogg, or wav files that are embedded into a post with the Autoplayer will be collected and made available to play through the player.
  4. If you want to allow your visitors to easily download the playlist tracks, select the Auto Player [DL] from the TinyMCE "SE Albums" dropdown. This version will have a download button for each item in the playlist.

Note: If you want to use a cover image for an auto player, add the following to the shortcode after it is inserted where XXXXX is the url of the cover image: cover=XXXXX So in context it might look something like:

[SE_album_player album_id=autoplayer dl=true cover=http://www.metalsucks.net/wp-content/uploads/2013/03/Monkey-Mia-MJK-Australia.jpg]

Note: You can wrap the player shortcode in html and further style the player with your own CSS. The player assumes the full width of its container so if you want to give the player a specific width (fluid or fixed) or float it left or right, just wrap it in a <div> and style accordingly.

Requires: 3.5 or higher
Compatible up to: 3.6.1
Last Updated: 2013-8-2
Active Installs: 400+

Ratings

4.3 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

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

100,1,1
100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1 100,1,1
33,6,2
0,2,0
0,1,0