สร้างเสียงดนตรีบนเว็บเพจ

ข่าวสารทางเว็บ : สมัครสมาชิกกับเราวันนี้อาจเจอสิ่งดีดีที่คุณคาดไม่ถึง!! >> สมัครสมาชิก

it4x.com > Website html,php,cms > ภาษา HTML > สร้างเสียงดนตรีบนเว็บเพจ

หน้า: [1] ลงล่าง

	ผู้เขียน	หัวข้อ: สร้างเสียงดนตรีบนเว็บเพจ (อ่าน 2180 ครั้ง)
0 สมาชิก และ 2 บุคคลทั่วไป กำลังดูหัวข้อนี้

Moshi

พนักงาน it4x
Pro - A

Thank : 26

ออฟไลน์

กระทู้: 13685

สร้างเสียงดนตรีบนเว็บเพจ

« เมื่อ: สิงหาคม 10, 2009, 01:21:38 pm »

สร้างเสียงดนตรีบนเว็บเพจ

สร้างเสียงดนตรีบนเว็บเพจ

แบบ Background Sound
รูปแบบ <BGSOUND SRC="......." LOOP=n>
เป็นการใส่เสียงเพลง ทำเป็น Background ให้กับโฮมเพจ เมื่อผู้เยี่ยมชมเปิดเข้ามา มันจะทำการ โหลดเพลง ให้โดย อัตโนมัติ โดย
• BGSOUND เป็นรูปแบบการใส่เสียงเพลงของ Microsoft Internet Explorer
• SRC ใส่ ตำแหน่ง ที่อยู่ ของไฟล์เสียง เพลงที่ต้องการ
• LOOP จำนวนรอบที่ต้องการให้เล่น ถ้าต้องการให้เล่นไปเรื่อย ๆ ให้ใส่ Infinite
ตัวอย่าง <BGSOUND SRC="sound.mid" LOOP=5>

แบบ EMBED
รูปแบบ <EMBED SRC="......" HIDDEN=TRUE HIGHT=n WIDTH=n CONTROLS=COLSOLE/SMALLCONSOLE AUTOSTART=TRUE LOOP=TRUE/n>
เป็นการใส่เสียงเพลง ทำเป็น background ให้กับโฮมเพจของ Netscape Navigator โดย
• EMBED เป็นรูปแบบการใส่เสียงเพลงของ Netscape Navigator
• SRC ใส่ ตำแหน่ง ที่อยู่ ของไฟล์เสียง เพลงที่ต้องการ
• HIDDEN เป็นการซ้อนปุ่มควบคุมการเล่นเพลง ถ้าไม่ต้องการก็ไม่ต้องใส่เข้าไปเลย เมื่อใส่คำสั่งนี้แล้ว คำสั่งอื่นคือ hight,width,controls ก็ไม่ต้องใส่เข้าไป
• HIGHT เป็นการกำหนดความสูงให้กับแผงควบคุม
• WIDTH เป็นการกำหนดความกว้างให้แผงควบคุม
• CONTROLS กำหนดรูปแบบแผงควบคุม โดย smallconsole เป็นแบบอย่างย่อ ส่วน console เป็นเต็มรูปแบบ
• - AUTOSTART กำหนดการเล่นเพลงโดยอัตโนมัติ (TRUE) ถ้าไม่ต้องการให้ ลบทิ้งไปได้เลย
• LOOP จำนวนรอบที่ต้องการให้เล่น ถ้าต้องการให้เล่นไปเรื่อย ๆ ให้ใส่ TRUE แต่ถ้าต้องการ กำหนดจำนวนรอบก็ใส่เป็นตัวเลขเข้าไป เมื่อไม่ต้องการไม่ให้วนให้ใส่ FALSE (ไม่จำเป็นต้องใส่ก็ได้ เพราะค่าปกติเป็น FALSE อยู่แล้ว)
ตัวอย่าง
<EMBED SRC="sound.mid" HIGHT=60 WIDTH=144 CONTROLS=COLSOLE AUTOSTART=TRUE LOOP=TRUE>

แบบกำหนดตัวเชื่อม
รูปแบบ < A HREF="......">คำอธิบาย</A>
เป็นการใส่เพลงโดยการกำหนดตัวเชื่อม ในช่องว่าง ๆให้ใส่ตำแหน่งไฟล์เสียง ลงไป ส่วนตรง "คำอธิบาย" ให้ใส่ข้อความที่สื่อความหมายให้รู้ว่า ตัวเชื่อมนี้ เป็นไฟล์เพลง เช่น "เพลงแสนสนุก"
ตัวอย่าง < A HREF="sound.mid"> ฟังเพลงกดตรงนี้จ้า</A>

แบบ META
รูปแบบ < META HTTP-EQUIV="Refresh" CONTENT="1;URL=........">
ใช้คำสั่ง meta เพื่อเป็นการโหลดไฟล์ออดิโอและ เล่นเพลงนั้น ๆ โดยอัตโนมัติ ทันทีเมื่อเว็บเพจถูกโหลดขึ้นมา ใช้ได้ทั้ง IE และ NS โดย
• คำสั่ง <META> ใส่อยู่ระหว่าง คำสั่ง <HEAD>......</HEAD>
• HTTP-EQUIV="Refresh" กำหนดการโหลดไฟล์เพลงโดยอัตโนมัติ
• CONTENT="1;URL=...." เป็นการกำหนดเวลาที่จะโหลดเพลงเมื่อเว็บเพจถูกโหลดขึ้นมา โดย URL เป็นชื่อเพลงที่ต้องการให้โหลด เช่น
<HEAD>
<META HTTP-EQUIV="Refresh" CONTENT="1;URL=sound.mid">
</HEAD>

ใส่ไฟล์วีดิโอให้เว็บเพจ(IE)
รูปแบบ <IMG DYNSRC="....." SRC="......" ALT="......" LOOP=n START=FILEOPEN/MOUSEOVER CONTROLS>
เป็นรูปแบบการใส่ไฟล์วีดิโอของ Internet Explorer โดยมีลักษณะคำสั่งดังนี้
• DYNSRC="......" ให้ใส่ชื่อไฟล์วีดิโอลงไป เช่น video.avi
• SRC="......" ให้ใส่ไฟล์รูปภาพ ไว้ เป็นตัวแทน ไฟล์วีดิโอนั้น ๆ เมื่อบราวเซอร์ ผู้ใช้ไม่สนันสนุน
• ALT="......" ใส่ข้อความใด ๆ ก็ได้ลงไปเพื่อ ให้ผู้ใช้ที่ ไม่สามารถดูวีดิโอ สามารถรู้ข้อมูลได้
• LOOP=n กำหนดจำนวนครั้งที่จะให้วีดิโอเล่น ใส่เป็นตัวเลขหรือ infinite ก็ได้
• START=FILEOPEN/MOUSEOVER โดย fileopen เป็นการกำหนด ให้เริ่มเล่นทันที ที่ไล์วีดีโอโหลดเสร็จ (ปกติแล้ววีดิโอจะถูกเล่น ทันทีที่ดาวน์โหลดเสร็จ ดังนั้น -STRAT=FILEOPEN จึงไม่ต้องใส่ก็ได้) mouseover เป็นการกำหนด ให้เล่นวีดิโอ เมื่อเอาเมาส์ไปวางบนวีดีโอนั้น ๆ
ตัวอย่าง
< IMG DYNSRC="SPORT.AVI" SRC=PICTURE.GIF ALT="ทดสอบการใช้ไฟล์วีดีโอ(IE)" LOOP="2" >

ใส่ไฟล์วีดิโอให้เว็บเพจ(NS)
รูปแบบ
< EMBED SRC="....." LOOP="TRUE/FALSE WIDTH=pixels HEIGHT=pixels ALIGN="....." >
เป็นรูปแบบการใส่ไฟล์วีดิโอของ Netscape Navigator จะยุ่งยากตรงที่ว่า เราต้องรู้ขนาดของไฟล์วีดิโอ ว่ามีขนาดยาวกี่พิกเซล ตามขนาดมาตรฐานแล้ว (height x width) จะมีอัตราส่วนเป็น 3:4 ขนาดมาตรฐานได้แก่ 90 x 120 120 x 160,180 x 240 และ 240 x 320 โดยมีลักษณะคำสั่งดังนี้
• SRC="......" ให้ใส่ชื่อไฟล์วีดิโอลงไป เช่น 02sticks.avi
• LOOP ถ้ากำหนดเป็น true จะทำให้วีดิโอเล่นไปเรื่อย ๆ ถ้าต้องการ ให้เล่นครั้งเดียวไม่ต้องใส่ก็ได้
• WIDTH กำหนดขนาดความกว้างของวีดิโอ ตามมาตรฐาน
• HEIGHT กำหนดความสูงของวีดิโอ ตามมาตรฐาน
• ALIGN="...." เป็นการกำหนดตำแหน่ง ดังนี้ top,bottom,center,baseline,left,right,

ตัวอย่าง <EMBED SRC=sport.avi WIDTH=240 HEIGHT=180>