UPDATE TO THIS POST 5/19/2010: Hey folks, I published this blog post back in October of 2008. As browsers have changed over the last year and a half, some of these players are beginning to fail on certain browsers. Not a lot is being done to maintain the code to works with the new browsers. At this time, I'd recommend that you try using the tutorial for using the 1 pixel out audio player on any html site.
One of the most common questions I'm asked as a podcast consultant is how can I get flash audio player for my podcast so that people can listen to my podcast without having to leave my website?
Of course, if they have WordPress, I immediately tell them to install the Audio Player Plugin for WordPress. However, for those who use another method of creating a website for your podcast, there is still hope. I'd like to share three options for posting a flash player for your podcast episodes on your standard html site.
Update: Someone left a comment on this post that makes a valid point. If you should choose to use this method for your site on individual posts, please understand that you are relying on the fact that these companies will still exist moving forward. If for example ODEO were to go out of business, it is unlikely that their flash player will continue to be available. Please just keep this in mind.
The ODEO Player
Odeo.com is part search engine, part media directory, and part social network. I played around with Odeo when I first got into podcasting but really haven't even looked at their site more than a handful of times in the past two years. However in my search for embeddable flash audio players, I the ODEO Player popped up.
The benefit of the Odeo player is that it is somewhat attractive when compared against other options. However the drawbacks that I see are that you can't change the color of the pink play button and there ODEO is branded on your site. If someone clicks on the “ODEO” logo on the player, they are taken OFF YOUR SITE! I could not find an option to change it to open a new window or anything. Also, this player lacks an adjustment option for volume.
CODE FOR ODEO FLASH PLAYER:
<embed src= "http://www.odeo.com/flash/audio_player_standard_gray.swf" quality="high" width="300" height="52" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" flashvars= "valid_sample_rate=true&external_url=LINK-TO-YOUR-MP3" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed>
The Google Flash Player:
Next we have the Google Flash Player. The benefit of the google player is that there is no branding whatsoever. Also, the code allows for you to change the color of the background on your player to match your site. It seems odd to have the “<<" and ">>” when posting a single mp3 file. However, these buttons offer the ability to jump forward and backward in the file you are listening to. The only drawback I can see with this player is that, like many other google products, is pretty “simple looking” and just on the edge of being ugly. It's quite functional and it does what it's supposed to do.
CODE FOR THE GOOGLE FLASH PLAYER
<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=LINK-TO-YOUR-MP3" width="400" height="27" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" /></embed>
The Yahoo Flash Player
The Yahoo Flash Player is another option. Like the ODEO Player, there is Yahoo branding on the player with a small Yahoo logo. However, the nice thing is that it is an image only, it does not have a hyperlink that takes your listeners off your site. This is good. Like the Google player, you can see that are “<<" and ">>” buttons. However, on the Yahoo player, these buttons are specifically designed for next track and previous track. Truth is that this player can be used to play a single mp3 file or can be set to read data from any podcast rss feed. While I've not tried it, there seems to be an option to change the skin color which may be useful in helping to make the player fit within your color scheme.
CODE FOR THE YAHOO FLASH PLAYER
<embed src="http://webjay.org/flash/dark_player" width="400" height="40" wmode="transparent" flashVars="playlist_url=LINK-TO-YOUR-MP3-OR-RSS-FEED&skin_color_1=-145,-89,-4,5&skin_color_2=-141,20,0,0" type="application/x-shockwave-flash" /></embed>
Do you have any additional flash players you would like to share? Please feel free to leave your thoughts in the comments section.
Do you find this sort of information useful? Why not help support this sort of content by becoming a gspn.tv Plus Member.
A Newsletter You'll Look Forward To
If you sign up for my newsletter, I promise to send you valuable thoughts, insights, tips, techniques and strategies that will help you take your message, your business and your life to the next level.