How to put WebMinster Player in your blog

Mp3 player တစ္ခုကို ဘေလာ့မွာထည့္သြင္းၿပီး လာလည္တဲ့ သူငယ္ခ်င္း မိတ္ေဆြေတြကို အပန္းေျဖခိုင္းရေအာင္ :) အခုအသံုးျပဳမည့္ mp3 player ကေတာ့ WebMinster player ျဖစ္ပါတယ္။

1. source file ေတြကို ဒီမွာ download လုပ္ယူပါ။ Download လုပ္ထားတဲ့ zip file ကို unzip လုပ္လိုက္ရင္ file 4 ခုကို ေတြ႔ရပါလိမ့္မယ္။
   
2. ပထမဦးစြာ webplayer ဆိုတဲ့ swf file ကို hotlinking (direct link) ရတဲ့ hosting တစ္ခုမွာ တင္ေပးရပါမယ္။ free ရတဲ့ထဲမွာ အဆင္ေျပဆံုးကေတာ့ pages.google.com ပါပဲ။ google ကေန မိမိရဲ႕ file ေတြ၊ အေသးစား webpage ေတြကို တင္ဖို႔ free ေပးထားတဲ့ေနရာပါ။ google page မွာ upload stuff ဆိုတဲ့ေနရာကိုသြားၿပီး webplayer ဆိုတဲ့ file ကို upload လုပ္ေပးပါ။ upload လုပ္ၿပီးတဲ့ေနာက္မွာရလာမည့္ webplayer ရဲ႕ address သည္ http://yourname.googlepages.com/webplayer.swf ဆိုၿပီး ျဖစ္ရပါမည္။
3. webplayer ကို upload လုပ္သလုိပဲ မိမိထည့္သြင္းမည့္ သီခ်င္းကိုလဲ upload လုပ္ေပးပါ။ upload လုပ္ၿပီးရလာမည့္ song file ရဲ႕ url သည္ http://yourname.googlepages.com/yoursong.mp3 ျဖစ္ရပါမည္။
4. အဲဒီေနာက္မွာေတာ့ unzip လုပ္ထားတဲ့ folder ထဲက quickstart ဆိုတဲ့ webpage file ေလးကို ဖြင့္လိုက္ပါ။ အဲဒီ page ထဲမွာ player ထည့္သြင္းဖို႔အတြက္ source code ကို ထည့္သြင္းေပးထားတာ ေတြ႔ရပါလိမ့္မယ္။ အဲဒီ coding ေတြကေတာ့ ေအာက္ပါအတုိင္းျဖစ္ပါတယ္။

   <object data="http://yourname.googlepages.com/webplayer.swf" type="application/x-shockwave-flash" width="240" height="64">
   <param name="movie" value="http://yourname.googlepages.com/webplayer.swf">
   <param name="menu" value="false">
   <param name="scale" value="noscale">
   <param name="bgcolor" value="#FFFFFF">
   <param name="flashvars" value="src=http://yourname.googlepages.com/yoursong.mp3 &autostart=no&loop=no">
   </object>

5. အထက္ပါcoding မွာ လိုအပ္တဲ့ url ေျပာင္းလဲမွဳ (red texts) ေတြ လုပ္ၿပီးတဲ့အခါမွာေတာ့ blog မွာတင္ဖို႔အဆင္သင့္ ျဖစ္ပါၿပီ။
6. blogger မွာ singin လုပ္ၿပီး layout page ကိုသြားပါ။ ထုိ႔ေနာက္ မိမိ blog side bar မွာထည့္သြင္းရန္အတြက္ Add a page element ကို ႏွိပ္ပါ။ Element list မွ HTML/JavaScript ကိုေရြးပါ။ ထုိ႔ေနာက္ Tile တြင္ မိမိႏွစ္သက္ရာ Title တစ္ခုကိုေပးပါ။ Content မွာေတာ့ မိမိျပင္ဆင္ၿပီးသား player coding ကိုထည့္သြင္းပါ။ ထို႔ေနာက္ save ကို ႏွိပ္ပါ။

အထက္ပါ အဆင့္ေတြၿပီးသြားရင္ေတာ့ မိမိဘေလာ့ရဲ႕ side bar မွာ WebMinster player ေလးထည့္သြင္းၿပီးသား ျဖစ္သြားပါလိမ့္မယ္။ player coding မွာပါတဲ့ width, height, autostart (no/yes), loop (no/yes) ေတြကို မိမိႏွစ္သက္ရာ option ကို သတ္မွတ္ႏုိင္ပါတယ္။ autostart ကေတာ့ no ေပးထားတာ အေကာင္းဆံုးျဖစ္ပါလိမ့္မယ္။ အေၾကာင္းကေတာ့ မိမိဘေလာ့ရဲ႕ စာလာဖတ္သူေတြကို ေႏွာက္ယွက္သလို ျဖစ္ေနမွာ စိုးလို႔ပါ :P အႀကိဳက္ခ်င္း မတူၾကဘူးေလ :)

Download လုပ္ထားတဲ့ file 4 ခုမွာ player.xml ဆိုတဲ့ file တစ္ခုပါပါေသးတယ္။ အဲဒီ file ကေတာ့ player မွာ သီခ်င္းေတြအမ်ားႀကီးထည့္ၿပီး play list တစ္ခုအေနနဲ႔ လုပ္ဖို႔ျဖစ္ပါတယ္။ အဲဒီအေၾကာင္းကိုေတာ့ ေနာက္မွ ဆက္ပါဦးမည္။

တစ္ဆက္တည္း သီခ်င္းေကာင္းေလးတစ္ပုဒ္ကိုပါ မွ်ေ၀ေပးလိုက္ပါတယ္။ လြန္ခဲ့တဲ့ ႏွစ္ရက္ေလာက္က ကိုတိုးႀကီး ပို႔ေပးထားတဲ့ သီခ်င္းေလးပါ။ နာမည္က ႐ိုးစင္းေသာဘ၀ရဲ႕ေပ်ာ္႐ႊင္မွဳ ျဖစ္ၿပီး မ်ိဳးႀကီး ခံစားသီဆိုထားပါတယ္။

က်န္းမာေပ်ာ္႐ႊင္ပါေစ :)

Updated : Playlist အေနျဖင့္ ဖန္တီးရန္

Playlist အေနျဖင့္ ဖန္တီးခ်င္တယ္ဆိုရင္ေတာ့ ဦးစြာ သီခ်င္းေတြကို same hosting/directory မွာ Upload လုပ္ေပးဖို႔လိုပါတယ္။ ဒါ့အျပင္ အေရးႀကီးဆံုး File ႏွစ္ခုျဖစ္တဲ့ webplayer.swf ႏွင့္ playlist.xml တို႔ကိုလည္း same hosting/directory မွာ upload လုပ္ေပးရပါမယ္။

Playlist.xml ဆိုတဲ့ File ကို upload မလုပ္ခင္ playlist အတြက္ code အနည္းငယ္ ျပင္ေပးဖို႔လိုပါတယ္။ ကၽြန္ေတာ္တို႔ အရင္က upload လုပ္ခဲ့တဲ့ သီခ်င္းေတြကို playlist.xml မွာ ျပန္လည္ထည့္သြင္းေပးရပါမယ္။ ေအာက္ပါအတုိင္းျဖစ္ပါတယ္။

<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE playlist SYSTEM "http://www.webminster.de/ext/xml/webplayer/playlist.dtd">
<playlist name="" basedir="" xmlns="http://www.webminster.de/ext/xml/webplayer">
<file src="url/address of the song 1.mp3" />
<file src="url/address of the song 2.mp3" />
<file src="url/address of the song 3.mp3" />
<file src="url/address of the song 4.mp3" />
<file src="url/address of the song 5.mp3" />
<file src="url/address of the song 6.mp3" />
</playlist>

အထက္ပါ Playlist code ကို ျပင္ၿပီးသြားၿပီရင္ဆိုရင္ ေအာက္ပါ coding ကို သင့္ရဲ႕ blog မွာ ထည့္သြင္းအသံုးျပဳႏုိင္ပါၿပီ။ မွတ္ခ်က္အေနျဖင့္ အနီေရာင္ျပထားေသာ code မ်ားေနရာတြင့္ သင္ upload လုပ္ထားေသာ file ၏ လမ္းေၾကာင္းျဖင့္ အစားထိုးအသံုးျပဳရမည္ျဖစ္ပါသည္။

<object data="http://www.somehosting.com/webplayer.swf" type="application/x-shockwave-flash" width="240" height="64">
<param name="movie" value="http://www.somehosting.com/webplayer.swf">

<param name="menu" value="false">
<param name="scale" value="noscale">
<param name="bgcolor" value="#FFFFFF">
<param name="flashvars" value="src=http://www.somehosting.com/playlist.xml&amp;autostart=no&amp;loop=no">
</object>