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. kosi316: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

မိုး သီခ်င္းမ်ား

မိုးနဲ႔ပက္သက္တဲ့ သီခ်င္းမ်ားကို ရႏုိင္သမွ် စုစည္းေပးလိုက္ပါတယ္။ မုိးနဲ႔ပက္သက္၍ က်န္ရွိေနေသးေသာ (သို႔) မွ်ေ၀ေပးလိုေသာ သီခ်င္းမ်ားရွိခဲ့ရင္လည္း comment ေပးခဲ့ႏုိင္ပါတယ္။ သီခ်င္းမ်ား နားဆင္ရင္း အပန္းေျဖ ေပ်ာ္႐ႊင္ႏုိင္ပါေစ မိုးရာသီထဲ - Lဆိုင္းဇီမိုးေလးဖြဲတုန္း - မ်ိဳးေက်ာ့ၿမိဳင္၊ ထြန္းအိျႏၵာဗို၀မ္းနည္းမွတ္တမ္း - စိုင္းစိုင္းခမ္းလွိဳင္အခ်စ္မိုး - ေဂ်ညီညီေမၿမိဳ႕မိုး - စိုင္းထီးဆိုင္
ေမဦးမိုး - ရင္ဂိုဒီမိုး - ေဂ်ညီညီအခါလြန္မိုး - ထူးအိမ္သင္
အလြမ္းမိုးစက္မ်ား - အဲလက္စ္ထစ္ခ်ဳန္းမိုး - ေဇာ္၀င္းထြဋ္ဇူလိုင္မိုး - ေဆာင္းဦးလွိဳင္မိမိုးကို - အဲလက္စ္မိုး - ထြန္းအိျႏၵာဗိုမိုးေမွ်ာ္သူ - စံလင္းမိုးနဲ႔အတူငိုေနမယ္ - ေမစံပယ္ၫိဳမိုးည - ခရီးသြားငါးေယာက္မိုးသည္းထဲမွာ - ၀ုိင္၀ုိင္းမိုးသည္းထဲမွာ ပုန္းေရွာင္သူ - NGIIKမိုးရာသီအလြမ္း - XBananaတစ္ခါတုန္းက - ရသမိုး - ေက်ာ္သူစိုး၊ Rဇာနည္မိုးနဲ႔မ်က္ရည္ - ရဲေလးမိုးေျပးေလး - YoYoမိုးေျပး - ခင္ဘုန္းရြာသာရြာပါမိုး - ၿဖိဳးႀကီး၊ ငယ္ငယ္မိုးသက္တင္ေလ - လႊမ္းမိုးရြာမယ္ဆိုရင္ေလ - မီမီ၀င္းေဖ (ဒ႑ာရီသီခ်င္းမ်ားမွ)မိုးသီခ်င္း - NO

Add Digg vote button in Blogger post

Template ကို Backup လုပ္ပါ။Expand Widget Template ကိုေရြးပါ။ဒီ Code ကို ရွာပါ။<p><data:post.body/></p>
Replace with<p>
<!-- DIGG -->
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<data:post.body/>
</p>Source : Ajaxcold

ငါအိုသြားတဲ့အခါ

ငါအိုသြားတဲ့အခါ ငါဟာ အရင္ကငါ မဟုတ္ေတာ့ဘူး။ ငါ့ကို နားလည္ေပးပါ။ စိတ္ရွည္ရွည္ထား ဆက္ဆံေပးပါ။

ခ်ိနဲ႕နဲ႕လက္ေတြနဲ႕ ထမင္းဟင္းေတြ အက်ၤီေပၚ ေလာင္းမိတဲ့အခါ၊ ဖိနပ္ႀကိဳးေတြ ခ်ည္ဖို႕ေမ့သြားတဲ့အခါ၊ ငါ့ကို မရြံပါနဲ႕၊ ငယ္ငယ္တုန္းက ငါသင္ေပးခဲ့တာေတြကို ေက်းဇူးျပဳၿပီး သတိရေပးပါ။

အပ္ေၾကာင္းထပ္မက ေျပာဖူးတဲ့ စကားေတြကို ငါျပန္ေျပာမိတဲ့အခါ စကားမျဖတ္ပဲ ေက်းဇူးျပဳၿပီး နားေထာင္ေပးပါ။ ငယ္ငယ္တုန္းက အိပ္ရာ၀င္တုိင္း တစ္ေထာင့္တည ပံုျပင္ေတြ မ႐ုိးေအာင္ ေျပာရင္း ငါေခ်ာ့သိပ္ခဲ့ဖူးတာေတြကို သတိရေပးပါ။

မလႈပ္မရွားႏိုင္လို႕ ေရခ်ဳိးဖို႕ အကူအညီလိုတဲ့အခါ ငါ့ကုိ မညိဳညင္ပါနဲ႕၊ ငယ္ငယ္တုန္းက ေခ်ာ့တစ္လွည့္ ေျခာက္တစ္ခါ ေရခ်ဳိးေပးခဲ့ဖူးတဲ့ ပံုရိပ္ေလးကို ျမင္ေယာင္ေပးပါ။

ေခတ္သစ္ နည္းပညာသစ္ေတြကို မသိနားမလည္ခဲ့ရင္ ငါ့ကိုမေလွာင္ပါနဲ႕၊ ငယ္ငယ္တုန္းက “ဘာေၾကာင့္” ဆိုတဲ့ ေမးခြန္းတိုင္းကို စိတ္ရွည္စြာ ငါျပန္ေျဖခဲ့တာကို သတိရေပးပါ။

စိတ္သြားတိုင္း ကိုယ္မပါ ႏြမ္းလ်ၿပီး၊ လမ္းမေလွ်ာက္ႏိုင္တဲ့အခါ ခြန္အားပါတဲ့ လက္တစ္စံုနဲ႕ ငါ့ကိုကူတြဲေပးပါ။ လမ္းေလွ်ာက္သင္စ အရြယ္တုန္းက တစ္လွမ္းခ်င္း လွမ္းေလ်ာက္ က်င့္ေပးခဲ့ဖူးတာေတြကို ေက်းဇူးျပဳၿပီး သတိရေပးပါ။

အသက္ႀကီးလာလို႕ စ…