Audio and Video

การใส่ภาพเคลื่อนไหว (Video) และ เสียง (Audio) ในเวป เป็นดาบสองคมเหมือนกันนะคะ ถ้าใส่ดี เวปก็จะสวยน่าดู ใส่ไม่ดีก็รกน่ารำคาญ วันนี้ขอเขียนเฉพาะเรื่องของการใส่เพลง (หรือ Audio) ลงในเวปก็แล้วกันค่ะ เพราะว่าเห็นหลายคนก็สนใจยังสับสนว่าจะใส่เพลงยังไง วันนี้ก็สรุปให้ง่ายๆเลยแล้วกันค่ะ

1 จะใส่ไฟล์ใหญ่แค่ไหน คุณภาพไฟล์เป็นอย่างไร ยิ่งไฟล์ใหญ่ๆ ละเอียดๆ เสียงก็จะดี แต่ว่าปัญหาคือมันโหลดนานนนนนน
2 จะให้มันโหลดแบบไหน ใช้แบบ stream ดีไหม คนได้ฟัง ได้เห็นรูปไปด้วยขณะที่กำลังโหลด แต่ว่าเสียงหรือรูปอาจจะกระตุกๆ ขาดๆ ต้องรอจนกว่าโหลดครบถึงจะชัด
3 ต้องไม่ลืมว่าไม่ใช่ทุกคนจะใช้ IE บางคนก็ใช้ firefox, netscape, opera หรือ avant ดังนั้นคำสั่งที่ใช้ต้องดูให้ดีว่า browser ส่วนใหญ่จะรับได้
4 เวลาเราเขียนคำสั่งเพลงที่เราใส่มันเรียกโปรแกรมอะไรมาใช้บ้าง

Downloadable แปลว่า เราเขียนคำสั่งให้มันโหลดจนเสร็จแล้วเปิดไฟล์ทีเดียว แบบนี้คนเข้าเวปเราต้องรอนานหน่อยค่ะ ขึ้นอยู่กับ 1)ขนาดของไฟล์ 2) ความไวของเนตที่เค้าใช้

Streaming อยู่ที่ Server ว่ามีโปรแกรมที่เป็น streaming server อยู่ไหม
ผู้ที่ใช้เวปได้ฟังไปเรื่อยๆทีละนิดๆ พร้อมๆกับดาวโหลดไปพร้อมๆกันเพราะฉะนั้น เพลงที่เค้าเอาวางๆ กันน่ะ คือ downloadable กันทั้งนั้น

ถ้าผู้ใช้ใช้เนตความเร็วสูง server จะตั้งไว้เป็น downloadable หรือ streaming ก็ไม่มีความหมายหรอกค่ะ เพราะว่ามันโหลดได้ไวแบบเปิดปุ๊บติดปั๊บ แต่ถ้าเป็นเนตเต่าคลานแบบเครื่องรำเพยละก็ บางทีรอมันโหลดก็หงุดหงิดๆๆ เมื่อไหร่จะมา สมัยก่อน downloadable มันต้องโหลดมาให้ครบแล้วค่อยเล่น แต่เดี๋ยวนี้ลักษณะจะคล้ายๆ กับ Streaming คือโหลดมาเรื่อยๆ แล้วก็ทะยอยเล่นเพลง ก็จะเห็นเป็น buffering เหมือนกันกับ streaming แต่ว่า streaming ปิดเครื่องแล้วหายไปเลย แต่ downloadable ไฟล์นั้นจะยังอยู่ใน hardisk ของเราน่ะค่ะ

format ของไฟล์แต่ละอย่างมีผลต่อคุณภาพเสียงนะคะ ดังนั้นเวลาเราหาไฟล์มาใส่ก็ควรดูให้ดี ว่าเราต้องการคุณภาพเสียงแค่ไหน ยิ่งจำนวน bits สูง ขนาดไฟล์ก็ใหญ่ขึ้น เสียงก็ดีขึ้น

ต่อไปนี้เป็น file format ที่เป็นที่นิยมใช้กัน

*.mp3 เก็บไฟล์ทั้ง audio และ video เป็นรูปแบบการเก็บไฟล์ที่ทุกคนคงรู้จักกันดี เสียงจะดีนะคะ แต่ว่าไฟล์ก็จะไม่เล็กนักหรอก เพลงๆ1 ก็ประมาณ 3 MB ถ้าบีบขนาดไฟล์ให้ลดลงด้วยการปรับ bit ให้น้อยลงคุณภาพก็จะด้อยลงค่ะ
*.aif (Audio Interchange File Format--AIFF) มีขนาดใหญ่ เสียงดี เอาไว้ใช้กับเครื่อง MacIntosh
*.avi (Audio/Video Interface) ใช้กับเครื่อง window เป็นส่วนใหญ่ แต่ว่าจริงๆแล้วใช้ได้กับคอมเกือบทุกประเภท เป็นไฟล์ที่มีทั้งภาพและเสียงในตัว
*.wav แบบนี้ก็คงเห็นบ่อยหน่อยค่ะ มักใช้กับคอมที่เป็น window นะคะ การทำงานจะคล้าย*.avi แต่ว่ามันมีแต่เสียงไม่มีรูป และไฟล์จะใหญ่มากประมาณ เนื่องจากเป็นไฟล์ที่ยังไม่ได้บีบให้ขนาดเล็กลงเลยค่ะ
*.mid หรือ *.midi (Musical Instrumental Digital Interface) เป็นการเก็บไฟล์ในระบบดิจิตอล ถ้าเปิดไฟล์ประเภทนี้ด้วยโปรแกรม note editing จะเห็นเป็นตัวโน้ตเลยค่ะ ขนาดไฟล์มักจะไม่ใหญ่นัก
*.swf แบบนี้จริงๆแล้วเป็น flash นะคะ ขนาดใหญ่เอาเรื่องเลย ใส่ได้ทั้งภาพและเสียง แต่เป็นแบบที่รำเพยชินที่สุดเลยเขียนรายละเอียดแยกเอาไว้ค่อนข้างเยอะ ลอง ไปอ่านที่นี่ นะคะ

ปล. swf นี่น่ะ ไม่ใช่เพลงนะคะ ไม่จำเป็นต้องเป็นเพลงเสมอไป มันเป็นแค่ flash file ที่มี เพลง มีรูปภาพ มีคำสั่งอื่นๆ มีกราฟฟิก ฯ อยู่ด้วยแค่นั้น ที่นิยมเอามาใส่เพลงลงไปแล้วเอาไปใช้ในเวปก็เพราะว่ามันใช้ได้กับหลาย browser ใช้ง่ายกว่า mp3 ซึ่งบางเวปก็ไม่ให้เปิดค่ะ

ใส่ไฟล์ Audio/Video บนเวบ Top

สำหรับ blog รำเพยใช้ <embed> หรือไม่ก็ <object> แต่ว่าเนื่องจากว่า <object> ไม่สามารถใช้ได้กับทุก browser ใช้ <embed> จะสะดวกกว่า

เอ้า ทีนี้มาดู tag กันค่ะ copy เอาไปใช้ได้เลยนะคะ รำเพยตั้งค่าความดังไว้ที่ 50% ค่ะ

ขอย้ำว่าเวลาเอาไปใช้ ให้จัด code ให้อยู่ใน 1 บรรทัดนะคะ อย่าให้เว้นบรรทัดเป็นอันขาด ไม่งั้นมันจะไม่ทำงานค่ะ (สำหรับ blog น่ะนะ)

อันแรกเป็นแบบที่เห็น control และต้องกดให้เริ่มไม่งั้นไม่ได้ยินเสียงค่ะ

แบบที่สอง ซ่อนคอนโทรล และก็เป็นแบบเปิดหน้าเวปมาก็ได้ยินเสียงเพลงเลย (รำเพยไม่ได้ใส่ตัวอย่างเพลงนะคะ หนวกหูน่ะ)

แบบที่สาม เหมือนแบบที่สองแหละค่ะ แต่ว่าเพิ่มให้ไปโหลด plugin มาด้วย

ค่า attributes ของ embed tag มีรายละเอียดแบบนี้ค่ะ Top

height=pixel/percent ความสูงของ media มีค่าเป็น pixels (หรือ เปอร์เซ็นต์ แต่ว่าอย่าใส่เป็นเปอเซนต์เลย ใส่เป็นพิกเซลดูง่ายกว่ากันเยอะ)
width=pixel/percent ความกว้างของ media มีค่าเป็น pixels
autoplay=true/false กำหนดเป็น true เพลงก็จะดังเองเมื่อโหลดเวป กำหนดเป็น false ก็ต้องกดปุ่มให้มันเล่น
loop=true/false หรือใส่ตัวเลขเป็นจำนวนรอบ ใส่ true จะเล่นวนไปเรื่อยๆ ใส่ false เล่นจบแล้วก็หยุด ใส่ตัวเลขก็จะเล่นเป็นจำนวนรอบตามที่กำหนด
pluginspage="getplug.html" ถ้าคุณคิดว่าคนที่จะเปิดเวปของคุณอาจจะเป็นคนกลุ่มที่ไม่มี plugin ตัวใดตัวหนึ่ง ก็จะใส่คำสั่งนี้เพื่อให้ไปโหลดโปรแกรมมาใช้ค่ะ
volume ความดังความค่อยของเสียง กำหนดเป็นเปอเซนต์ค่ะ

ขอบคุณพี่กึ่งยิงกึ่งผ่านที่ช่วยตรวจด้วยนะคะ