บางคนโดยเฉพาะเพื่อน ๆ แต่ละคนที่แอดผมไว้ อาจจะสังเกตด้านขวาของบล็อกผม จะเห็น mp3 player ที่แปลกตา ไม่เคยเห็นที่ไหน ก็เพราะผมทำเองแหละครับ ว่าจะเอาวิธีทำมาบอกนานแล้วแต่ไม่มีเวลา หรือขี้เกียจกันแน่

ยกตัวอย่างผลงานนะครับ

     

เอาละไม่พูดมาก ต่อยเลยดีกว่า

ขั้นเตรียมการ

1. กำหนด BG ก่อนว่าจะทำขนาดเท่าไร ตัวอย่าง Menu side bar ด้านขวาบล็อกผมนั้นกำหนด width = 230 px. ให้กำหนดรูปแบบของภาพก่อนเลยว่าต้องใช้ให้น้อยกว่า 20 px. นั่นคือ 210 px. ส่วนเรื่องความสูง (height) นั้นตามสบายเลยครับ อย่างของผมก็เป็นอย่างรูปแบบนี้

  ขนาดรูปนี้คือ 210 x 198 px. อย่าลืมลงชื่อเราด้วยนะ แสดงถึงว่าเราทำเอง ใครเอาไปแปะที่อื่นก็มีชื่อเรา

2. เพลงที่จะใส่ ไฟล์ mp3 แนะนำขนาดเพลงที่ไม่เกิน 3.5 mb. หรือตัดบางท่อนมา

3. โปรแกรมที่จะใช้ทำ นั่นคือโปรแกรม Aleo Flash MP3 Player Builder
     สามารถโหลดได้จาก Link ตัวไหนก็ได้ครับ >> mirror1  |  mirror2  |  mirror3  |  mirror4

4. ลงโปรแกรมและ patch ให้เรียบร้อย

 

ขั้นตอนการทำ

1. เปิดโปรแกรมขึ้นมา จะอยู่ที่ Tasks แรกคือ Add Songs ให้คลิกที่เครื่องหมาย + สีแดง

 

2. เลือกเพลงที่เราเตรียมไว้

 

3. ในหัวข้อ MP3 encoding ให้ติ๊กช่อง Reencoding music data แล้วปรับค่าต่าง ๆ ของเสียง ค่ายิ่งสูง ก็ยิ่งทำให้ไฟล์ที่ออกมานั้นใหญ่ ส่งผลทำให้เราฝากไฟล์ไม่ได้ แนะนำให้เลือกช่อง Preset เป็นแบบ Good quality ก็พอครับ

 

4. คลิกที่ Tasks ที่สองคือ Flash Player แล้วเลือกรูปแบบตัว Player ที่เราชอบในช่อง Select player ตัวอย่างของผมเลือกแบบ Box <คลิกที่รูปเพื่อดูภาพใหญ่>

 

5. ปรับค่า Yes/No Auto Play คือเล่นอัตโนมัติเมื่อขึ้นหน้าเว็บ Loop Play คือเล่นซ้ำเมื่อจบเพลง และส่วนอื่น ๆ ให้คลิกปุ่ม ... เพื่อเลือกสี

 

6. ดูที่หัวข้อ Flash Options ด้านล่างขวา ช่อง Background color ให้เลือกแบบ  Solid color และเลือกสีช่องใกล้ ๆ ให้เป็นสีเหลืองหรือสีอื่น ๆ ที่ไม่ใช่สีขาว 

 

7. มาดูหัวข้อ Size ด้านซ้าย ให้ติ๊กช่อง Custom size of Flash Movie ปรับค่า Width: และ Height: ให้ตรงกับขนาดของรูปที่เราจะเอามาใส่ อย่างของผมที่เตรียมไว้แล้วคือ 210 x 198  Size and position of Player: เลือกเป็นแบบ Custom แล้วใส่ค่าปรับขนาดของตัว Player ให้อยู่ในขอบเขตสีที่เราเลือกไว้ และบริเวณที่ต้องการ
Left: = ปรับเลื่อนซ้าย/ขวา ของตัว Player
Top: = ปรับเลื่อนขึ้น/ลง ของตัว Player
X Scale: = ปรับเพิ่ม/ลด ขนาดของตัว Player ในแนวนอน
Y Scale: = ปรับเพิ่ม/ลด ขนาดของตัว Player ในแนวตั้ง

 

8.เมื่อใส่ตรงตำแหน่งที่เราต้องการแล้ว ให้คลิกแท็บ Background Image ติ๊กช่อง Add image and Flash movies to background แล้วคลิกเครื่องหมาย + สีเขียว Add รูปที่เราทำไว้มาใส่ ในส่วนหัวข้อ Property ตรง Position: ให้เลือกเป็น Center ครับ

 

9. เสร็จแล้วคลิก Tasks ที่สามคือ Publish ที่หัวข้อ Output ให้เราคือ Folder ปลายทางของไฟล์ที่เราจะ Export ออกมา และส่วนหัวข้อ Publish Options ให้เลือกแบบ Generate one Flash player... เพื่อให้ตัวโปรแกรม Export แบบอัดมาไฟล์เดียวพอ เสร็จแล้วกดปุ่ม Publish ใหญ่ ๆ ด้านบนเลยครับ

 

10. สังเกตไฟล์ที่ออกมาจะมี 2 ไฟล์ จะไฟล์หนึ่งเป็นนามสกุล SWF ที่สำคัญไฟล์นี้ต้องห้ามเกิน 1.5 mb. นะครับขอบอกไว้ก่อน ถ้าเกินก็ต้องกลับไปปรับลดแบบเสียงใน Tasks Add Songs และลดขนาดรูปภาพและตัว Player เลย

 

ขั้นตอนการแปะลงบล็อก

1. คงจะหนีไม่พ้นการฝากหรืออัพไฟล์ที่เราทำลงเว็บนะครับ แนะนำเว็บ http://www.madoosi.com ครับ เพราะเว็บนี้สามารถฝากไฟล์ประเภท SWF ได้ แต่ไม่เกิน 1.5 mb. มาถึงตรงนี้ก็จะ อ๋อ เลยว่าทำไมผมกำหนดว่าไม่ให้ไฟล์ที่ออกมาเกิน 1.5 mb. และเพื่อความอยู่อย่างถาวร และสามารถเข้าไปลบเองได้ควรสมัครสมาชิกไว้ด้วยนะครับ

2. เมื่อเราฝากไฟล์แล้ว จะขึ้น Code ให้เรานำไปใช้ Code นี้ยังใช้ไม่ได้นะครับ แต่ให้เราทำการ Copy Code นี้มาก่อน

 

3. นำ Code ที่ Copy มาเปิดใน IE แล้วจะขึ้นไฟล์ที่เราฝากไว้ จากนั้นให้คลิก View ที่ Menu bar ด้านบนของหน้าต่าง IE แล้วเลือก Source

 

4. จะขึ้นหน้าต่าง Notepad เป็นภาษา html ให้เราหา embed ของไฟล์ซึ่งจะลงท้ายด้วย .swf ดังรูป แล้วลากคลุมตั้งแต่ up_images/........./............ .swf ไว้ก่อนครับ

 

5.กลับมาบล็อกของเรา  Manage > Theme > Widgets > เข้าปรับแต่งในส่วนของ Custom Code ให้ใส่ Code ตามนี้ แล้ว Copy URL ที่เราลากคลุมเมื่อกี๊ มาใส่ 

ใส่ค่า width กับ height ให้ตรงกับขนาดของภาพ BG ของเราด้วยนะครับ เสร็จแล้วกด OK แล้ว Save Theme เลย

 

6. จะได้ MP3 Player เพลงที่เราชอบ ไปประดับไว้ตรง Side Bar ของบล็อกเราแล้วครับ

เพื่อน ๆ สามารถประยุกต์ใช้โปรแกรมโดยปรับค่าได้หลายรูปแบบ หากมีเว็บฝากไฟล์ประเภท SWF อื่นที่สามารถฝากได้เกิน 1.5mb และมี embed code ที่สามารถเปิดขึ้นหน้าเว็บได้โดยไม่มีโฆษณาแฝง ก็บอกกันบ้างนะครับ เพราะ MP3 Player ที่ทำออกมาไม่เกิน 1.5 m นั้นเสียงไม่ค่อยคมชัดไพเราะเท่าไร แต่มีข้อดีคือโหลดขึ้นหน้าเว็บได้รวดเร็ว

Comment

Comment:

Tweet

ขอบคุณมากครับ

#17 By emperer on 2013-03-20 10:51

Hot! Hot! Hot! Hot! Hot!

ขอบคุณมากค๊า :D

#16 By M a y J i i2 on 2010-12-14 22:19

แจ่มมากครับ ผมหาวิธีทำอยู่ตั้งนาน

#15 By l3astards™ on 2010-08-05 20:12

เข้ามาเรียนวิธีสร้าง Flash ครับ
ได้ความรู้มาก ๆ เลย surprised smile
Hot! Hot! Hot! Hot!

#14 By タナカ on 2010-07-26 01:12

ขอบคุณมากครับ big smile

#13 By [OZ]'Freedom, on 2010-06-28 19:03

ขอบคุณ มากครับ Hot! Hot! Hot!

#12 By KPG-Manger on 2010-06-13 11:37

มิคุ เคยเล่นแต่แบบ PSP อะ

#11 By Sentai-Thailand on 2010-04-29 10:12

Hot! Hot! Hot!
โยนๆ แล้วจะไปลองทำมั้ง >w<

#10 By zodake on 2010-04-29 04:29

Hot! Hot!

ขอบคุณมากๆๆเลยจ้า

#9 By ミハル_さま(MiHaRu) on 2010-04-28 22:16

[NeMi]

ยอดไปเลยค่ะ เป็นประโยชน์มากๆเลย

Hot! Hot! Hot! Hot!

#8 By campanell on 2010-04-28 14:31

สุโก๊ยยย Hot! Hot! Hot! Hot! Hot!

#7 By BlackcatZerin on 2010-04-28 13:42

Hot! Hot! Hot!

เจ๋งมากเลยครับ สร้างเอกลักษณ์ให้บล้อกเราด้วย

#6 By Evan Yzac -- The Crow on 2010-04-28 11:26

ขอบคุณสำหรับวิธีครับ >[]<

จะได้เอาไปลองทำประดับสวยๆ

Hot! Hot! Hot! Hot! Hot!

#5 By デス★クロス on 2010-04-28 10:07

มีประโยชน์มาก ๆ เลยค่ะ ขอบคุณมากนะคะsurprised smile

Hot!

#4 By sora no hime★空のひめ on 2010-04-28 09:49

เพิ่งรู้ว่ามันทำแบบนี้นี่เอง
เอาดาวไปก่อน เดี๋ยวจะลองทำเองดูบ้าง อิอิ
Hot! Hot! Hot! Hot!

#3 By Lazy.K-zzy ʕ•ᴥ•ʔ on 2010-04-28 08:37

Hot! Hot! Hot! Hot!
ขอบคุณมากๆเลยค่าาา

#2 By น้องยุ้ย_Eroi*2 on 2010-04-28 08:31

ขอบคุณสำหรับวิธีดีดี แล้วจะลองไปใช้บ้างนะคะdouble wink

Hot! Hot! Hot!

#1 By Yumeno☆Misu on 2010-04-28 08:10