สร้างกล่องดนตรีกันเถอะ ภาค 1
เปิดประตูสู่ความน่าสนใจของนิยายเรา มาใส่เพลงกันเถอะ!!
สวัสดีชาวไรเตอร์ทุกคนค่ะ เพื่อนๆ หลายคนอาจเคยเข้าไปในหน้านิยายแล้วมีเพลงให้ฟังเพราะๆ แล้วอาจจะอยากทำได้บ้าง วันนี้พี่น้ำผึ้งมาสอนน้องๆ ทำค่ะ! โดยเครื่องมือที่เราใช้จะเป็นเจ้าต้ว PodSnack ที่เป็นตัว music player ฟรีๆ ให้เราค่ะ
พร้อมแล้ว ลุยเลย
สอนตกแต่ง by พี่น้ำผึ้ง :D
ขั้นตอนแรกนะคะ ขอให้น้องๆ เข้าไปที่เว็บไซต์ www.podsnack.com จะเจอหน้าตาแบบนี้เลย น้องๆ เห็นกรอบสีแดงใช่มั้ยคะ คลิกเลยค่ะ มันจะเขียนว่า Build a playlist ไว้สำหรับสร้างกล่องดนตรีนั่นเอง
พอคลิกที่ Build a Playlist แล้วก็จะเจอหน้าตาแบบนี้ ก่อนเราจะใช้ PodSnack ได้ เราจำเป็นต้องสมัครสมาชิกก่อนค่ะ อาจจะ Sign In ผ่าน facebook, Google+ หรือ twitter ก็ได้
หลังจากนั้นก็จะขึ้นหน้าแบบนี้มาเลยค่ะ หรือถ้าบางคนไม่ขึ้นก็ให้คลิกในกรอบแดงที่เขียนว่า New Playlist มันคือการสร้างเพลย์ลิสต์นั่นเองจ้า ส่วนเจ้า Add tracks ที่อยู่ในกรอบสีฟ้าคือขั้นตอนแรกของการสร้างเพลย์ลิสต์
- Title คือชื่อ playlist ของเรา
- ค้นหาเพลงที่ต้องการจาก YouTube แล้วกด search
- ในกรอบเหลืองคือทดลองฟังเพลง ส่วนกรอบสีชมพูคือแอดเพลงนั้นไปในเพลย์ลิสต์ค่ะ
- ส่วนกรอบน้ำเงินคือตัวอย่างเพลย์ลิสต์ของเราค่ะ
- กรอบเขียวที่เขียนว่า Next คือไปยังขั้นตอนถัดไป
หลังจากเรากด Next แล้วจะมีให้เราเลือกรูปแบบ playlist ในกล่องสีเขียวที่มีคำว่า Choose templete และถ้าใครอยากเปลี่ยนสีก็สามารถเลือกได้ในกล่องสีม่วง ส่วนในกล่องสีชมพูจะเป็นคุณสมบัติของเพลย์ลิสต์ของเราค่ะ
- loop = วงซ้ำ
- autoplay = เล่นอัตโนมัติ
- shuffle = สุ่มเพลงว่าเพลงไหนขึ้นก่อน
อยากให้มีคุณสมบัติไหนก็เลือกได้เลยจ้า แต่อย่าลืมคำนึงถึงผู้อ่านด้วยนะคะว่าเขาจะรำคาญหรือเปล่า ไม่งั้นอาจจะเสียคนอ่านโดยไม่รู้ตัวน้าา ^__^ หลังจากเราได้เพลย์ลิสต์ที่ถูกใจเราแล้วก็อย่าลืมคลิก Finish ที่อยู่ในกรอบแดงค่ะ
และนี่เป็นขั้นตอนสุดท้ายของกล่องเพลงเราแล้ว ส่วนที่เป็นกรอบสีเลือดหมูจะเป็นสถิติบอกจำนวนคนเยี่ยมชมกล่องเพลงเราค่ะ ส่วนตัวโค้ดจริงๆ ที่เราจะนำไปใช้จะอยู่ในกรอบสีแดงที่เขียนว่า Embed ค่ะ ให้เราคลิกเลย แล้วมันจะเด้งมาหน้าตาอย่างนี้
เลือก Use free สิคะจะรออะไร ฮ่าๆ หลังจากนั้นก็จะโผล่หน้าตาโค้ดของเจ้ากล่องเพลงนี้มาให้ ซึ่งขึ้นต้นด้วย iframe หลายคนอาจสงสัยว่าอะไรคือ iframe มามะ... เดี๋ยวพี่น้ำผึ้งเล่าให้ฟัง
ไอ้เจ้านี่มันคือ html code ที่ใช้ในการดึงหน้าเว็บต่างๆ มาแสดงในหน้าเว็บเรา และสามารถกำหนดได้ทั้งขนาดของกรอบที่จะแสดงว่ากว้างหรือยาวเท่าไร ซึ่งในที่นี่เป็นการดึงกล่องเพลงจาก PodSnack มาอยู่ในหน้านิยายเรานั่นเอง ไม่งงใช่มั้ยคะน้องๆ
พอได้โค้ดแบบฝังมา (Embed Code) ก็จัดการคัดลอกตัวโค้ดทั้งหมดมาแล้วมาแปะไว้ในหน้านิยายของเราได้เลยค่ะ
ยังจำหน้าจอดำๆ ได้อยู่ใช่มั้ยเอ่ย? ให้เราใส่มันในกรอบแดงที่พี่วงไว้เลย จากนั้นก็จัดการกดบันทึกซะ อ๊ะ... แต่ก่อนกดบันทึกอย่าลืมเปลี่ยนโหมดเป็น Text นะจ๊ะ :) หลังจากนั้นเราก็จะได้กล่องเพลงเก๋ๆ แล้ว
9 ความคิดเห็น
ขอบคุณค่ะ><ชอบมากเลยสร้างเป็นแย้ว
แนะนำให้ตั้งปุ่มเปิด-ปิดเพลงด้วยค่ะ
คนอ่านจะได้ไม่ต้องเสียเวลาตามหาปุ่ม
บางคนถึงกับกด x ออกไปเพราะหาปุ่มไม่เจอ
ขอโทษนะคะ ใครรู้วิธีทำยังไงไม่ให้มีเสียงอินโทรของเว็บบ้างอ่ะคะ
ขอโทษนะคะ คือพอดีกล่องเพลงของเราไม่อยู่ตรงกลางหน้านิยายอะค่ะ ทำยังไงเหรอคะ
หลังๆนี่ห่วยมากค่ะ ไม่รู้เป็นคนเดียวหรือเปล่า แต่โค้ดเพลงpodsnack นี่มีปัญหากับเด็กดีตลอด ใส่โค้ดแล้วไม่ขึ้นในหน้าบทความบ้างล่ะ เพลงไม่ยอมเล่นบ้างล่ะ ปวดใจเหลือเกินนน
พอเราอัพแล้วทำไมมันไม่เล่นเพลงคะ