Huzzah! We've released a brand new WordPress theme called Statesman. Check it out!

Custom Audio Player Skin (PSD)

Download

Downloaded 21,673 times

Today’s freebie is a sweet little custom skin for an audio player. If you’re looking to add audio to a site then switching from the default skin could be a good idea.

I cooked this up for an upcoming project and thought you might find it useful. The download (PSD) includes all the necessary elements for a quick and simple player such as the progress bars and icons. Comes in a wicked shade of black and yellow too :)

Edit: Check out the HTML version by @thelukemcdonald – awesome work!

21 Comments

  1. As usual, this is really sexy.

    Keep up the good work Orman !

  2. Pure Bliss. Congratulations mate!

  3. Looking good Orman!

  4. LOVE IT!
    Orman, how do you pick your colors so perfectly?
    If i pick colors they don’t just look right :(

    • Hmm a bit of trial and error I’d say. I start off with what I *think* will look right and often find myself tweaking as I go.

  5. You have a video player skin a few pages in, but I’d love to see one with this look and feel. How about it? :)

    • Sure why not, I could follow up today’s freebie with a more complete video player. I’ll put it on the list, thanks for the suggestion :)

  6. Every thing you do, you do it big…Lol.

  7. Holy cow, Your shadows are so mouth watering.

  8. heishage

    wonderful color choice~!

  9. mattnguyenn

    nice! it looks like some wu tang colors! lol

  10. Clean, nice colors ;).

  11. Outstanding, I’m using this for my own HTML5 audio player project (http://bit.ly/iUG6qR).

    Many thanks!

  12. Amazing and, as I see, like all other project so lovely.
    I used this here, with some changes: http://bit.ly/kSAJAz hope you don’t mind!

    Thank you very much!

  13. Looks great!

    Is the icons a part of a set?

  14. Hi Orman,
    I follow you for several months and I really admire your work. I am currently doing a jQuery plugin for chromeless players (youtube and dailymotion) and I used your work to a theme. http://bit.ly/tnmWo2

  15. Michael

    I absolutely love it.

  16. Hey Orman,
    I coded this into a MediaElement.js skin, you can find it here: http://bit.ly/Obhxjn

  17. Digital Media

    @Orman, @Daniel, on the version of MediaElement.js there some other grey icon than the play/pause. I’m looking to have “official” icons. I don’t find them in your PSD Orman, Did you use a set i can use please?

  18. Perfection!! This is exactly what I wanted.

Leave a Comment