SiamWEB Cyber Culture SiamWEB.ORG
People Social&Travel News&Culture Romance Sanook(Fun) Technical Thailand
HomeTechnical CornerInternetwww
  Midi webing

การเพิ่มลูกเล่นให้กับโฮมเพส

เพื่อนๆหลายคนคงเคยท่องเที่ยวไปใน โลกของอินเตอร์เน็ตโดยผ่าน โปรแกรมหลายอย่าง อาธิเช่น Netscape, Microsoft Explorer ,Mosaic หรืออื่นๆ แต่ที่จะได้รับความนิยมมากก็เห็นจะเป็น เจ้าโปรแกรมที่กล่าวมาข้างต้น การที่ใช้โปรแกรม เหล่านี้ก็เพื่อเป็นสื่อให้สามารถเข้าไปยังบรรดา โฮมเพสซี่งมีอยู่มากมายนับไม่ถ้วน แต่บรรดา โฮมเพสเหล่านั้น จะมีสักกี่แห่งที่จะสามารถดึงดูด บรรดานักท่องเวบทั้งหลาย ( พูดยังกะนักท่องเที่ยว ยามราตรีเลย..ฮิ ฮิ ) ให้เข้าไปเยือนเวบนั้นๆ ซํ้าแล้ว ซํ้าเหล่า

บรรดาผู้สร้างหรือออกแบบ เวบไซท์ ทั้งหลายต่างตระหนัก ถึงความสำคัญของเหตุผลนี้ ดังนั้นจึงมีการนำลูกเล่นต่างๆเข้ามาใส่ไว้ในเวบ ไซท์ของตน ลูกเล่นต่างๆ ก็มีความยากง่ายต่างกัน ซี่งที่เป็นที่นิยมก็เห็นจะมี Java script , Embed sound , Animation etc ใน ที่นี้ผมจะขออธิบาย ถีงการใส่เสียงลงไปในโฮมเพส

การใส่เสียงเข้าไปในโฮมเพสนั้นก็มี file มากมายหลาย ชนิดที่จะนำมาใช้ เช่น .mid , .au , .wavแต่เพื่อนๆ สังเกตหรือคิดให้ดีนะครับ ว่าเราจะใช้งานแบบไหน เป็น ต้นว่าถ้าเพื่อนๆอยากจะทักทายบรรดาแขกที่มาเยี่ยม เยียนก็สามารถนำเสียงที่สุดเท่ห์หรือสุดเซ็กซี่มาแปลง เป็นไฟล์ .au , .wav ก็ได้ครับ แต่ไม่ใช่ว่าจะพูดซะจน ลิงหลับนะครับ ( ไม่ใช่อะไรหรอกครับ เหตุผลที่ไม่ให้พูด เยอะก็คือ ถ้าพูดเยอะไอ้เจ้าไฟล์เหล่านั้น ก็จะมีขนาด ใหญ่มากเกินไป ทำให้เสียเวลาในการดาวน์โหลดน่ะ ครับ) ยิ่งในกรณีที่เพื่อนๆจะเอาเพลงมาใส่ ก็ไม่ควรอย่าง ยิ่งที่จะนำไฟล์ .wav , .au มาใชเ้พราะการจะจบเพลงก็ ตงใช้เวลาเป็นวันเชียวแหล่ะ ผมเคยลองนะครับในการ แปลงเพลงจาก CD ให้มาเป็น wav format โอ้โอ้ไอ้ เพลงที่ร้องแค่ 3-4 นาทีนี่ มันใช้เนื้อที่ทั้งหมดตั้ง 40 Meg แน่ะครับ กว่าจะได้ฟังก็.....กันพอดี ถ้าจะให้ดีก็ ควรนำ midi format มาใช้จะดีกว่าในกรณีที่เป็นเพลง

ในการเพิ่มเสียงลงไปในเวบเพสนั้น เพื่อนๆสามารถที่จะทำได้มาก มายหลายวิธีเช่น การใช้ไฟล์เสียงเป็นbackground ( ซึ่งเราจะไม่เห็น icon ดัง รูปด้านข้างนี้ ), และอีกวิธีก็คือการให้ไฟล์เสียงปรากฏเป็น icon ดังรูป

ในแต่ละ วิธีนั้นก็มีข้อมูลปลีกย่อยมากมายหลายแบบซึ่งผมก็จะอธิบาย ต่อไปนะครับ อย่า เพิ่งรีบร้อนไปนะครับ

เอาเป็นว่าเรามาพูดถึงไฟล ์ที่จะนำมาใช้นั้นเพื่อนๆ สามารถหาได้จากการท่องใน WWW ก็ได้ครับ ถ้าจะให้ง่ายควรใช้บรรดาไซท์ที่ ใช้ค้นหาข้อมูลอาธิเช่น yahoo , altavista , webcrawler . infoseek , lycos หรืออื่นๆ อีกมากมายโดยการ serch คำว่า “midi format” , “midi song” , “wav format” , “au format” ( แต่โดยทั่วไปในการหาเพลงนั้นผมมักจะหาเฉพาะ midi format นะครับ ก็เพราะมันมีความจุน้อยนั่นเอง แต่ถ้าเพื่อนๆต้องการใช้ประเภท อื่นก็ไม่ว่ากัน ) ข้อดีของ au ,wav ก็มีเช่นกันนั่นก็คือ ไอ้เจ้าไฟล์ประเภทนี้จะมี เนื้อร้องด้วยในกรณีที่เป็นเพลง ด้วยเหตุนี้แหล่ะครับมันจึงมีความจุที่ใหญ่เอาการ มิใช่น้อย เอาละครับได้เวลาที่จะเริ่มซีเรียสแบบเล็กๆแล้ว ;)

ผมจะใช้ HTML Tag ในการเขียนซึ่งจะกล่าวอธิบายโดยใช้ตัวอย่างดังนี้ <HTML><HEAD><TITLE>Test
MIDI_file<</TITLE></HEAD>
<BODY>
<EMBED
SRC=http://www.au.ac.th/~u3820065/midi/sailormoon.mid
border=0 hidden = fault loop=fault height=66
width=144>
</BODY>
</HTML>

ครับนี้ก็เป็นตัวอย่างแรกนะครับในตัวอย่างจะเห็นได้ว่าการใช้ Tag นี้จะใช้ embed ซึ่งเพื่อนๆจะเขียนตัวใหญ่หรือตัวเล็กก็ได้ ครับตามแต่ถนัด ส่วน src จะบอกถึงตำแหน่งที่เราต้องการจะ Link ไปหา ( เพื่อนๆลองทำตามดูก็ได้ครับเพราะไฟล์ sailormoon.mid เป็นไฟล์ที่อยู่ใน public_html/midi ของเพื่อนผมที่เอแบค เป็นเพลงไตเติ้ลของ SailormoonR คิดว่าหลายคน ที่ยังคิกขุกาโมอยู่คงรู้จัก) ส่วนสถานะ hidden=fault นั้นคือการให้มีการโชว์ console โดยเราสามารถจะเปิดหรือปิดเพลง ได้อย่างง่ายดาย สถานะต่อไปคือ Loop=fault คือการกำหนด ให้มีการเล่นเพลงซำ้ไปมาหลายรอบ ในที่นี้เรากำหนดให้เล่น แค่รอบเดียวพอจบแล้วหยุด ส่วนสถานะอื่นๆไม่ค่อยมีความสำคัญมากนัก แต่ถ้าจะให้ดูสวยก็ควรกำหนดขนาดของ console ให้มีความ กว้างและความสูงตามในตัวอย่าง

หมายเหตุ ในกรณีที่ต้องการ ให้มีการเปิดเองอัตโนมัติ แบบว่าโหลดปุ๊ป เปิดปั้ป ( เอ้า ว่าเข้านั้น ;P ) เพือนๆต้อง เปลี่ยนแปลงบางอย่างคือต้องเพิ่มสถานะ autostart=true ลงไปนะครับ เพียงเท่านี้ เพื่อนๆก็สามารถลูกเล่น ที่เพลิดเพลินไปอีกแบบ แถมยังไม่ต้องอาย ใครอีกด้วยเวลาชวนคนอื่นๆ เข้ามาชมเวบเพสของเพื่อนๆ

ต่อไปจะเป็นอีกตัวอย่างหนึ่งซึ่งเพื่อนๆ ต้องการจะซ่อน console ไว้หรือเรียกอีกไนหนึ่งก็คือการใส่ background sound นั่น เองพิจารณาตัวอย่างต่อไปน

<HTML><HEAD><
TITLE>Testing2</TITLE></HEAD>
<BODY>
<EMBED
SRC=file:///c:/songs/love.wav
autostart=true hidden=true loop=true>
</BODY>
</HTML>

จากตัวอย่างนี้จะเห็นว่ามีการเรียกไฟล์จากเครื่องคอมพิวเตอร์โดยตรงคือจากไดรฟ์ C:\songs\love.wav ( ไฟล์เป็นไฟล์ wav format ) สถานะต่างๆมีดังนี้ autostart=start สำคัญมาก เพราะว่าการที่เราซ่อนไฟล์นี้ เราไม่สามารถจะ เปิดได้โดย click ที่ console แบบ ในกรณีแรก ดังนั้นเราจึงต้องกำหนดให้มีสถานะ play อัตโนมัติ ต่อไปก็คือสถานะ hidden=true ตัวนี้แหล่ะที่เป็นตัวที่กำหนด การซ่อนของ console ซึ่งสังเกตดูดีๆจะแตกต่างกับในกรณีแรก ส่วนสถานะ loop นั้นเพื่อนๆต้องการแบบไหนก็ได้แต่โดยปกติผมชอบจะกำหนด ให้ play ไม่จำกัดรอบ และที่ต่างจากกรณีแรกอีกประการ ก็เห็นจะเป็นไม่ต้องกำหนดสถานะ height และ width ให้ก็ได้ ( ก็เพราะว่า ไม่ได้ โชว์ console ไงละครับ ดังนั้นจะให ้เป็น ลักษณะไหนก็ได้ )

เพื่อนๆคนไหนที่ต้องการข้อมูลเพิ่มเติมหรือมีข้อซักถามก็ สามารถส่ง e-mail มายังผมได้ตามนี้นะe-mail address นี้นะครับ "s802470@cc.kmitt.ac.th หรือถ้าเพื่อนๆต้องการรู้จักกันก็ทักทายกัน ได้โดยผ่านทาง e-mail ก็ได้นะครับ และเพื่อนๆสามารถไปเยี่ยม เยือนที่เวบไซท์ของผมได้ที่ BOBs Homepage นะครับ
Note: Bob gave us a RGB chart but 60 KB was too slow so we kept it here

Comments:
Related Stuff
วิธีการเขียนหน้าบ้าน (homepage) อย่างง่าย สำหรับผู้ที่เพิ่งเริ่มต้นงมโข่งใหม่ๆ
www

Homepage ภาษาไทย : ปัญหาการตัดคำ และ โปรแกรม download
www

About Us | Terms of use | Privacy info | Sponsorship | Contact us | Guestbook

Copyright 1995-2001 SiamWEB.ORG
Bandwidth by Internet Thailand