Many webmasters requires an MP3 Audio Player which they can embed in a Web Page. You want to put an audio link or an MP3 link in a web page and also needs an embedded player for that. When you embed an audio player for your audio the reader can easily play the audio or listen to the audio without even downloading or opening any other audio player applications.There are many methods available to embed an audio player for your MP3 links.
Today we will discuss about the Yahoo! Media Player using which you can easily integrate your MP3 collection to the Yahoo! Media Player without much effort.
Yahoo! Media Player is an excellent tool with very simple configuration.
Embed Audio player for MP3 audio files with Yahoo! Media Player.
There are many flash players available that can embed on your page.If you have many audio files on your blog or maintain an MP3 blog or run a podcast and regularly link to MP3 files, it makes no sense to embed a separate Flash player with every MP3 file.There should be a common player that can be used to play all the files.
Yahoo! Media Player gives you exactly the above feature.All you have to do is insert one link to the JavaScript of Yahoo! Media Player in your blog template and all MP3 hyperlinks will be converted into inline MP3 players.It has a play-list feature that will create a play-list using all the mp3 files in your page.All the links can be played with one click, turning the page into a playlist.
Copy and paste the below code to your template page. Adding this Javascript to template code will ensure that this tool is available across all pages of your blog.This is the only configuration required.
[sourcecode language="css"]
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
[/sourcecode]
This will add a play button next to each of your audio links:
For example see the below code for a simple HTML.
[sourcecode language="css"]
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
</HEAD>
<BODY><FONT SIZE="2" COLOR="" face="verdana">
<a href="http://www.globinch.com/audio/TextToSpeech.mp3">TextToSpeech</a><br/>
<a href="http://www.globinch.com/audio/SimpleSEO.mp3">SimpleSEO</a><br/>
<a href="http://www.globinch.com/audio/HowToGeek.mp3">HowToGeek</a><br/>
<a href="http://www.globinch.com/audio/OpticalMagic.mp3">OpticalMagic</a><br/>
<a href="http://www.globinch.com/audio/ReallyGood.mp3">ReallyGood</a>
</FONT>
</BODY>
</HTML>
[/sourcecode]
This will generate the below page with embedded Yahoo! Media Player. In the below screen-shot the Playlist is expanded. By default this will be collapsed.
Visit Yahoo! Media Player
Binu George , the author of Globinch.com, is a technology blogger and software architect. You can follow him on Twitter, Google+, Facebook.
If you enjoyed reading the above article please consider sharing it.
If you enjoyed this article, please consider sharing it!
-
Anandali
Sign up or join Globinch on Social Media
Stay Connected
