[Code]ใส่เสียงลงบล็อกกันนะคะ
posted on 12 Oct 2009 18:49 by mynameissod in 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 ด้านซ้ายก็ได้ค่ะ
เมื่อเปิดโปรแกรมมาจะหน้าตาเป็นแบบนี้ จะอธิบายทีละส่วนนะคะ
- ไฟล์ mp3 ทั้งหมดที่เราต้องการจะแปลงเป็น SWF
- จากนั้นให้กดปุ่ม options เพื่อปรับแต่ง SWF ที่เราจะใช้เช่น interface ของ flash และคุณภาพเสียงก่อนค่ะ
- Playback controllable SWF ทำให้ไฟล์ SWF ที่เราจะสร้างมี interface ในการกดเพื่อเล่น/หยุดเล่น/ปรับเสียงได้
- No interface SWF ทำให้ไฟล์ SWF ที่เราจะสร้างไม่มี interface (แปลว่าคนที่มาดูบล็อกเรา เมื่อได้ยินเสียงแล้ว ไม่สามารถทำอะไรกับไฟล์เสียงเราได้ ซึ่งโดยมารยาทแล้ว ถ้าเป็นเสียงที่ก่อความรำคาญมากจนผู้ชมบล็อกจำเป็นต้องใช้สิทธิในการกดหยุดเพลง หรือมีการ Loop อัตโนมัติ ก็ไม่ควรตั้งให้ไม่มี interface นะคะ)
- Streaming Sound ทำให้ไฟล์ SWF เรานั้น สามารถเล่นเสียงได้เลยโดยที่ไม่ต้องโหลดให้ครบ 100% (แบบพวก imeem น่ะ) แต่จะติด ๆ ขัด ๆ ในบางคนที่ความเร็วอินเตอร์เน็ตไม่พอ)
- Event Sound ตั้งให้ไฟล์ SWF ของเรา มีดาวน์โหลดไฟล์เสร็จสมบูรณ์ 100% ก่อนแล้วค่อยเริ่มเล่นเสียง ซึ่งอาจช้าซักหน่อย แต่เสียงที่เล่นในรายที่อินเตอร์เน็ตช้า จะไม่มีติด ๆ ขัด ๆ และอ้างอิงตามในรูป ตอนสดสร้างไฟล์ USODA นี้ สดตั้งไว้ตามข้อ 4 กับข้อ 6 นี่แหละค่ะ
- Play automatically ให้ไฟล์เสียงนั้นเริ่มเล่นอัตโนมัติ (แต่จะเริ่มเล่นเร็วแค่ไหนขึ้นอยู่กับการตั้งข้อ 5 หรือข้อ 6) กรณีนี้สดตั้งไว้เพื่อให้คนเข้าบล็อกตกใจเล่น ^^ แต่ถ้าเป็นกรณีเพลงยาว ๆ กว่าเสียงอุโซดะมาก ๆ แนะนำว่าตั้งให้คนดู มากดเล่นเองดีกว่าค่ะ
- Loop play เมื่อไฟล์เสียงนั้นเล่นจบแล้ว ถ้าติ๊กตรงนี้จะกลายเป็นเล่นเสียงนั้นซ้ำใหม่โดยอัตโนมัติ ไม่แนะนำให้ใช้กับเสียงหลอน ๆ อย่างเสียงอุโซดะบนบล็อกนี้ค่ะ เลยไม่ติ๊ก
- Create HTML file ให้สร้างไฟล์ HTML ไว้สำหรับลองเล่นไฟล์ SWF ก่อนเอาลงบล็อกจริงก็ไม่เลวนะ
- Control SWF กรณีเลือกให้มี interface ตามข้อ 3 เราต้องเลือกรูปแบบหน้ากาก interface สวย ๆ (ระดับมาตรฐาน) ในการเล่นเพลงของเราด้วยค่ะ ซึ่งมีให้เลือกเยอะพอสมควรเลย
- Button Color เลือกได้เฉพาะ interface บางอันเท่านั้น เป็นการเลือกว่า ปุ่มกดเล่น กดหยุด ให้เป็นสีอะไรค่ะ แต่ interface ในข้อ 10 บางอันก็ปรับตรงนี้ไม่ได้
- Background Color เลือกสีหลังพื้นที่ว่างของ interface แต่ในกรณีสด เนื่องจากสดจะวางไฟล์ไปไว้ที่ sidebar สดก็เลยใช้สีนี้เพื่อพรางตาว่า มีไฟล์ SWF ฝังอยู่ที่บล็อกค่ะ (คนเน็ตช้า ๆ สามารถรู้ได้โดยดูที่ท้าย Sidebar บางครั้งจะเห็นปื้ด ๆ สีขาว ๆ ซึ่งแปลว่าตรงนั้นแหละคือไฟล์ SWF ที่สดวางฝังไว้
- MP3 Encoding Parameters ปรับคุณภาพเสียงและระบบเสียงค่ะ ยิ่งคุณภาพดีมาก ไฟล์ก็จะยิ่งใหญ่มากค่ะ เพราะงั้นถ้าไม่อยากให้ผู้มาดูบล็อก เซ็งกับอาการโหลดหนัก ก็ไม่บังควรใช้เสียงคุณภาพเวอร์มากค่ะ (แต่เสียงนี้สดลด bit rate เหลือ 112kbps แล้วนะ สงสัยต้นฉบับคุณภาพดีไปหน่อย)
- Trim Sound เป็นการตั้งปรับตัดต้นเพลง ท้ายเพลงออกไปอย่างละกี่วินาทีค่ะ
- Volume ตั้งให้เสียงตอนเริ่มเล่น ดังกี่ % ส่วนคนที่ดูจะปรับเพิ่มลดได้มั้ยขึ้นอยู่กับ interface ที่ตั้งไว้ค่ะ
- 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!!!
マルセル デ バンプス Marcel de Vamps: 「Dear Girl ~Stories~」
___________K o r i xx k a i r i ♥♥




#1 By Rosette on 2009-10-12 20:53