[{"name":"Able Player, accessible HTML5 media player","slug":"ableplayer","version":"1.2.0","author":"Terrill Thompson","author_profile":"https://profiles.wordpress.org/terrillthompson/","requires":"4.9","tested":"6.4.5","requires_php":"7.0","requires_plugins":[],"rating":94,"ratings":{"1":0,"2":0,"3":0,"4":1,"5":2},"num_ratings":3,"support_threads":0,"support_threads_resolved":0,"downloaded":3402,"last_updated":"2023-11-22 5:34pm GMT","added":"2019-11-21","homepage":"https://github.com/ableplayer/ableplayer-wordpress","sections":{"description":"

This plug-in uses Able Player, an open-source fully-accessible cross-browser HTML5 media player, to embed audio or video within your WordPress page.

Instructions for Use

There are currently two ways to add an Able Player instance to a WordPress site:

\n
Enter or paste any valid HTML5 Able Player code into your web page. Full documentation is available on the Able Player project page on GitHub.
\n
\n
Enter an [ableplayer] shortcode. The shortcode is intended for adding videos hosted on YouTube or Vimeo, with captions and subtitles hosted on these services. For anything more complex, use HTML.
\n

The [ableplayer] shortcode

The [ableplayer] shortcode supports the following attributes.

Required attributes (one of these)

youtube-id – 11-character YouTube ID or YouTube URL.
vimeo-id – Vimeo ID or URL.

Optional attributes

youtube-desc-id – YouTube URL or ID of a described version of the video
vimeo-desc-id – Vimeo URL or ID of a described version of the video
youtube-nocookie – “true” or “false” (use “true” to embed YouTube untracked, for added privacy)
id – a unique id for the player (if omitted, one will be automatically assigned)
autoplay – “true” or “false” (default is “false”)
loop – “true” or “false” (default is “false”)
playsinline – “true” or “false” (default is “true”). By setting to “false”, some devices (e.g., iPhones) will play the video in their own media player rather than in Able Player.
hidecontrols – “true” or “false” (default is “false”). Set to “true” to enable the player controls to fade away during playback. They will appear again if the user hovers over the player or pressing a key, and they are always accessible to screen reader users.
poster – the URL of a poster image, displayed before the user presses Play
width – a value in pixels (by default, the player will be sized to fit its container)
height – a value in pixels (by default, the height of the player will be in proportion to the width)
heading – The HTML heading level (1-6) of the visually hidden “Media Player” heading that precedes the player (for the benefit of screen reader users). If omitted, a heading level will be intelligently assigned based on context.
speed – “animals” or “arrows” (default is “animals”)
start – start time at which to start playing the media, in seconds. Some browsers do not support this.
volume – “0” to “10” (default is “7” to avoid overpowering screen reader audio). Some browsers do not support this.
seekinterval – number of seconds to forward/rewind with the Forward and Rewind buttons. If omitted, the interval will be intelligently assigned based on length of the video.
nowplaying – “true” or “false” to include a “Selected Track” section within the media player (default is “false”).

Examples

Example 1

This example uses HTML to add an audio player to the page, with one source (an MP3 file).
\n html \n <audio id=\"audio1\" preload=\"auto\" data-able-player src=\"path_to_audio.mp3\"> \n </audio>

Example 2

This example uses HTML to add a video player to the page, with one source (an MP4 file) and four tracks (for captions, descriptions, and chapters in English; and subtitles in Spanish).
\n html \n <video id=\"able-player-1\" data-able-player preload=\"auto\" poster=\"path_to_image.jpg\"> \n <source type=\"video/mp4\" src=\"path_to_video.mp4\"> \n <track kind=\"captions\" src=\"path_to_captions.vtt\" srclang=\"en\" label=\"English\"> \n <track kind=\"subtitles\" src=\"path_to_subtitles.vtt\" srclang=\"es\" label=\"Español\"> \n <track kind=\"descriptions\" src=\"path_to_descriptions.vtt\" srclang=\"en\"> \n <track kind=\"chapters\" src=\"path_to_chapters.vtt\" srclang=\"en\"> \n </video>

Example 3

This example uses a shortcode to add a YouTube player to the page, with two versions of the video, one with audio description and the other without (the user can toggle between the two versions using the D button).
\n [ableplayer youtube-id=\"XXXXXXXXXXX\" youtube-desc-id=\"YYYYYYYYYYY\"]

Example 4

This example uses a shortcode to add a Vimeo player to the page, with two versions of the video, one with audio description and the other without (the user can toggle between the two versions using the D button).
\n [ableplayer vimeo-id=\"XXXXXXXXX\" vimeo-desc-id=\"YYYYYYYYY\"]

Roadmap

Provide a user interface by which authors can select and configure default options through WordPress.
Interface directly with WordPress media libraries so users can select their media files and other assets rather than typing in URLs.

\n","installation":"

Upload the unzipped folder ableplayer to the /wp-content/plugins/ directory.
Activate the Able Player plugin through the ‘Plugins’ menu in WordPress
Follow the Instructions for Use

\n","changelog":"

1.2.0

Update Able Player to 4.5.0, while retaining 4.4.1 scripts.
Make scripts sensitive to SCRIPT_DEBUG or wp_get_environment_type() for easier debugging.
Add unminified versions of CSS.
Add filters to customize JS and CSS urls.
Add filter documentation.
Add DEBUG constant.
Add activation and deactivation routines.
Update to WordPress PHPCS standards.
Add generated documentation of hooks at http://ableplayer.github.io/ableplayer-wordpress/

1.1

Update Able Player to 4.4.1

1.0

Initial version

\n","screenshots":"

$\"Able$
Able Player as an audio player
$\"Able$
Able Player as a video player, showing captions and an auto-generated interactive transcript

"},"short_description":"Accessible HTML5 media player","download_link":"https://downloads.wordpress.org/plugin/ableplayer.1.2.0.zip","screenshots":{"1":{"src":"https://ps.w.org/ableplayer/assets/screenshot-1.png?rev=2198369","caption":"Able Player as an audio player"},"2":{"src":"https://ps.w.org/ableplayer/assets/screenshot-2.png?rev=2198369","caption":"Able Player as a video player, showing captions and an auto-generated interactive transcript"}},"tags":{"accessibility":"accessibility","audio":"audio","html5":"HTML5","media":"media","video":"video"},"versions":{"1.0.0":"https://downloads.wordpress.org/plugin/ableplayer.1.0.0.zip","1.2.0":"https://downloads.wordpress.org/plugin/ableplayer.1.2.0.zip","trunk":"https://downloads.wordpress.org/plugin/ableplayer.zip"},"donate_link":"","icons":{"1x":"https://ps.w.org/ableplayer/assets/icon.svg?rev=3000310","svg":"https://ps.w.org/ableplayer/assets/icon.svg?rev=3000310"}},{"name":"Wp-Grooveshark","slug":"wp-grooveshark","version":"0.26","author":"Ezequiel Prieto","author_profile":"https://profiles.wordpress.org/eprieto/","requires":"2.0.0","tested":"2.9.2","requires_php":false,"requires_plugins":[],"rating":0,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"downloaded":1121,"last_updated":"2010-05-03 5:25am GMT","added":"2010-05-03","homepage":"http://www.ezequielprieto.com.ar/wp-grooveshark.html","sections":{"description":"

This plugin get the info of your account in Grooveshark, and adds it to the sidebar of your blog for share it with your audience.

\n","installation":"

So simple! Uncompress the tar.gz that you downloaded, and upload the files to your wp-content/plugins/ folder. Thats all, folks!

\n"},"short_description":"This plugin adds info of your Grooveshark to your widgetizable sidebar.","download_link":"https://downloads.wordpress.org/plugin/wp-grooveshark.zip","screenshots":[],"tags":{"favorites":"favorites","grooveshark":"grooveshark","nowplaying":"nowplaying"},"versions":[],"donate_link":"http://www.ezequielprieto.com.ar/","icons":{"default":"https://s.w.org/plugins/geopattern-icon/wp-grooveshark.svg"}},{"name":"Plastic Tunes","slug":"plastic-tunes","version":"1.4","author":"unalignedcoder","author_profile":"https://profiles.wordpress.org/unalignedcoder/","requires":"2.0.2","tested":"2.5","requires_php":false,"requires_plugins":[],"rating":0,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"downloaded":5070,"last_updated":"2009-09-09 11:32am GMT","added":"2007-09-19","homepage":"http://unalignedcode.wordpress.com/plastic_tunes/","sections":{"description":"

Plastic Tunes is a “now-playing” plugin that allows your blog to display informations about the music you play in your media player, and most importantly, to insert them into your database. Artists, titles, albums and pretty much any information included in your digital music files goes into your database for real-time or later use, ready to be displayed on your sidebar, on a dedicated page or wherever you want.
\nThe concept of this plugin, and quite a few lines of code were originally taken from version 0.1 of the muTunes plugin, made by Ken Smith — although Plastic Tunes grew a lot since then.

\n","installation":"

\n
Installation of WordPress plugin:
\n
- FTP the “plastic_tunes” folder to your wp-content/plugins directory.
- Activate the plugin
- Customize the options page (help is included on that page)
- Load the widget: if your installation is compatible, you can use the widget function to load the infos on the sidebar. Just remember to customize its options by adding a user_id in its otpions. Without it the widget won’t work and most likely will cause a ugly error. The title of the widget instead is optional, and if entered will override the sidebar title as (and if) indicated on the plastic tunes option page. Be aware that leaving the widget title empty also overrides the tags before and after the widget element, such as <h2> or *. In that scenario you are in fact expected to provide them with the ‘title’ and the ‘closing element’ fields on the plastic tune option page.
- If you can’t or won’t use the widget function, add the following piece of code to your sidebar: <?php plastic_sidebar($user_id); ?>, where $user_id is the number reported in the list in the options page.
- Add the following piece of code to the template you will use for the entire list of music items: <?php plastic_table($user_id); ?> (see instruction on how to use templates on the WordPress codex website.)
\n
\n
Installation and setup of media players plugins:
\n
- consult the included “readme.htm”.
\n

\n","changelog":"

1.4 Compatible with WordPress 2.5, and minor fixes and redesign.
1.3 Plastic Tunes can now be used with the Now Playing plugin for Winamp. For compatibility reasons, AMIP users who update must slightly modify their insert settings. More details below. This version also fixes few potential bugs.
1.2 Minor fix due to a bug of the widget functionality, where the widget form would not report the values correctly. Now fixed.
1.1 A management page has been included in the admin area. This is still in a early stage, but allows you to browse all the music items you added so far, delete single records and purge the entire list of music items.
\nAlso added an option to skip duplicates when listing all the entries in your list page (this does not apply to the just mentioned management page in the admin area). For duplicates it is meant the same music piece played more than one time and appearing in more locations within the list. With this option on, songs that occur more than once will be inserted in the database just as well, but will not appear in the list.
1.0b Just a mistake in the title of the plugin on the WP plugins page, where it said ‘(next)Plastic Tunes’. Sorry about it, it was a testing leftover. Now it correctly says ‘Plastic Tunes’.
1.0 For sake of logic, efficiency and security, I made few changes in the way the plugin understands what goes on with the player. The callbacks events are slightly different now. You’ll have to take care of these changes in your AMIP configurator (see ‘How to install the Media Player plugin’ section below). This is important since previously in the instructions I had also forgot to indicate the ‘duration’ variable that is crucial for certain functions of the plugin.
\nOn a technical side, there’s now a new option in the options table of your wordpress DB, called plastic_tunes_player_state, and a obsolete one, that won’t be used anymore, plastic_tunes_togglesidebar(note that a plugin like CleanOptions can help you in removing obsolete entries from your wordpress options).
\nReflecting these changes, there are now in the code new comments and explanations, and also a very useful example on how it is possible to customize the title of the sidebar element according to the state of the player. Look for it in the ‘Edit the title of your sidebar code here’ in the file ‘plastic_functions.php’.
0.99 Corrected the relationship between the sidebar option and the widget. Now when the widget options has no title, it is not only assumed that the title is taken care of in the option page: also the default ‘before’ and ‘after’ tags of the widget are not displayed, and are thus expected to be taken care of in the option page too. They should be considered for in the ‘title’ and ‘closing elements’ fields. This is done to avoid redundancy of tags and allow for more customization. The less expert user is not affected by this as long as a title is entered in the widgted options.
0.98 Plastic Tunes is now widget compatible. For those who run WordPress 2.2.x or the Widgets plugin with compatible themes, it means it’s a lot easier now to show off your listening preferences on the sidebar. Read below for more detailed informations, “how to install” section.
0.97 Two apostrophes slipped in a SQL query. It broke the insert of the data. Sorry for being such a messy programmer. Hopefully is now all OK.
0.96 Corrected the time span calculation, now it works properly. Also added a checkbox I forgot in the option page. Never to sing the victory, they say in my falling country.
0.95 Flood protection is now working. Also I realized that the “Play & Change” callback from the media player wasn’t properly working (it caused duplicate entries after stopping and restarting the player). The event to use is now “Change” only. Also I changed the “year” field to accept more than 4 chars, in case of entries like “1998-2003” and similar. This version is quite a good one, I think (or better, I hope).
0.94 temporarily removed flood protection. I don’t seem to be able to make it work properly. Also I forgot to make the variable %duration% available in the option panel, and the example of customized code for the sidebar was wrong. Both corrected.
0.93 fixed the flood control function and few other bugs.
0.90 first public release. I worked a lot before to release this beta, so I just invented a version number I thought proper. Possibly this one is a little optimistic, but hey, it’s too late to change it. I never understood the general logic of application numbering anyway.

\n","screenshots":"

$\"<p>In$
In action on the sidebar
$\"<p>A$
A glimpse of the option page

"},"short_description":"A Multi-User \"Now Playing\" plugin that accepts input from iTunes, WinAmp, and many more. Saves your information to your DB and will accomodate multiple users. Widget compatible and highly customizable.","download_link":"https://downloads.wordpress.org/plugin/plastic-tunes.1.4.zip","screenshots":{"1":{"src":"https://ps.w.org/plastic-tunes/trunk/screenshot-1.png?rev=1559359","caption":"

In action on the sidebar

"},"2":{"src":"https://ps.w.org/plastic-tunes/trunk/screenshot-2.png?rev=1559359","caption":"

A glimpse of the option page

"}},"tags":{"media":"media","music":"music","nowplaying":"nowplaying","sidebar":"sidebar","widget":"widget"},"versions":{"1.4":"https://downloads.wordpress.org/plugin/plastic-tunes.1.4.zip","trunk":"https://downloads.wordpress.org/plugin/plastic-tunes.zip"},"donate_link":"","icons":{"default":"https://s.w.org/plugins/geopattern-icon/plastic-tunes.svg"}}]

nowplaying

Able Player, accessible HTML5 media player

Wp-Grooveshark

Plastic Tunes

Get New Themes & Resources