วิธีฝังเสียง (Audio) ในหน้าเว็บด้วย HTML5

ใช้แท็ก <audio> เพื่อฝังเสียงในหน้าเว็บด้วย HTML5 คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแท็ก <audio>:

ตัวอย่าง

<!DOCTYPE html> 
<html> 
  <head> 
    <title>HTML audio Tag</title> 
  </head> 
  <body> 
    <p>คลิกปุ่ม Play...</p> 
    <p>(เพลง: Kalimba ซึ่งเป็นเพลงตัวอย่างใน Windows)</p> 
    <audio controls> 
      <source src="/html/Kalimba.mp3" type="audio/mpeg"> 
    </audio> 
  </body> 
</html>

แอตทริบิวต์สำคัญของ <audio>:

• controls - แสดงควบคุม (play, pause, volume, seek)
• autoplay - เล่นอัตโนมัติ (ต้องมี muted ในเบราว์เซอร์ใหม่)
• loop - เล่นวนลูป
• muted - ปิดเสียงเริ่มต้น
• preload - none, metadata, auto (โหลดล่วงหน้า)

รูปแบบไฟล์ที่รองรับ: MP3, OGG, WAV, AAC (ขึ้นอยู่กับเบราว์เซอร์) ควรให้หลายรูปแบบด้วย <source>