Super Purty Player

Heyo Peeps Another new WordPress Theme coming at you: Purty, a Fun and Sexy Creative/Portfolio Theme! Check it →

Super Music Player JQuery Skin by Richard Tabor from Purty Pixels

Author: Richard Tabor
Posted: December 19, 2011
Comments: 5 Comments

Share it:

Today’s freebie is a super JQuery audio player, code and all, designed with a bit o’ love. View the Demo →

I’m kinda new to JQuery, so here’s my first attempt at a music player and thankfully, it works! Anyhow, the download includes all the code, some PSDs (naturally), and a whole load of awesomeness.

I also threw a shot up on Dribbble so if you enjoy it enough, go check it out and “like it” if you would.

Post to Facebook View Demo Download Freebie

Related Free Resources

Check out some other related freebies and download away.

5 Comments

Leave a Comment →

Chris

March 17, 2012 · Reply

Not a huge programmer…managed to upload the player…embed everything I needed css and html wise…but have no clue how to replace the song with an aiff file that I uploaded to my server….or make it not auto start ….any suggestions?:) ‘purty’ please

Richard *

March 17, 2012 · Reply

Hey Chris. All you have to do is check the top part of the index.html for this part:

$(document).ready(function(){

	$("#jquery_jplayer_1").jPlayer({
		ready: function () {
			$(this).jPlayer("setMedia", {
				m4a: "http://www.purtypixels.com/custom/Don't%20Stop%20(Color%20On%20the%20Walls).m4a",
			}).jPlayer("play");
		},
		ended: function (event) {
			$(this).jPlayer("play");
		},
		swfPath: "js",
		supplied: "m4a, oga"
	});
});

And replace the m4a linked in.

jae kim

April 27, 2012 · Reply

Hi, nice and aesthetic. It works in chrome and IE, but it’s not working in firefox 12.0 … do others have this prob also?

It’s a cool looking player, but I’m leery of using it on my website if it’s not cross browser compatible … let me know if it works for you … if so, I’ll have to figure out what’s wrong on my end …

Peace and thanks for the cool stuff … ;-)
- jae
  
  April 27, 2012 · Reply
  
  dang, just realized that on IE 9.0.8 … , the player frame is transparent … doesn’t show the solid white like it does in chrome and firefox …
  
  cross browser issues suck … ;-x
jae

April 27, 2012 · Reply

Ok, last post … sorry, would have included these posts into one if I could …

Is there a program that we can use to convert audio into the .m4a format? I read that more applications are switching to read/support .m4a (lossless and smaller size than .mp3) … and many programs convert .m4a to .mp3, but I can’t seem to find anything to create .m4a files …

or is this simply something so new that we just have to wait a bit ?

or are there some legal restrictions preventing developers from making these programs?