ExteenCSS

จาก entry ที่แล้ว

เนื่องจากมีคนถามเข้ามาพอสมควรค่ะ(ที่จริงไม่กี่คนหรอก แต่เชื่อว่ามีไม่น้อยหรอกที่อยากใส่เสียงลงบล็อกเองได้) หลังจากที่

 

ปลดแอกจาก Workshop แล้วโว้ยยยยยยยยยยย~~~

 

ในที่สุดก็ว่างสอน How to USODA! ซักทีค่ะ ^^

 

อุปกรณ์ที่ต้องมี

1. โปรแกรม Fraps กรุณาดูรายละเอียด + โหลดที่นี่ค่ะ

2. โปรแกรม Hootech MP3 to SWF converter กรุณาดูรายละเอียด + โหลดที่นี่ค่ะ

3. สถานที่อัพโหลดไฟล์ SWF ดี ๆ ซักที่ค่ะ

 

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

1. เปิดโปรแกรม Fraps (กรณีเสียงที่เราต้องการใช้เป็นเสียงจากในเกม ในที่นี้สดเปิดเกม Higurashi Daybreak ค่ะ) หรือโปรแกรมใด ๆ ก็ตามเพื่ออัดเสียง ตัดต่อเสียงต่าง ๆ มาให้เรียบร้อย เช่น Nero Wave Editor เป็นต้น

2.  หลังจากได้เสียงสั้น ๆ หรือท่อนเสียงที่เราต้องการมาแล้วในรูป mp3 / wmv จะยังเอาใส่บล็อกตอนนี้ไม่ได้ ต้องเอามาแปลงเป็นไฟล์ flash .SWF เสียก่อนค่ะ โดยเปิดโปรแกรม Hootech Mp3 to SWF ขึ้นมา แล้วให้ add ไฟล์เสียงที่เราต้องการทำลงไปใน List ตามตำแหน่งที่ 1 โดยการลากไฟล์เข้าไป หรือจะกดปุ่ม add ด้านซ้ายก็ได้ค่ะ

 

 

เมื่อเปิดโปรแกรมมาจะหน้าตาเป็นแบบนี้ จะอธิบายทีละส่วนนะคะ

  1. ไฟล์ mp3 ทั้งหมดที่เราต้องการจะแปลงเป็น SWF 
  2. จากนั้นให้กดปุ่ม options เพื่อปรับแต่ง SWF ที่เราจะใช้เช่น interface ของ flash และคุณภาพเสียงก่อนค่ะ
  3. Playback controllable SWF ทำให้ไฟล์ SWF ที่เราจะสร้างมี interface ในการกดเพื่อเล่น/หยุดเล่น/ปรับเสียงได้
  4. No interface SWF ทำให้ไฟล์ SWF ที่เราจะสร้างไม่มี interface (แปลว่าคนที่มาดูบล็อกเรา เมื่อได้ยินเสียงแล้ว ไม่สามารถทำอะไรกับไฟล์เสียงเราได้ ซึ่งโดยมารยาทแล้ว ถ้าเป็นเสียงที่ก่อความรำคาญมากจนผู้ชมบล็อกจำเป็นต้องใช้สิทธิในการกดหยุดเพลง หรือมีการ Loop อัตโนมัติ ก็ไม่ควรตั้งให้ไม่มี interface นะคะ)
  5. Streaming Sound ทำให้ไฟล์ SWF เรานั้น สามารถเล่นเสียงได้เลยโดยที่ไม่ต้องโหลดให้ครบ 100% (แบบพวก imeem น่ะ) แต่จะติด ๆ ขัด ๆ ในบางคนที่ความเร็วอินเตอร์เน็ตไม่พอ)
  6. Event Sound ตั้งให้ไฟล์ SWF ของเรา มีดาวน์โหลดไฟล์เสร็จสมบูรณ์ 100% ก่อนแล้วค่อยเริ่มเล่นเสียง ซึ่งอาจช้าซักหน่อย แต่เสียงที่เล่นในรายที่อินเตอร์เน็ตช้า จะไม่มีติด ๆ ขัด ๆ และอ้างอิงตามในรูป ตอนสดสร้างไฟล์ USODA นี้ สดตั้งไว้ตามข้อ 4 กับข้อ 6 นี่แหละค่ะ
  7. Play automatically ให้ไฟล์เสียงนั้นเริ่มเล่นอัตโนมัติ (แต่จะเริ่มเล่นเร็วแค่ไหนขึ้นอยู่กับการตั้งข้อ 5 หรือข้อ 6)  กรณีนี้สดตั้งไว้เพื่อให้คนเข้าบล็อกตกใจเล่น ^^ แต่ถ้าเป็นกรณีเพลงยาว ๆ กว่าเสียงอุโซดะมาก ๆ แนะนำว่าตั้งให้คนดู มากดเล่นเองดีกว่าค่ะ
  8. Loop play เมื่อไฟล์เสียงนั้นเล่นจบแล้ว ถ้าติ๊กตรงนี้จะกลายเป็นเล่นเสียงนั้นซ้ำใหม่โดยอัตโนมัติ ไม่แนะนำให้ใช้กับเสียงหลอน ๆ อย่างเสียงอุโซดะบนบล็อกนี้ค่ะ เลยไม่ติ๊ก
  9. Create HTML file ให้สร้างไฟล์ HTML ไว้สำหรับลองเล่นไฟล์ SWF ก่อนเอาลงบล็อกจริงก็ไม่เลวนะ
  10. Control SWF กรณีเลือกให้มี interface ตามข้อ 3 เราต้องเลือกรูปแบบหน้ากาก interface สวย ๆ (ระดับมาตรฐาน) ในการเล่นเพลงของเราด้วยค่ะ ซึ่งมีให้เลือกเยอะพอสมควรเลย
  11. Button Color เลือกได้เฉพาะ interface บางอันเท่านั้น เป็นการเลือกว่า ปุ่มกดเล่น กดหยุด ให้เป็นสีอะไรค่ะ แต่ interface ในข้อ 10 บางอันก็ปรับตรงนี้ไม่ได้
  12. Background Color เลือกสีหลังพื้นที่ว่างของ interface แต่ในกรณีสด เนื่องจากสดจะวางไฟล์ไปไว้ที่ sidebar สดก็เลยใช้สีนี้เพื่อพรางตาว่า มีไฟล์ SWF ฝังอยู่ที่บล็อกค่ะ (คนเน็ตช้า ๆ สามารถรู้ได้โดยดูที่ท้าย Sidebar บางครั้งจะเห็นปื้ด ๆ สีขาว ๆ ซึ่งแปลว่าตรงนั้นแหละคือไฟล์ SWF ที่สดวางฝังไว้
  13. MP3 Encoding Parameters ปรับคุณภาพเสียงและระบบเสียงค่ะ ยิ่งคุณภาพดีมาก ไฟล์ก็จะยิ่งใหญ่มากค่ะ เพราะงั้นถ้าไม่อยากให้ผู้มาดูบล็อก เซ็งกับอาการโหลดหนัก ก็ไม่บังควรใช้เสียงคุณภาพเวอร์มากค่ะ (แต่เสียงนี้สดลด bit rate เหลือ 112kbps แล้วนะ สงสัยต้นฉบับคุณภาพดีไปหน่อย)
  14. Trim Sound เป็นการตั้งปรับตัดต้นเพลง ท้ายเพลงออกไปอย่างละกี่วินาทีค่ะ
  15. Volume ตั้งให้เสียงตอนเริ่มเล่น ดังกี่ % ส่วนคนที่ดูจะปรับเพิ่มลดได้มั้ยขึ้นอยู่กับ interface ที่ตั้งไว้ค่ะ
  16. Output option ตั้งโฟลเดอร์ที่เก็บไฟล์ SWF ปลายทางค่ะ
 เมื่อตั้งทุกอย่างตาม List เรียบร้อยแล้วก็จะถึงเวลาแปลงไฟล์เสียงเราค่ะ ให้เรากดปุ่ม Convert ด้านซ้ายของหน้าต่างโปรแกรมเพื่อเริ่มแปลงไฟล์ได้เลยค่ะ

 

 

3. เสร็จแล้วเราจะได้ไฟล์มาดังนี้

 

ให้เอาไฟล์ที่ไม่ใช่ html ซึ่งก็คือ SWF ของเรานั่นเอง Upload ใส่ Host ดีๆซักที่่ เมื่อได้ Link ไฟล์ของเราแล้ว ให้ก๊อปปี้เก็บมาค่ะ

4. สร้าง Entry เปล่า ๆ ใน exteen ขึ้นมา กดปุ่ม insert Flash แล้วเขียน ในหน้าเขียน entry จากนั้นให้กดปุ่ม HTML ข้าง ๆ แล้วก๊อปปี้โค้ดทั้งหมดที่ปรากฎมาค่ะ (ไม่ต้องเซฟ entry นั้น นะคะ เพราะเราจะเอาแค่โค้ด เท่านั้น)

 

5. ที่ก๊อปปี้ในข้อ 4 มาทั้งหมดคือ object ที่สามารถเอาไปใส่ฝังที่ไหนก็ได้ ไม่ว่าจะเป็นฝังแบบ HTML ใน entry ของเรา หรือฝังไว้ใน Theme > Widget > Custom Code แล้วใส่โค้ดที่ก๊อปปี้มาแล้วลงในนั้น โดยกดรูปดินสอ (เหมือนเวลาที่ฝังพวก widget ของ Twitter หรือ Shoutmix นั่นแหละ)

6. Save theme! แล้วออกไป Refresh บล็อกเราใหม่อีกรอบ แล้วบล็อกก็จะมีเสียงอันน่าพึงปรารถนา(สำหรับเรา) เล่นขึ้นมาตามที่เราต้องการค่ะ

 

สุดท้ายนี้ฝากไว้อีกครั้งค่ะว่า ถ้าเสียงเรามันอาจน่ารำคาญสำหรับคนอื่นเกินไป ไม่ควรทำเป็นเสียงที่ ฟังนาน ๆ แล้วปวดหัว หรือตั้ง Auto play + Loop อันนี้ก็ยิ่งไม่ไหวนะคะ แต่ถ้ามั่นใจว่า มันจะไม่กระทบสวัสดิภาพผู้เข้าชมบล็อกเรามากเกินไป นอกจากจะทำให้บล็อกเรามีศิลป์ขึ้นมาอีกนิดแล้ว ยังช่วยให้เพิ่มความประทับใจในแง่บวกของผู้เข้าชมด้วยค่ะ

ตัวอย่างเพิ่มเติม : ถ้าสดตั้ง Loop เสียง USODA! นี้ขึ้นมา หรือใส่ประโยคยาว ๆ กว่านี้อีก คิดว่าใครจะอยากเข้าบล็อกสดอีกหรือเปล่าคะ? เพราะแค่นี้มันก็เป็นการรบกวนคนอื่นมากอยู่แล้ว ยิ่งไม่มี interface ให้คนกดหยุดด้วยก็ยิ่งไม่ควรค่ะ ^^

 

ขอให้สนุกกับการใส่เสียงประจำบล็อกนะคะ ^^

 

AHHHH HAHAHAHAHAHA!!!

USODA!!!

ต่อไปนี้สดได้อัพเดท Page ข้างบนไว้แล้วค่ะ

Page เป็นเมนูข้างบนที่เอาไว้สำหรับเขียนสรุปรวบยอดต่าง ๆ ซึ่งเหมาะมาก ๆ ที่จะทำเป็น Blog Map เอาไว้สำหรับคนที่จะตามหา Entry เก่า ๆ ดี ๆ ของเรา จะได้หาได้สะดวกขึ้น

ตัวอย่างข้างบนสดก็เริ่มจำแนกคร่าว ๆ ออกเป็น 4 ส่วนแล้วค่ะ คือ

  • Exteen 4.0 CSS - รวมวิธีทำและ widgets ที่น่าสนใจสำหรับทำบล็อก exteen ค่ะ
  • Program&Problems - รวมโปรแกรมสามัญประจำเครื่องของสดที่ใช้ดี และน่าจะมีประโยชน์สำหรับทุกคนค่ะ
  • ความเสื่อม - อาเบะ อาเบะ และ อาเบะ บ้านเมืองวุ่นวาย มาเสื่อมกันดีกว่า (สังเกตมั้ย ใหญ่มาเชียว)
  • Gaming Stuffs - รวมจิปาถะ สถิติ เซฟเกม Guideต่างๆ ของฮา ๆ ที่เกี่ยวกับเกมที่ชอบ โดยเฉพาะ Silent Hill, PangYa, Patapon ค่ะ (Patapon ยังไม่เขียนค่ะ)

เหล่านี้เพื่อเพิ่มความสะดวกในการค้นหา entry เก่า ๆ ที่จะรองรับในอนาคตอันไกลนี้ค่ะ

แล้ววันนี้คุณ เสื่อม เอ๊ย! ทำ Page กันหรือยังคะ หุหุ