Free Aj player for the web (with source files)

Hi People:

First of all, sorry about my English…

Until the Aj team release the official player to share our work with the world more easily, I want to share with the community a little mp3 player with xml integration that I made ( however some of the code it’s based on this tutorial ) so with this you can publish your work on your own blog, like wordpress, tumblr or even your web page.

It’s not perfect, sorry, flash programming is not my strong side, but I think it could be useful for most people. Besides my idea is share this like an “open source” project, so all community could make this a much better thing.

So this is how it looks on my tumblr blog:

It has a play and stop button (the music start as soon as the player loads automatically), also it shows the song name, the author’s name and it has a “buy now” button, so if someone click on that button he/she will be redirected to the song on AJ. These data is xml driven so you just have to change 1 line to customize this for your files.

The xml looks like this

So you only have to change the following in the XML file to customize the player.

First, “name” is the title of your song, the “file” is the url that uses the “buy now” button to link to the file you are selling, the “source” is for your watermarked preview and the “user” to show your Aj user in the player.

The only “problem” is you must have Adobe Flash in order to change the XML ’s url in the source .fla so the player could read all those values.

But if you have the chance to do it then it’s very simple to spread your work across the web, for instance, to promote one of my tracks on any blog or page I just have to paste a code like this:

But first things first, I want to know if is not a problem to show the AJ logo on the player, please moderators, let me know if I could share this as is, or I must remove the logo (is not a problem for me, I just think it looks more cool)...

Si if moderators says it’s not a problem, I then will publish here the source and a live sample, and more detailed instructions on how to use it.

thanks !
Rodrigo

PS: Also if you don’t have a hosting to store the player, you can use google pages, it’s free… a tutorial here

IMPORTANT UPDATE :

Hey, I just made an improvement, now instead of loading only one track you can load your entire portfolio in the XML

You can check a demo (with a few songs only) on my tumblr blog:

http://roroland.tumblr.com/post/842342001/music-portfolio-by-sonicbyte

I will upload the source and instructions later.

Please let me know what do you think about it

Rodrigo

Please let me know what do you think about it

I guess isn’t much interest in my player because I get no feedback here, so I will not post the source code…

Just kidding , but please let me know what you think about it, isn’t cool ?

I will post the source code in my next message here (I have to clean the code a bit an create the steps to use it), so meanwhile please give me some feedback

Thanks !!!

yes it does look sexy! perhaps people were too busy figuring out where the source was.. like me

Looks good …. at this moment I’m at work having my boss sniffing around office, so I can’t check it, however this seems like something I was looking for.

Regards – Matt.

SOURCE FILES IN THIS POST

First of all thanks for the feedback people…

@Scott: ha ha ha it’s impossible I could match the AJ official player of course, the devs here are great ! I’m just a web designer / musician

Ok, let’s go…here is a live sample of the player on my tumblr blog:

LIVE SAMPLE :

http://roroland.tumblr.com/post/842342001/music-portfolio-by-sonicbyte

The player has the following features:

• “Play/stop” button
• “Next/Previous” song track buttons
• “Buy It Now” Button that match the file is played at the time.
• It also displays the track name and author.
You can upload your entire portfolio on one single player, or make one playlist for each category of your portfolio, or just upload one track, it’s up to you.

INSTRUCTIONS :

I know it looks like a lot of steps, but believe me, its super-easy to install and use. I just making a detailed tutorial for the beginners in flash, so everybody could understand this (I Hope).

• 1- Create a folder on your remote server
• 2- Unzip the source files on a folder on your PC and open the file called: “playllist.xml” and modify the sample values with your own files
• Each line in the XML represents 1 audio file of your portfolio, so you must change/add the following values to fit your needs
The XML code look like this:

<song user="SonicByte" name="Mystic Dance" dest="http://audiojungle.net/item/mystic-dance/95934" file="http://s3.envato.com/files/305545/preview.mp3" />

So you have to change:
• “name=”: for your song title
• “file=”: for your watermarked preview file
• “dest=” for your link to the actual file in your portfolio (don’t forget to add your referal user name at the end of the url )
• “user=” for your User at AudioJungle


• 3- Open the .fla file on Adobe Flash and open the Actions Panel on frame 1 of the layer called “actions” and at line 82 change the url for the place on your server where you will store the player.

playlist.load("http://www.your-web-site.com/player/playlist.xml");

• 4- Save and Publish the file. Then upload the .swf file and the xml playlist the new folder you just created on your server and you’re done !

PASTING THE CODE ON YOUR WEB PAGE OR BLOG :

Now you only have to copy and adapt the following code to your site and paste it on any blog (Wordpress, Tumblr, etc) or webpage you can

<object height="75" width="420">
<param name="movie" allowscriptaccess="always" value="http://www.your-web-site.com/player/aj_player.swf" wmode="transparent" /><embed src="http://www.your-web-site.com/player/aj_player.swf" allowscriptaccess="always" height="75" wmode="transparent" width="420"></embed>
</object>

Just one more thing, if you improve this file please share it with all community on this thread. Thanks !

SOURCE FILES :

Aj_player_bySonicByte

Que bueno! muchas gracias!