Blog tips เก็บ ๆ เค้ามา #11 การใส่เพลงไว้ใน blog

---

การใส่เพลงไว้ใน blog

---

ก่อนจะเริ่มการฝังเพลง

---

คำเตือน

• สตรีมีครรภ์แก่ไม่ควรเล่นบันจี้จัมพ์ สำหรับสตรีแก่แล้วมีครรภ์ขอแสดงความยินดีด้วยครับ คุณทำได้!!!
• คำเตือนข้างขวด "ห้ามดื่มเกินวันละสองขวด" นั้น ไม่น่าเชื่อว่าพบแต่ในเมืองไทยเท่านั้น!!!
• ดูให้แน่ใจว่าเพลงตายแล้ว อย่าฝังทั้งเป็น มันบาป
• พึงระลึกเสมอว่า multimedia file ที่ได้ประโคมใส่กันเข้ามานั้น ควรเลือกให้มีขนาดเล็กที่สุดเท่าที่จะยังมีคุณภาพเสียงดีเท่าที่ต้องการ
• การใส่เพลงหรือภาพเคลื่อนไหวนั้น ควรเปิดโอกาสให้คนที่ไม่ฟังได้มีโอกาสปิดได้ด้วย คิดถึงตอนนั่งในห้องคอมพ์เงียบ ๆ แล้วมีเพลงดังขึ้นมาน่ะครับ...
• จากการศึกษาพบว่า media player ที่น่าจะดีที่สุดคือ Quicktime ครับเพราะเล่นได้เกือบทุก browser และ file ที่ได้คุณภาพ ภาพและเสียงสมกับขนาด file มากที่สุด
• ระวังเรื่องลิขสิทธิ์ให้ดีครับ อย่าปะมั่วโดยเฉพาะค่ายเพลงยักษ์ในบ้านเรา
• อย่าลืมว่า blog ที่คุณสร้างนั้น เพื่อเสนอความคิด หากเพลงมันเข้ากับ content ของคุณก็ OK แต่ว่าคุณรักจะใส่เพื่อโชว์เต้ง (Strength) ว่า โห ชิว ๆ ชั้นก็ทำได้ โดยที่ไม่ได้เข้ากับ content เลยละก็ ผมว่าอย่าใส่ดีกว่าครับ
• การรับฟังนั้นขึ้นกับสภาพของ server ด้วยครับ หาก server ให้บริการ streaming ก็จะได้ยินเร็ว load ไปฟังไป หากไม่ ก็ต้อง load มาเก็บไว้ใน temporary file ก่อนค่อยเล่น file นั้น ถ้า file ใหญ่ก็ไม่ไหวครับ ไม่ใช่ทุกบ้านจะใช้ hi speed internet
• midi (.mid) เป็นทางเลือกที่ดีกว่าแบบอื่นหากใช้เพื่อ"ประกอบฉาก" เพราะมันมีขนาดเล็กครับ แต่ถ้าต้องการเพราะ ๆ ก็ต้อง .mp3 ส่วน .ogg ก็ขนาด file เล็ก แต่ว่า media player หลาย ๆ แบบยังไม่ support ครับ สำหรับท่าน .wav นี่ใหญ่ยักษ์มากครับ file โตขนาดนี้ ปล่อยเค้าอยู่ใน cd ไปเหอะครับ อย่าไปเอาเค้ามาลง blog เราเลย สงสารเค้ามันแคบไป
• รายละเอียดมากกว่านี้ให้ถามที่ blog (อื่น ๆ) ครับ 5 5 5 เช่น blog คุณกึ่งยิงกึ่งผ่าน^©

การฝังเพลง

---

การฝังหรือ embedding นั้นเป็นศาสตร์ของสัปเหร่อครับ ก่อนจะทำการฝังเป็น ต้องมาศึกษากลวิธีการฝังก่อนครับ

อันที่จริง embedding ก็เหมือนกับที่เราสร้าง link นั่นล่ะครับ เพียงแต่เรานิยมใช้กับ file ชนิด multimedia มากกว่า เราอาจจะใช้เป็นเสียง หรือภาพเคลื่อนไหวก็ได้ สิ่งที่ต้องมีคือโปรแกรมเครื่องเล่นครับ ที่ได้รับความนิยมก็ได้แก่ Quicktime™, Window media player™, Real player™ ครับ

คำสั่งที่เราใช้ ก็คือคำสั่งนี้ครับ สำหรับการใช้งานใน blog นั้นต้องทำให้มันไม่เว้นบรรทัดนะครับ ไม่งั้นมันจะไม่แสดงผล

url ของเพลงที่เราต้องการ" autostart="false" loop="false" height="45" width="170">browser ท่านเล่นไม่ได้ เสียใจนะครับท่าน.

มาแอบดูความหมายกันทีละตัว เพื่อความเข้าใจอันดีนะครับ

embed src="..." คือการระบุว่า เราจะทำการฝัง (embed) สิ่งที่ได้จาก Source ลงไปในหน้าเพจของเรา ง่าย ๆ แค่นี้เลยครับ เราก็ระบุไปว่าเพลงหรือภาพเคลื่อนไหวที่เราต้องการน่ะอยู่ที่ไหนก็ใส่ url ลงไปซะ

autostart="..." ก็คือจะให้เพลงหรือภาพเคลื่อนไหวที่ว่าเริ่มเลยหรือไม่ หากต้องการให้เริ่มทันที ก็ใส่ true เข้าไป แทน 3 จุดนั่น (... น่ะครับ ทำเป็นงง หรือตรงที่ตัวหนังสือสีฟ้าน่ะครับ) หากว่า file ไม่ใหญ่ ก็โอเคครับ แต่ถ้า file ใหญ่ละก้อ เตรียมฟังเสียงด่าได้เลย กรณีนี้เราก็เลี่ยงไปใช้ false แทนซะ เท่านี้คนที่จะฟังก็จะเลือกได้ว่าจะต้องมากดก่อนค่อยเล่นเพลงครับ

loop="..." คือการให้ file ที่ต้องการแสดงวนไปเรื่อย ๆ โดยระบุได้ว่าจะให้เล่นซ้ำ ๆ ก็ใส่ true ลงไป หากไม่ต้องซ้ำก็เลือกใส่ false ซะ มันก็เล่นครั้งเดียวจบไปเลยครับ

hidden="..." ก็คือเราจะซ่อนตัว media player ที่เราใช้หรือเปล่า ถ้าเราลงว่า true ตัว media player ก็จะหายไปครับ แต่ถ้าลงว่า false ก็จะยังเห็นเด่นเป็นสง่าอยู่ กรณีนี้ขอเตือนว่า หากเลือก media player โหมด (คุณ) แอบแล้วยังจะให้เพลงเล่นเองไม่รู้จบแบบไม่นับ loop เนี่ย ขอให้ file ของภาพเคลื่อนไหวหรือเพลงมันเล็กสักนิดนึงนะครับ เนตบางบ้านไม่แรงจะเล่นไม่ได้เอา ที่สำคัญคือ ใครต้องการจะใส่ file ภาพเคลื่อนไหวต้องกำหนดให้เป็น false เท่านั้น ตัว media player ไม่มี จะไปดูภาพเคลื่อนไหวจากไหนล่ะครับท่าน ...

noembed คำสั่งนี้ก็คล้าย ๆ กับ tag คำสั่ง alt ในการแทรกภาพน่ะครับ ไม่ได้ยากอะไร ก็แค่ว่า ใส่ไว้เผื่อ browser ที่ใครคนอื่นเล่นมันเล่น file ภาพหรือเสียงของเราไม่ได้ก็จะได้รู้ว่า เกิดอะไรขึ้น ไม่งงเป็นไก่ตาแตก จู่ ๆ มันก็เงียบไปซะงั้นอะไรทำนองนี้ครับ อันนี้เป็น option เสริม มีก็ได้ ไม่มีก็ได้ ที่สำคัญแค่อย่าลืมใส่คำสั่งปิด ลงไปด้วยแล้วกันครับ

volume="..." คำสั่งนี้จะระบุความดังของเสียงเพลงครับ กำหนดไว้กลาง ๆ ไม่ต้องต่ำมาก เดี๋ยวไม่ได้ยิน และไม่ต้องดังมาก ถ้า blog คุณไม่ได้นำเสนอหนังผี หรือต้องการให้คนตกใจครับ

สำหรับค่าอื่น ๆ พวก align="...", height="...", width="...", hspace="..." และ vspace="..." นั้นก็ใช้เหมือน ๆ เดิมกับตอนที่เราทำการแทรกภาพนั่นล่ะครับ ค่าความยาวของให้มากกว่าสองเท่าความกว้างจะดูดีกว่า ทั่วไปก็สัก 3-4 เท่าครับ แล้วแต่ว่าเราคิดว่า file ที่เรานำมามันยาวขนาดไหนครับ สำหรับกรณีที่เล่นภาพเคลื่อนไหวก็อย่าลืมบวกความสูง (vspace) เผื่อหน้าจอของ media player ด้วยครับ ไม่งั้นเล่นให้ตายก็ไม่มีภาพขึ้น มีแต่เสียง หากต้องการแค่ file เสียงก็ใส่ความสูงน้อย ๆ จะได้เห็นปุ่มน้อย ๆ ครับ


ในที่นี้ เราจะมีแค่ midi file สั้น ๆ เป็นตัวอย่างนะครับ เพื่อความประหยัดที่ของ blog

ตัวอย่าง

browser ท่านเล่นไม่ได้ เสียใจนะครับท่าน เอิ๊กส์

ผลที่ได้

browser ท่านเล่นไม่ได้ เสียใจนะครับท่าน เอิ๊กส์

สำหรับการใส่ file ภาพเคลื่อนไหวนั้น ก็ใช้กลวิธีเดียวกันทุกประการครับ อย่าลืมกำหนดให้"ขนาด"ของ media player ที่ใช้พอดีกับภาพด้วยครับ


ขอให้ทุกท่านโชคดีในการใช้เพลงเป็นสื่อหาคู่นะครับ 5 5 5 5

^{[สมุดเยี่ยม]}

---

Create Date : 17 มิถุนายน 2548 Last Update : 2 ธันวาคม 2549 23:58:51 น. Counter : 1029 Pageviews.		29 comments
Share Tweet

	วิ่งเพื่อน้อง รักผืนป่าห้วยขาแข้ง อ.บ้านไร่ จ.อุทัยธานี สองแผ่นดิน (11 ม.ค. 2564 23:39:08 น.)		👫♥ ค่อยๆเดิน ♥👫 โอน่าจอมซ่าส์ (9 ม.ค. 2564 11:14:09 น.)
	10 มค 64 นางพญาเสือโคร่ง - Wild Himalayan Cherry mcayenne94 (10 ม.ค. 2564 21:47:42 น.)		ขนมปังอบ "เนย &กระเทียม" สมาชิกหมายเลข 3661152 (14 ม.ค. 2564 13:12:12 น.)