HTML5 และเสียง (Audio)
HTML5 ให้เล่นไฟล์เสียงมาตรฐาน
เสียงบนอินเทอร์เน็ต
จนถึงขณะนี้ยังไม่ได้อยู่ในโปรแกรมการเล่นมาตรฐานเสียงบนเว็บ
วันนี้เสียงส่วนใหญ่ผ่านทางปลั๊กอิน (เช่น Flash) สำหรับการเล่น แต่ไม่ทุกคนมีเบราว์เซอร์ปลั๊กอินเดียวกัน
HTML5 ให้องค์ประกอบมาตรฐานเสียงฝังอยู่บนหน้าโดยใช้ <เสียง> องค์ประกอบ
สนับสนุนเบราว์เซอร์
Internet Explorer 9 +, Firefox, Opera, Chrome และ Safari สนับสนุน <เสียง> องค์ประกอบ
หมายเหตุ: Internet Explorer 8 และรุ่นก่อนหน้า IE ไม่สนับสนุน <เสียง> องค์ประกอบ
HTML5 เสียง - วิธีการทำงาน
เล่นเสียงใน HTML5 คุณจะต้องใช้รหัสต่อไปนี้:
ตัวอย่าง
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
ลอง»
คุณสมบัติสำหรับการเพิ่มการควบคุมการเล่นหยุดและการควบคุมปริมาณ
ในส่วน <เสียง> และ </ เสียง> ระหว่างคุณต้องใส่เบราว์เซอร์ของคุณไม่สนับสนุนข้อความพร้อมต์ <เสียง> องค์ประกอบ
<เสียง> องค์ประกอบที่ช่วยให้การใช้หลาย <แหล่ง> องค์ประกอบ. <มา> องค์ประกอบที่สามารถเชื่อมโยงไปยังไฟล์เสียงที่แตกต่างกัน, เบราว์เซอร์จะใช้ไฟล์เสียงที่ได้รับการสนับสนุนเป็นครั้งแรก
รูปแบบเสียงและการสนับสนุนเบราว์เซอร์
ปัจจุบัน <เสียง> องค์ประกอบสนับสนุนสามรูปแบบเสียง: MP3, WAV, และ Ogg:
| 浏览器 | MP3 | Wav | Ogg |
|---|---|---|---|
| Internet Explorer 9+ | YES | NO | NO |
| Chrome 6+ | YES | YES | YES |
| Firefox 3.6+ | YES | YES | YES |
| Safari 5+ | YES | YES | NO |
| Opera 10+ | YES | YES | YES |
ชนิดไมม์ของรูปแบบเสียง
| Format | MIME-type |
|---|---|
| MP3 | audio/mpeg |
| Ogg | audio/ogg |
| Wav | audio/wav |
แท็ก HTML5 และเสียง
| ฉลาก | ลักษณะ |
|---|---|
| <เสียง> | มันกำหนดเนื้อหาเสียง |
| <แหล่ง> | ให้ข้อมูลมัลติมีเดียก็อาจจะมีมากกว่าหนึ่งใช้ <video> และ <เสียง> แท็ก |