เท็กซ์ท์ HTML <audio> แทร็ก
การใช้งานและการประกาศ
<audio>
แท็กซ์โทน <audio> ใช้เพื่อฝังเนื้อหาเสียงในเอกสาร
<audio>
แท็กซ์โทนนี้สามารถมีหนึ่งหรือหลายแหล่งเสียงที่ต่างกัน แท็กซ์โทน <source>。เว็บเบราวเซอร์จะเลือกแหล่งที่สนับสนุนแรก
<audio>
และ </audio>
ข้อความระหว่างแท็กซ์โทนเฉพาะจะแสดงเมื่อไม่สนับสนุน <audio>
ขององค์ประกอบที่แสดงในเว็บเบราวเซอร์
คำเตือน:สำหรับไฟล์วิดีโอ,โปรดดู แท็กซ์โทน <video>.
HTML สนับสนุนรูปแบบภาพเสียงสามรูปแบบ: MP3, WAV และ OGG
รูปแบบภาพเสียงและการสนับสนุนโดยเว็บเบราวเซอร์
เว็บเบราวเซอร์ | MP3 | WAV | OGG |
---|---|---|---|
Edge / IE | สนับสนุน | สนับสนุน * | สนับสนุน * |
Chrome | สนับสนุน | สนับสนุน | สนับสนุน |
Firefox | สนับสนุน | สนับสนุน | สนับสนุน |
Safari | สนับสนุน | สนับสนุน | ไม่สนับสนุน |
Opera | สนับสนุน | สนับสนุน | สนับสนุน |
* จาก Edge 79 ขึ้น
ดูเพิ่มเติมที่
คู่มือ HTML DOMคู่มือ HTML Audio/Video DOM
ตัวอย่าง
เล่นไฟล์เสียง
<audio controls> <source src="song.ogg" type="audio/ogg"> <source src="song.mp3" type="audio/mpeg"> เว็บเบราวเซอร์ของคุณไม่สนับสนุนแท็กซ์โทน audio </audio>
รายละเอียด
รายละเอียด | ค่า | คำอธิบาย |
---|---|---|
autoplay | autoplay | ระบุว่าควรเริ่มเล่นเสียงทันทีหลังจากเตรียมพร้อม |
controls | controls | ระบุว่าควรแสดงควบคุมเสียง (เช่น ปุ่มเล่น/หยุด) ตามที่เสร็จสิ้นแล้ว |
loop | loop | ระบุว่าควรเริ่มเสียงออกตามที่เสร็จสิ้นแล้ว |
muted | muted | กำหนดว่าการออกเสียงของแฟ้มเสียงควรเป็นมิติ |
preload |
|
กำหนดว่าจะโหลดแฟ้มเสียงและวิธีการโหลดในขณะที่หน้าเว็บจะโหลด |
src | URL | กำหนด URL ของแฟ้มเสียง |
ตัวแปรโลก
<audio>
แบบบันทึกยังสนับสนุน ตัวแปรโลกใน HTML.
ตัวแปรเหตุการณ์
<audio>
แบบบันทึกยังสนับสนุน ตัวแปรเหตุการณ์ใน HTML.
การตั้งค่า CSS โดยเริ่มต้น
ไม่มี
การสนับสนุนโดยบราวเซอร์
ตัวเลขในตารางบอกว่าเวอร์ชั่นบราวเซอร์ที่สนับสนุนอย่างเต็มที่ขององค์ประกอบนี้
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.5 | 4.0 | 11.5 |