A Nifty Flash Audio Player for MP3s
My client wanted to present an MP3 audio file on her blog, in a way that looked good, sounded good, and was easy for the user to figure out and click on. So far, the Flash audio player script I'm using has worked out really well. You can see and try it here on The Mojo Mom Blog.
We had to work out a few bugs. First, the code provided in the tutorial I followed (linked below) needed to be adjusted; it didn't work in some major browsers (my Flash genius friend Dan Smith re-wrote it for me). Second, we found out that MP3s which are going to be played by Flash need to have a standard bitrate and sampling rate. Last but not least, we had to overcome the Blogger application's ridiculous habit of inserting
tags into the middle of other tags such as the
We had to work out a few bugs. First, the code provided in the tutorial I followed (linked below) needed to be adjusted; it didn't work in some major browsers (my Flash genius friend Dan Smith re-wrote it for me). Second, we found out that MP3s which are going to be played by Flash need to have a standard bitrate and sampling rate. Last but not least, we had to overcome the Blogger application's ridiculous habit of inserting
tags into the middle of other tags such as the
posted by Patty Ayers at
4:00 PM
3 Comments:
Hello, a few suggestions for the great tutorial you wrote:
wmode="transparent" needs to be added to the embed tag.
On the plugin download page there is a section that describes ways to customize the appearance of the player. The way to implement the appearance variables is different than it would be with wordpress, but you can still customize the appearance of each player. You go to the HTML code where it says:
FlashVars="playerID=1&
and then add your own appearance variables, for example:
FlashVars="playerID=1&rightbghover=0x096792&
And just keep on adding the variables that suit your project, just make sure to put & at the end of each variable. So the final code snippet to implement the new appearance would look like this:
FlashVars="playerID=1&rightbghover=0x096792&soundFile=http://www.yourdomain.com/audio/Song_Name.mp3"
You can also edit the size of the player without effecting the appearance quality because all images used by the player are vector. So all you do is edit the width and height in all of the places in the object code (a total of 4 edits needed to edit the player size). Just make sure to make the size changes proportional. I wanted to make the player smaller because I have a lot of them on one page and didn't want them to be such a distraction (but you can make it HUGE too). It looks very nice smaller.
Thanks very much, Daniel!
Post a Comment
<< Home