Accessible Audio Player (AAP)

NOTE: AAP is no longer maintained. It has evolved into a new open source player called Able Player that supports both audio and video.


37 comments on “Accessible Audio Player (AAP)

  1. I like this player. It seems to work quite well and it is quite accessible.

    If there is any interest I can roll it into a Drupal 7 file field formatter. This would allow site builders to have the player automatically attached to any file fields they chose.

  2. I took a look at the js. It would be nice if it were single object namespaced to avoid clashes with other js loaded.


    accessibleAudioPlayer = accessibleAudioPlayer || {
    // useDebug - set to true to display event log, otherwise set to false
    useDebug = false,

    // useYahoo - set to true to always use the fallback Yahoo Media Player (RECOMMENDED FOR TESTING ONLY)
    useYahoo: false,



    You can also include functionality by doing:

    myBehavior: function () {},

    • @Everett, Thanks for the Javascript tips, and for your interest in the player. I'm about to embark on a 3-week journey with limited connectivity and little time to spare, but I'll contact you when I get back in mid-October about Drupal, etc.

  3. Do you mind if I make a fork of the player and push it to I can do some js refactoring for you, since I'm doing it anyway. Then if you like the changes you can use them in the next release. Let me know.

    • Feel free to do that, @Everett. AAP and AAPP are open source - I appreciate any help I can get to make it viable for the masses.

  4. I tried using the unmodified 2.1.3 demo in IE8 and in FF6.0.2 with useYahoo set to true.

    Neither will actually play any audio, is this a known bug?

    Also, would you be open to a future version being dependent on jQuery? I think the code quantity could be cut in half with jQuery, and the complexity could be at least halved.


    • @Everett, 2.1.3 has been tested in a wide range of browsers, including IE8 and FF6.0.2. The Yahoo player is meant to be a fallback, so I would only set Yahoo to true for testing purposes, but yes - the Yahoo player was tested successfully in all browsers, including the two you mentioned. Are you able to share the URL of your test page?

      As for jQuery, I created this player hoping to keep dependencies to a minimum, but I do recognize the value that JQuery brings to the table. "Halving the complexity" is especially appealing since that would make it easier for others to extend it. So yes - I'm supportive of the idea.

  5. Hello, I was wondering if the wordpress plugin would work within a custom template page? Not as a widget. I'm attempting it now with no luck. Anyone get this to work?

  6. i can get all the tracks to work if i remove

    but the selected track information doesnt work !

    if i put my own uploaded .ogg path the song dont work

    any help with this ?


  7. Pingback: Trucar el Reproductor de Audio HTML5 y Hacerlo Más Inteligente | teknomada

  8. Great player. Thanks. I was wondering, can it can be set to autoplay on page load AND randomize track playback?

  9. Hi! I am a visually challenged and after a long googling, finally I have got this nice stuff. so, a huge thanks for that. I am facing one problem. if I set the autoplay to on, it starts playing automatically. but it is not playing the next track when first track is finished. if I turn off the autoplay function, I am not facing this issue. any solution?

  10. Wow, Very impressive accessibility and great features! I use JAWS, and it is lovely to use.

    Regarding the WordPress plugin - although it would be some more work, it would be *really* awesome if there was a mode to support the WPAudio shortcode syntax which easily allows for multiple audio links to be placed on a page, each in a single shortcode covering its url and link text/title.

    This functionality is possible now, but the short codes involved become quite messy and involved. They cause the source to really become code heavy.

    You may be aware that WPAudio is no longer supported and is not working for most newer wordpress versions, and I think this player could become a viable substitute - with additional functionality - if the shortcode syntax was close or compatible with WPAudio's.

    Many thanks for your great work!


    • In installing the player on my site
      when ever I set type to link - the widget doesn't display in the sidebar and the mp3 file is played by the browser, not the player.

      When I set type to player - the player loads and operates correctly.

      Any suggestions?

      I'm using wp 3.4.1 and the Thesus theme.


  11. Nice player! I really cant put my fingers on js code so I still have some questions about it:
    -does it play also midi files?
    -if not, how to enable midi playing?

    I tried to figure out how to add this feature cause, as you know, the new OS Mountain Lion browsers present some troubles in midi streaming and mac users could find in this tool a very useful and universally availble utility.
    thank you!

    • Teokampo, The HTML5 <audio> element does not currently support MIDI. However, there's some interesting work out there to support MIDI over the web. For example, check out MIDI.js. The W3C is also in the early stages of developing a spec for a Web Midi API

  12. Hi,

    Same problem as Larry Seiler, FireFox doesn't play my own soundfiles, although the author's test page works fine...any suggestions? Chrome and IE provide a fine job though.
    BTW...Thanks for the player


  13. Larry and John, I assume you're both providing audio in both OGG and MP3 files (I see that Larry is by the URL provided). If that's the case, Firefox should play the OGG file. If it doesn't, it could be that your server is not delivering the OGG file with the proper MIME type (audio/ogg). For more information, including instructions for how to fix that in various server environments, see the Mozilla help page on properly configuring server MIME Types.

  14. Any chance to be able to call the player multiple instances on one page? When trying to load more than one player on a page, the first one works fine, but the second one doesn't load properly, being overrun by the first. Please help!!


    • Have created an enhanced version of Real Burger's Directory version with Shuffle above as a menu driven system to allow you to access sub-directories as well as other methods of displaying Playlists.
      You can see a live version at:-
      To download the source files go to my website fro the above, click on the blue software button and the download is at the bottom of this page.

  15. Hi

    I like this player too. Any updates in a near future, more than a year passed from last release?

  16. Pingback: Top & Best 5 Free HTML 5 audio player | Rapidesigners

  17. This is just what I need for users to play uploaded mp3 files in a library for recordings of old 78 rpm records

    Is there any way to prevent the full address of each file showing in the status bar - I would want to keep the actual folder address hidden.

    Also, I would like to be able to exit without using the browser back button - preferably to another page on my website - or should it be embedded in a frame on a page ?

    As you may guess, I'm no php/script expert

    Your help would be appreciated.

  18. Hello,
    A few questions:
    You can play streaming audio with your player? Live Audio through the ip / port
    You can create a playlist from the songs that have a folder ... automatic way? that shows all in alphabetical order ...

  19. Thanks for creating the Accessible Audio Player Plugin — it's very nice. I've been searching around for an mp3 player with these aspects:

    1) Cross-platform compatible, including iOS and Android
    2) Not Flash reliant (fallback is OK)
    3) Can play a playlist
    4) Accessible
    5) Allows user to download any of the mp3 files

    WordPress's built in mediaelement.js offers 1, 2, and 4.
    Simon Ward's excellent mp3-jplayer plugin offers 1, 2, 3, and 5.
    The "HTML5 MP3 Player with Playlist" plugin offers all 5, but creating a playlist is such a chore, it's unworkable.

    I had thought about trying to rework Simon Ward's code a bit to make mp3-jplayer accessible, but it's beyond my capabilities.

    Finally, your plugin offers 1, 2, 3, and 4. But not 5. Please consider adding a "Download MP3" button in a future version that would download the active track like mp3-jplayer does — or a Download button next to each track name in the playlist. That would make the AAPP complete.

    • Thanks everyone for your interest in my Accessible Audio Player! Sorry I've been negligent in replying to your posts - it's been an outrageously busy year. AAP may still be a viable player with a few tweaks but it has evolved into a new player I'm calling Universal Media Player (UMP), as it handles accessible video in addition to audio. Keep an eye on for an announcement, probably in November. UMP is an open source project and will be available on GitHub so others can contribute to improving it.

  20. Pingback: 20+ HTML5 Video Player Creations

  21. thanks Terrill for the player with playlist. I will use the update from "happy little bytes" site. his additions are better.
    can I use for church webb site?. keep me poste on changes

  22. Hi!
    Really good player indeed.
    However I'm wondering if there is a possibility to change for a volume slider with this version or make it possible to see the current volume in numbers(eg: 78/100 or just 78), so the user easily can see how high their current volume is on the player.

  23. How could I add some smoothness to the mesh, other than tessellating the mesh after the generation? I'm aiming for something like smoothly curved mountain ladders, but perhaps this is a much more difficult problem to solve.

    • Dear Good (or do you prefer Mr. Toilet?)

      Why not tessellate after the generation? I find that post-generation tessellation does indeed add smoothness to the mesh!

      Best regards,