Skip to main content

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 မွာေတာ့ အဲဒီ ျပႆနာေတြ မရွိပါဘူး။

Comments

  1. Anonymous6:55 pm

    ေက်းဇူးပဲဗ်ိဳ႕။ ဒီ site ကုိေတြ႕တယ္။
    လုပ္ၾကည္႕ေသးတယ္။
    english လုိေတြေရးထားတာရယ္
    computer အေၾကာင္းေကာင္းေကာင္း
    နားမလည္တာေၾကာင္႕ လက္ေလွ်ာ႕လုိက္ရတယ္။
    အခုမွပဲရွင္းသြားေတာ႕တယ္။

    ReplyDelete
  2. Thanks Ko Chan . I need it . I'll try it.

    ReplyDelete
  3. အရမ္းေက်းဇူးတင္တယ္...ဗ်ာ..
    ေတာ္ေတာ္ပညာေတြရတဲ့အတြက္..အရမ္းကုိေက်းဇူးတင္တယ္ဗ်ာ..
    ခင္ဗ်ား ကုိအနားမွာရွိရင္...ေကာင္းေကာင္းျပဳစုျဖစ္လိမ့္မယ္..
    ကၽြန္ေတာ္တုိ႕က အေျခခံနည္းေတာ့ ခင္ဗ်ားတုိ႕လုိ ပညာေတြေ၀မွ်တဲ့လူေတြရွိကမွ ရႏုိင္တာ...

    ReplyDelete
  4. Really thanks for your sharing about it. Wish you all the best naw

    ReplyDelete
  5. ေက်းဇူးတင္တဲ့အထဲမွာ...
    ကၽြန္ေတာ္လည္းပါတယ္ေနာ္...
    အမွန္တစ္ကယ္လုိအပ္ေနခ်ိန္မွာ..
    ေပၚထြက္လာတဲ့...ၾကယ္ႀကီးတစ္ခုလုိ...
    အႀကီးႀကီးပဲ..(စတာ)
    ေက်းဇူးပါပဲ...
    မႏၱေလးျပန္မလာျဖစ္ဘူးလား၊...
    ေတြခ်င္ေသးတယ္.....လက္ဖရည္တုိက္ခ်င္လုိ႕..

    ReplyDelete
  6. thaz: u too :) လာလည္ၿပီး အခုလို comment ေရးေပးတဲ့အတြက္ အရမ္း၀မ္းသာပါတယ္ဗ်ာ :)

    ReplyDelete
  7. ကုိ CMS ေရ ခင္ဗ်ား ေပးတဲ့ ပညာနဲ႕ သႀကၤန္သီခ်င္းေတြကုိ သႀကၤန္ Blog မွာ တင္လုိက္ၿပီ ဗ်ိဳ ..လုိအပ္ရင္ ကူညီပါအုန္း... လာၾကည့္ပါအုန္း..

    ReplyDelete

Post a Comment

Thanks for your comment.

Popular posts from this blog

သီတင္းကၽြတ္လျပည့္

၀ါလကင္းလြတ္ သီတင္ကၽြတ္ ဆိုသည္ႏွင့္အညီ ရဟန္းေတာ္မ်ား ၀ါဆိုသည့္ ၀ါတြင္းသံုးလ ဟူေသာကာလသည္ သီတင္းကၽြတ္ လျပည့္ေန႔ေက်ာ္သည္ႏွင့္ ကုန္ဆံုးေပေတာ့သည္။ "၀ါဆို"ႏွင့္ အဖြင့္အပိတ္ညီစြာ "၀ါကၽြတ္" ဟု ရည္ညႊန္းေလ့ ရွိပါသည္။ "သီတင္းကၽြတ္" ဟူေသာ အသံုးအႏွဳန္းကို 'လ'အမည္အၿဖစ္ အင္း၀ေခတ္မွ စတင္အသံုးျပၿပီး "သတင္း" ဟု ေရးေလ့ရွိေႀကာင္းလည္း မွတ္သားရပါတယ္။ ရဟန္းသံဃာေတာ္မ်ား သီတင္းသီလ ေဆာက္တည္က်င့္သံုးသည့္ကာလ ကၽြတ္လြတ္ၿပီးေျမာက္သည့္လျဖစ္၍ သီတင္းကၽြတ္လ ဟုေခၚျခင္းျဖစ္သည္။ ေအာင္ျမင္ခ်မ္းသာ ျမတ္စြာဘုရားႀကီး ဒီႏွစ္သတင္းကၽြတ္လျပည့္ကေတာ့ ေထြေထြထူးထူး ဘာမွမလုပ္ျဖစ္ဘူး။ လျပည့္ေန႔မတုိင္ခင္တစ္ရက္ကေတာ့ ဘုန္းဘုန္းေတြနဲ႔ ဘုရားကို ေရသပၸာယ္ၾကတယ္။ သန္႔ရွင္းေရး ကုသိုလ္ေပါ့။ သန္႔ရွင္းေရးဆိုလို႔ ... ဘုန္းဘုန္းဦးဥတၱရ ေျပာျပဆံုးမတဲ့ စကားေလးတစ္ခုကို မွ်ေ၀လိုက္ခ်င္ပါတယ္။ 'မိမိရဲ႕ အိမ္မွာပဲျဖစ္ျဖစ္ ေက်ာင္းမွာပဲျဖစ္ျဖစ္ မသန္႔ရွင္း မသပ္ရပ္ေနတာေတြ ေတြ႔ေနခဲ့ရင္ ကိုယ္နဲ႔မဆုိင္သလို သေဘာမထားဘဲ "ယူတတ္ရင္ ျမတ္တယ္" ဆိုတဲ့သေဘာနဲ႔ သန္႔ရွင္းေရး လုပ္ေပးပါ။ အိမ္သာသန္႔ရွင္းေရး အဆံုးေပါ့။ သန္႔ရ

ဆရာႀကီး မင္းသုဝဏ္ရဲ႕ ယခုေခတ္ႏွင့္ကိုက္ညီေသာ ကဗ်ာတစ္ပုဒ္

ျမန္မာတို႔အတြက္ ငါသာလွ်င္ေတာ္ သူမေတာ္ရ လူေတာ္ထင္မွာ တို႔ျမန္မာကို ဘယ္ခါဆယ္၍ရမည္လည္း ၾကြားရင္းႏွင့္နစ္ ဝါးရင္းနစ္သည့္ နစ္လွ်က္ေနပါတို႔ျမန္မာကို ဘယ္ခါဆယ္၍ရမည္လည္း အေကာင္းဆိုးထင္ ဆိုးေကာင္းထင္ႏွင့္ အထင္လြဲပါ တို႔ျမန္မာကို ဘယ္ခါဆယ္၍ ရမည္လည္း သူ႔ကိုငါညွိဳး ငါ့သူညွိဳးႏွင့္ အညွိဳးႀကီးပါ တို႔ျမန္မာကို ဘယ္ခါဆယ္၍ ရမည္လည္း ၿငီး၍မၿပီး ညဴမၿပီးဘူး အၿပီးတကာ လုပ္ႏုိင္ပါမွ ေတာ္ရာေရာက္လိမ့္ ေနာင္အဖို႔ ႏိုးၾကထၾကျမန္မာတို႔ သားေျမးတို႔အတြက္ ႀကိဳးပမ္းစို႔ ဆရာႀကီး မင္းသုဝဏ္

မေရာက္တာၾကာၿပီ

ဘေလာ့လာၿပီး မေရးျဖစ္တာ ၂ ႏွစ္နီးပါးရွိသြားၿပီပဲ။ ေဖ့ဘုတ္ေတြေပၚလာၿပီးကတည္းက ဒီဘက္ကိုလွည့္မလာျဖစ္ဘူး။ ျပန္ေရးျဖစ္ေအာင္ လုပ္ရမယ္။ အဓိကကေတာ့ ကုိယ္စိတ္ဝင္စားတဲ့အေၾကာင္းအရာေတြကို ျပန္ၿပီးေရးခ်င္တယ္။ အဓိကကေတာ့ ဓာတ္ပံုႏွင့္ နည္းပညာသတင္းေတြကိုေပါ့။