การใส่ไฟล์มัลติมีเดีย เช่น ไฟล์เสียง เพลง, Video, Flash
เราสามารถใส่ไฟล์เพลง, ไฟล์ video หรือไฟล์ flash ลงไปในหน้าเว็บเพจได้ ด้วยคำสั่ง <embed>
เราสามารถใส่ไฟล์เพลง, ไฟล์ video หรือไฟล์ flash ลงไปในหน้าเว็บเพจได้ ด้วยคำสั่ง <embed>
<embed> เป็นคำสั่งแสดงการทำงานของโปรแกรม plug-in โดยนำไปผนวกกับเอกสาร HTML และอาจใส่ tag <noembed> ควบคู่ไปด้วย เผื่อเว็บเบราเซอร์์รุ่นเก่าที่ยังไม่ support tag <embed> นี้.
โครงสร้างของคำสั่งการแทรกไฟล์ Multimedia
<embed src="url ไฟล์" width="number" height="number" >
<noembed><img src="url ไฟล์รูปภาพที่ให้แสดงเมื่อใช้ embed ไมได้" ></noembed> </embed> |
คำสั่งเสริม สำหรับ <embed>
- src="url" url ของไฟล์ที่จะให้เล่น ได้แก่ ไฟล์เสียง (เช่น .mid, .wav, .mp3) ไฟล์ vedio (เช่น .avi, wmv, mov, mpeg) และไฟล์ Flash movie ( .swf)
- width="no" กำหนดขนาดความกว้างของตัว player
- height="no" กำหนดขนาดความสูงของตัว player
- align="top | middle | bottom | left | right" จัดวางตำแหน่งให้กับวัตถุ ที่อยู่ข้างๆ ตัว player
- name="ชื่อ" ชื่ออ้างอิงของวัตถุ
- autostart="true | false" เมื่อโหลดเว็บเพจแล้ว ให้เล่นอัตโนมัติหรือไม่
- loop="true | false | number" กำหนดเป็น true เมื่อต้องการให้เล่นซ้ำไปเรื่อยๆ หรือกำหนดเป็นตัวเลข จำนวนรอบที่ต้องการให้เล่นซ้ำ่
- playcount="no" จำนวนรอบที่ให้เล่น (ใช้ได้เฉพาะ IE)
- hidden="true | false" ให้ซ่อน หรือแสดงตัว player
- volume="0 ถึง 100" กำหนด volume ของเสียง (ใช้ได้เฉพาะ Netscape)
- width="no" กำหนดขนาดความกว้างของตัว player
- height="no" กำหนดขนาดความสูงของตัว player
- align="top | middle | bottom | left | right" จัดวางตำแหน่งให้กับวัตถุ ที่อยู่ข้างๆ ตัว player
- name="ชื่อ" ชื่ออ้างอิงของวัตถุ
- autostart="true | false" เมื่อโหลดเว็บเพจแล้ว ให้เล่นอัตโนมัติหรือไม่
- loop="true | false | number" กำหนดเป็น true เมื่อต้องการให้เล่นซ้ำไปเรื่อยๆ หรือกำหนดเป็นตัวเลข จำนวนรอบที่ต้องการให้เล่นซ้ำ่
- playcount="no" จำนวนรอบที่ให้เล่น (ใช้ได้เฉพาะ IE)
- hidden="true | false" ให้ซ่อน หรือแสดงตัว player
- volume="0 ถึง 100" กำหนด volume ของเสียง (ใช้ได้เฉพาะ Netscape)
การแทรกไฟล์เสียง
ตัวอย่างการใช้คำสั่ง เล่นไฟล์เสียง
<embed src="รักแท้ดูแลไม่ได้.mp3" width="100%" height="60">
<noembed><img src="nosupport.gif" ></noembed> </embed> |
--------------------------------------------------------------------------------------------------------------------------------------------------------------
แบบกำหนดตัวเชื่อม
<A HREF="ชื่อไฟล์.นามสกุล">คำอธิบาย</A>
|
เป็นการใส่เพลงโดยการกำหนดตัวเชื่อม ในช่องว่าง ๆให้ใส่ตำแหน่งไฟล์เสียง ลงไป ส่วนตรง "คำอธิบาย" ให้ใส่ข้อความที่สื่อความหมายให้รู้ว่า ตัวเชื่อมนี้ เป็นไฟล์เพลง เช่น "เพลงแสนสนุก"
ตัวอย่าง
<A HREF="รักแท้ดูแลไม่ได้.mp3"> คลิกเพื่อเชื่อมไปยังเพลงนี้ </a>
|
--------------------------------------------------------------------------------------------------------------------------------------------------------------
การแทรกวีดิโอ
ใส่ไฟล์วีดิโอให้เว็บเพจ (สำหรับ Internet Explorer)
<IMG DYNSRC="....." SRC="......" ALT="......" LOOP=n START=FILEOPEN/MOUSEOVER >
|
เป็นรูปแบบการใส่ไฟล์วีดิโอของ 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">
|
--------------------------------------------------------------------------------------------------------------------------------------------------------------
การแทรกไฟล์ Flash
วิธีการแทรกไฟล์เฟลชนั้นจะใช้คำสั่งแบบเดียวกับการแทรกไฟล์เสียง โดยการใช้คำสั่ง <Embed> ไฟล์เฟลชส่วนใหญ่จะเป็นไฟล์ในลักษณะของเกมส์จะมีนามสกุลไฟล์เป็น .SWF
ตัวอย่าง
<embed src="paint.swf" width="100%" height="250">
<noembed><img src="nosupport.gif" ></noembed> </embed> |
------------------------------------------------------------------------------------------------------------------------------------------------------------
ไม่มีความคิดเห็น:
แสดงความคิดเห็น