บทเรียนการเขียนเว็บด้วยภาษา html
การใส่เพลงและแฟลชในเว็บ
sound
ในที่สุดก็เป็นหน้าแรกที่ทำเอง แต่ก็ยังลอกเนื้อหามาจากที่อื่นๆทั้งเว็บไทยและฝรั่งมาประกอบกันครับ ใครต้องการให้ ผู้ใช้เปิดเข้ามาในหน้าเว็บแล้วมีเสียงเพลงประกอบ แบบในหน้านี้(ได้ยินรึเปล่าครับ ผมปรับให้มีเสียงเบา กด Stop บนเมนูเพื่อหยุดเสียงครับ) ผมมีความรู้เรื่องเสียงน้อยนิดครับ แต่ตัวอย่างในหน้านี้ผมทดสอบแล้วครับ น่าจะใช้ได้ครับ คุณต้องทดลองดูอีกทีให้แน่ใจ ผมมีวิธีทำง่ายๆ ดังนี้ครับ…
คำสั่งใส่เสียง(หรือเพลง)อย่างง่าย
<bgsound src=”ที่อยู่ของเพลง”>
ไฟล์เพลงที่ผมทดลองใช้แล้วไม่มีปัญหา(ผมใช้ Internet Explorer เวอร์ชั่น 6.0 Windows 98) ได้แก่ wav , mid , mp3 หากคุณมีเพลงอยู่ในเครื่องแล้ว ลองหาที่อยู่ของเพลง แล้วนำมาใส่ในคำสั่งนี้สิครับ พิมพ์เพียงโค้ดสั้นๆข้างบนลงใน notepad เซฟไฟล์เป็น HTML แล้วเปิดออกมา คุณก็จะได้ยินเสียงของเพลงนั้น อย่างในหน้านี้ที่อยู่ของเพลงคือ “aerith.mid” (ผมไม่จำเป็นต้องพิมพ์ที่อยู่เต็ม คือ http://www.freewebs.com/webthai/aerith.mid เพราะใส่ไฟล์เพลงไว้ที่เดียวกับหน้านี้) ซึ่ง aerith เป็นชื่อไฟล์เพลง ส่วน mid เป็นชื่อสกุลหรือชนิดของไฟล์ คุณสามารถรู้ชื่อสกุลไฟล์โดยการคลิ๊กขวาที่ไฟล์นั้น แล้วกดเลือก Properties จะเห็นชื่อสกุลอยู่หลังชื่อไฟล์และจุดครับ แต่หากเป็น Windows XP อาจหาสกุลไฟล์ไม่เจอ คุณต้องเปิดเพลงนั้นขึ้นมา แล้วกดดูข้อมูลของไฟล์เพลงนั้น
คำสั่งปรับแต่งเพิ่มเติม
<bgsound src=”aerith.mid” loop=”0″ volume=”-3000″ balance=”0″>
นี่เป็นคำสั่งทั้งหมดที่ผมใช้ใส่เสียงในหน้านี้ครับ คำสั่งต่างๆที่เพิ่มเข้ามามีดังนี้…
- loop=”0″ เป็นคำสั่งกำหนดจำนวนครั้ง(รอบ)ที่เล่นเพลงหรือวิดีโอคลิ๊ป ในที่นี้ผมใช้เลข 0 หมายถึงให้เล่นเพลงแค่รอบเดียว หากไม่ใส่คำสั่งนี้ loop จะมีค่าดั้งเดิม(default)เท่ากับ 1 ซึ่งหมายถึงเล่นเพลงรอบเดียวเช่นกัน หากกำหนด loop=”2″ จะเล่นเพลง 2 รอบ หากกำหนดให้มากขึ้น ก็จะเล่นรอบตามเลขที่กำหนด หากใช้ loop=”-1″ (ลบหนึ่ง) เสียงเพลงจะเล่นซ้ำไม่รู้จบ
- volume=”-3000″ เป็นคำสั่งกำหนดความดัง(volume)ของเสียงหรือเพลง โดยกำหนดมากสุดได้ที่ volume=”0″ จะให้เสียงดังที่สุด ส่วนการกำหนดต่ำสุดที่ volume=”-10000″ จะให้เสียงเบาที่สุดหรือเงียบไปเลยครับ ผมตั้งไว้ที่ติดลบสามพัน เพื่อให้เสียงค่อยๆหน่อย(ค่อยมั้ยครับ) จะได้ไม่เป็นการรบกวนคุณผู้อ่าน
- balance=”0″ เป็นคำสั่งกำหนดทิศทางของเสียง ว่าให้ไปออกทางลำโพงซ้ายหรือขวามากกว่ากัน การกำหนดต่ำสุดที่ balance=”-10000″ เสียงจะออกทางลำโพงซ้ายทั้งหมด ส่วนการกำหนดสูงสุดที่ balance=”10000″ เสียงจะออกทางลำโพงขวาทั้งหมด ผมตั้งไว้ที่ 0 เสียงจึงออกทั้งสองข้างเท่ากัน ซึ่งจริงๆแล้วไม่ต้องกำหนดก็ได้ครับ เพราะค่าดั้งเดิมของคำสั่งนี้จะเท่ากับ 0 เพียงแต่ทำไว้ ให้เป็นตัวอย่าง
ตัวอย่างคำสั่งใส่เสียงอีกแบบหนึ่ง
<embed src=”aerith.mid” hidden=”true” autostart=”true”>
จริงๆแล้วรูปแบบคำสั่งข้างบนนี้ เขาบอกว่าใช้ได้กับ Browser ที่เป็น Netscape Navigator(NN) เท่านั้น แต่แปลกที่เครื่องผมใช้ได้น่ะครับ แต่ผมได้ทดลองคำสั่งนี้กับ Windows XP ปรากฏว่าใช้ไม่ได้ครับ ขออธิบายคร่าวๆนะครับ hidden=”true” หมายถึง การซ่อน(hidden)โปรแกรมที่เล่นเพลงนั้น หากใช้ hidden=”false” (false แปลว่า ไม่ใช่ true แปลว่า ใช่) โปรแกรมที่ใช้เล่นเพลงจะปรากฏเข้ามาให้เห็นในหน้าเว็บ autostart=”true” หมายถึง ให้เล่นเพลงนั้นทันทีที่เปิดเข้ามา หากใช้ autostart=”false” เพลงจะไม่ถูกเล่น จนกว่าผู้ใช้จะกด play บนโปรแกรมที่เล่นเพลงนั้น
คำสั่งใส่ Flash อย่างง่าย
สำหรับ IE…
<embed src=”ชื่อไฟล์แฟรช.swf” width=”ความกว้างในหน่วยพิกเซล” height=”ความสูงในหน่วยพิกเซล“>
สำหรับ NN…
<param name=”movie” value=”ชื่อไฟล์แฟรช.swf”>
กลับ_การวางตัวหนังสือร่วมกับภาพ หน้านี้การใส่เสียงเพลง ไป_คำสั่ง span