ข่าว IT ล่าสุด
ถูกใจอย่าลืม Like Fanpage
สร้างเสียงดนตรีบนเว็บเพจ
แสดงแล้ว 7342 ครั้ง /
สิงหาคม 10, 2009, 13:21:38

Moshi

ออฟไลน์
กระทู้ : 16,996
คะแนนขอบคุณ : 45
it4x สังคมแห่งการเรียนรู้
สร้างเสียงดนตรีบนเว็บเพจ

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

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

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

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

แบบ META 
รูปแบบ < META HTTP-EQUIV="Refresh" CONTENT="1;URL=........">

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


 

ใส่ไฟล์วีดิโอให้เว็บเพจ(IE) 
รูปแบบ ......
เป็นรูปแบบการใส่ไฟล์วีดิโอของ 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, 

ตัวอย่าง


Credit : http://www.bcoms.net/html/11.asp

Site : www.it4x.com


Moshi

ออฟไลน์
กระทู้ : 16,996
คะแนนขอบคุณ : 45
it4x สังคมแห่งการเรียนรู้
สิงหาคม 10, 2009, 13:24:17
ขุด

{|M ะ W ร้ า ว|}

ออฟไลน์
กระทู้ : 47
คะแนนขอบคุณ : 0
เมษายน 10, 2010, 20:40:52
ขุดคับๆๆๆ :D

Poowangdee

ออฟไลน์ ( 【BP Warp】 )
กระทู้ : 235
คะแนนขอบคุณ : 6
https://www.youtube.com/channel/UCEagmGQ9pzUZJKK1f5K-CFw
พฤษภาคม 22, 2010, 02:21:38
ขอบคุณมากๆนะคะ

กะลังหาอยู่พอดี หุหุ

 

ด้วยฟังค์ชั่น ตอบด่วน คุณสามารถใช้โค๊ดและ เครื่องหมายแสดงอารมณ์ได้ เหมือนการตั้งกระทู้ธรรมดา แต่สามารถทำได้สะดวกกว่า

ระวัง: หัวข้อนี้ไม่มีการอัพเดทมานานถึง 120 วัน

แจ้งเตือน: โพสของคุณจะไม่แสดงจนกว่าผู้ดูแลจะอนุมัติ.
ชื่อ: อีเมล์: