Inserting Jeroenwijering Flash MP3 Player

MP3 Player ဖန္တီးရန္ SourceFile ကို Download လုပ္ပါ ။ Download Here UnZip လုပ္လိုက္သည့္အခါ ေအာက္ပါအတုိင္း File ေတြကို ေတြ႔ရပါလိမ့္မယ္။ အဓိကအသံုးျပဳမည့္ File ေတြကို Tick လုပ္ထားပါတယ္။

1. mp3player ဆိုတဲ့ html file ကိုဖြင့္ပါ။ Player သံုးမ်ိဳးကို ေတြ႔ရပါလိမ့္မယ္။ အသံုးျပဳမည့္ Player က အလယ္က တစ္ခုျဖစ္ပါတယ္။ ဒါ့ေၾကာင့္ က်န္တဲ့ Player ႏွစ္ခု အတြက္ code ေတြကိုဖ်က္ေပးဖို႔ လိုပါတယ္။

2. မလိုအပ္တဲ့ code ေတြကို ဖ်က္ဖို႔အတြက္ View Menu မွ Source ကိုသြားပါ (သို႔) SourceFile (mp3player.html) ကို rightclick ႏွိပ္ၿပီး open with တြင္ notepad ကိုေရြးေပးပါ။ notpad ထဲေရာက္ၿပီဆိုလွ်င္ BlueBox ႏွင့္ျပထားတဲ့ Code ေတြကို Delete လုပ္ေပးပါ။ RedBox Code ေတြကေတာ့ Player အတြက္ အဓိက Code ေတြျဖစ္ပါတယ္။

3. မလိုအပ္တဲ့ Code ေတြ ရွင္းၿပီးသြားလွ်င္ PlayList ကို ဖန္တီးပါမယ္။ PlayList.xml ဆိုတဲ့ File ကို notepad တြင္ဖြင့္ပါ။ (right click the file > choose > open with > notepad)
ေအာက္ပါအတုိင္း ေတြ႔ရပါလိမ့္မယ္။

အခုသံုးထားတဲ့ mp3 file ေတြက original ပါၿပီးသားေတြပါ။ အခု သံုးမည့္ ပံုစံက အင္တာနက္ေပၚမွာ မိမိတင္ထားတဲ့ File ေတြကို ေခၚယူ သံုးစြဲမွာပါ။ ထို႔ေၾကာင့္ မိမိထည့္သြင္းမည့္ MP3 file မ်ားကို file hosting (www.fileden.com or www.filexoom.com etc...) တစ္ခုခုတြင္ တင္ထားရန္လိုပါသည္။

4. မိမိသံုးမည့္ File ၏ url ကိုရယူပါ။
eg. http://filexoom.com/files/2006/11/9/43234/KFA___Su_Taung.mp3
ကၽြန္ေတာ္တင္ထားတဲ့ ဆုေတာင္းဆိုတဲ့ သီခ်င္းကို ဥပမာ အေနနဲ႔ သံုးၾကည့္ႏုိင္ပါတယ္။သီခ်င္းနာမည္က ဆုေတာင္းျဖစ္ၿပီး အဆုိေတာ္က KFA အဖြဲ႔ပါ။

5. xml file တြင္ အဓိက coding သံုးေၾကာင္းပါရွိပါတယ္။
Title, Creator, Location ျဖစ္ပါတယ္။

5.1 Title Tage ႏွစ္ခုၾကားတြင္ သီခ်င္း Title ကို ထည့္သြင္းေပးရမွာျဖစ္ပါတယ္။
ဥပမာ <title>SuTaung</title>
5.2 Creator Tag ႏွစ္ခုၾကားတြင္ အဆိုေတာ္ (Artist Name) ကိုထည့္သြင္းေပးရပါမယ္။
ဥပမာ <creator>KFA</creator>
5.3 Location Tag ႏွစ္ခုၾကားမွာေတာ့ mp3 file ၏ လမ္းေၾကာင္း (url) ကိုထည့္သြင္းေပးပါ။
ဥပမာ <location>http://filexoom.com/files/2006/11/9/43234/KFA___Su_Taung.mp3</location>
က်န္တဲ့ Track List Code ေတြအတြက္ အထက္နည္းအတုိင္း သီခ်င္းအပုဒ္ေရမ်ားစြာအတြက္ ဆက္လက္ဖန္တီးႏိုင္ပါတယ္။

6. xml file ကိုျပင္ၿပီးသြားလွ်င္ save လုပ္ပါ။

7. Player အတြက္ အသံုးျပဳမည့္ (Playlist.xml, ufo.js, mp3player.swf) File ေတြကို Hosting တစ္ခုခုတြင္ တင္ေပးရပါမယ္။ မိမိတြင္ googlepage account ရွိပါက ပိုမိုအဆင္ေျပႏုိင္ပါတယ္။ မရွိပါက ဒီမွာ Account ဖြင့္ႏို္င္ပါတယ္။ တစ္ျခား File Hosting ေတြက .js , .xml အစရွိတဲ့ extension ေတြကို လက္မခံပါဘူး။ googlepage မွာတင္ထားရင္ေတာ့ အေကာင္းဆံုးပါပဲ။

8. File ေတြ Upload လုပ္ၿပီးသြားလွ်င္ url ကို ရယူပါ။ ေအာက္ပါအတုိင္း ရွိေနပါလိမ့္မယ္။

http://www.yourname.googlepages.com/playlist.xml
http://www.yourname.googlepages.com/ufo.js
http://www.yourname.googlepages.com/mp3player.swf

9. File ေတြ တင္ၿပီးသြားလွ်င္ Blog/page အတြက္ player code ထည့္ဖို႔ပဲ က်န္ပါေတာ့တယ္။ Bloge ရဲ႕ Template tab ကိုသြားၿပီးလွ်င္ Sidebar မွာထည့္ဖို႔အတြက္ Add Page Element ကိုေရြးပါ။ ထုိ႔ေနာက္ HTML/Javascript ကိုေရြးပါ။ ထည့္သြင္းရမည့္ CodeFormat ကေတာ့

<p id="player2"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</p>
<script type="text/javascript">
var FU = { movie:"http://www.yourname.googlepages.com/mp3player.swf",
width:"240",
height:"135",
majorversion:"7",
build:"0",
bgcolor:"#FFFFFF",
flashvars:"file=http://www.yourname.googlepages.com/playlist.xml&lightcolor=0xCC0066&
backcolor=0x000000&frontcolor=0xFFFFFF&displayheight=0" };
UFO.create(FU,"player2");
</script>

ဒီ Code ေတြက mp3player.html မွာပါၿပီးသားေတြပါ။ File တစ္ခုလံုး ယူသံုးရန္မလိုပါ။ အထက္ပါကုဒ္မ်ားကို Blog မွာထည့္သြင္းရမွာျဖစ္ပါတယ္။ အနီေရာင္ျပထားတဲ့ ေနရာေတြမွာ မိမိရဲ႕ File address နဲ႔ အစားသြင္းရမွာျဖစ္ပါတယ္။

10. ေနာက္ဆံုး အေရးႀကီးတဲ့ Code တစ္ခုက်န္ပါေသးတယ္။ js coding ပါ။ အဲဒီ code မထည့္ေပးရင္ player အလုပ္လုပ္မွာ မဟုတ္ပါဘူး။ ဒီ Coding ေလးပါပဲ။

<script type="text/javascript" src="http://www.yourname.googlepages.com/ufo.js"></script>

Blog ရဲ႕ coed view မွာ Header Tag မပိတ္ခင္ </header> (သို႔) Header Tag ႏွစ္ခုၾကား <header>....</header>မွာထည့္သြင္းေပးပါ။

11. Template ကို Save လုပ္ၿပီးလွ်င္ Blog ကို run ၾကည့္ပါ။ SideBar မွာ Player ကို ျမင္ေတြ႔ရပါလိမ့္မယ္။

အရင္က .m3u format နဲ႔လုပ္တဲ့ Player သံုးဖူးပါတယ္။ Tutorial ကို ဒီမွာ ၾကည့္ႏုိင္ပါတယ္။ ဒါေပမဲ့ အဲဒီ Player ကို Page မွာထားရင္ ျပႆနာနဲနဲရွိပါတယ္။ အဲဒါက Download Manager သံုးရင္ျဖစ္တတ္ပါတယ္။ ဒီ Player မွာေတာ့ အဲဒီ ျပႆနာေတြ မရွိပါဘူး။