ทำแบบทดสอบก่อนเรียน
การออกแบบเว็บไซต์
ภาษา html
การจัดรูปแบบเอกสาร
การจัดรูปแบบตัวอักษร
การใส่รูปภาพลงในเว็บเพจ
การสร้างตาราง
การเชื่อมโยงเว็บเพจ
การใส่ไฟล์มัลติมีเดีย
แบบทดสอบหลังเรียน


4. การใส่ไฟล์ออดิโอลงในเว็บเพจ
         เราสามารถใช้แท็กคำสั่ง <audio> ในการใส่ไฟล์ออดิโอลงในหน้าเว็บเพจได้โดยมีรูปแบบดังนี้
รูปแบบ

<audio src="ชื่อไฟล์เสียง" ตัวควบคุม>ข้อความ</audio>

                   โดยที่

ชื่อไฟล์เสียง ต้องระบุชนิดไฟล์และตำแหน่งที่เก็บไฟล์นั้นด้วย เช่น src="mysong.ogg"
หรือ src="c:\html\mysong.mp3"
ตัวควบคุม เป็นส่วนที่ใช้ระบุคำสั่งเสริมสำหรับควบคุมการแสดงผล ได้แก่
-autoplay ให้เบราว์เซอร์แสดงผลทันทีที่โหลดไฟล์สำเร็จ
-controls ให้แสดงแผงควบคุมการเล่น
-loop ให้วนกลับมาเริ่มต้นใหม่เพื่อแสดงผลจบ
-preload ให้เบราว์เซอร์ทำการโหลดไฟล์นี้ก่อนหรือไม่โดยระบุค่าดังนี้
            - None ไม่ต้องโหลด
            - Metadata โหลดเฉพาะข้อมูลประกอบแต่ยังไม่โหลดเนื้อหา
            - auto โหลดทั้งไฟล์เมื่อเข้าสู่หน้าเว็บนั้น
คำสั่งเสริม Preload จะถูกข้ามไปถ้ามีการระบุ autoplay ไว้
ข้อความ เป็นส่วนของข้อความที่ต้องการให้แสดงเมื่อเว็บเบราว์เซอร์ของผู้เยี่ยมชม
ไม่สามารถแสดงผลไฟล์ออดิโอนั้นด้วยแท็ก <audio>ได้เราอาจใช้ประโยชน์
จากส่วนนี้โดยการระบุเป็นข้อความให้ผุ้เยี่ยมชม
ทำการดาวน์โหลดไฟล์ไปแทนเพื่อไปเล่นกับโปรแกรมอื่นที่รองรับ

ตัวอย่าง การใส่ไฟล์ออดิโอลงในหน้าเว็บเพจ

1) เมื่อไม่มีตัวควบคุมใด ๆ
<audio src="myaudio.ogg"> </audio>

- การสั่งแบบนี้จะไม่มีผลใดๆ

2) เมื่อให้แสดงแผงควบคุมการเล่น

<audio src="myaudio.ogg" controls> </audio>


ถ้าเบราว์เซอร์เล่นไฟล์นั้นจะได้แสดงแผงควบคุมการเล่นบนหน้าจอด้วย เช่น

  Internet  Explorer
  Google Chrome
  Firefox
หากเป็นไฟล์ที่เบราว์เซอร์ไม่รองรับ จะแสดงคำเตือนให้ทราบเช่น Internet Explorer เล่นไฟล์.ogg นี้ไม่ได้ จะปรากฏ
3) เมื่อใช้คำสั่ง preload เพื่อให้เบราว์เซอร์ทำการดาวน์โหลดข้อมูลที่จำเป็นมาไว้ก่อนที่จะโหลดทั้งไฟล์
<audio src="myaudio.ogg" controls preload="metadata"></audio>

4) เมื่อสั่งให้เล่นไฟล์ทันทีที่โหลดเสร็จ (autoplay) และให้เล่นแบบวนซ้ำ (loop)

<audio src="myaudio.ogg"controls autoplay loop > </audio>

5) เมื่อใช้แท็กคำสั่ง<audio> แต่ผู้เยี่ยมชมใช้เว็บเบราว์เซอรที่รองรับคำสั่งให้แสดงข้อความแจ้งให้ทราบบ เช่น
Audio not sopported.

<audio src="myaudio.ogg"controls> Audio not supported. </audio>

         แต่ถ้าหากต้องการให้แสดงเป็นข้อความจุดเชื่อมโยง เพื่อให้ผู้เยี่ยมชมไปดาวน์โหลดไฟล์ออดิโอ
เพื่อนำมาฟังกับโปรแกรมอื่นๆ ได้ให้ลองสั่งดังนี้
< audio src="myaudio.ogg"controls>
            <a href="myaudio.ogg">
                          Download myaudio.ogg
            </a>
</audio>

หากเบราว์เซอร์ไม่รองรับคำสั่ง <audio>จะแสดงจุดเชื่อมโยงที่เรากำหนดไว้แทน