4.1 การกำหนดไฟล์ออดิโอให้ใช้ได้กับทุกเบราว์เซอร์
ในการที่เราจะเขียนเว็บให้สามารถใช้ได้กับเว็บเบราว์เซอร์ที่หลากหลายได้เราจำเป็นต้องใส่ไฟล์ออดิโอ
หลายๆ ชนิดเพื่อให้ครอบคลุมการรองรับของเว็บเบราว์เซอร์เหล่านั้น แต่แท็กคำสั่ง
<audio>
แต่ละอันจะมีคำสั่ง
src
ให้เราใส่ไฟล์ได้เพียงอันเดียว เพื่อแก้ปัญหา นี้ แท็ก
<audio>
จึงถูกออกแบบให้สามารถกำหนดไฟล์หลายๆ ไฟล
์ โดยการใช้แท็กคำสั่ง
<source>
เข้ามาช่วย ตัวอย่างเช่น
<audio controls>
<source src ="sound.ogg" type="audio/ogg">
< source src ="sound.wav" type="audio/x-wav">
< source src ="sound.mp3" type="audio/mpeg">
No audio support
</audio>
โดยทั่วไปเมื่อไม่มีการระบุคำสั่ง
src
ไว้ในแท็ก
<audio>
ไฟล์ที่ระบุไว้ในแท็ก
<source>
อันแรกสุดจะถูกเล่นเมื่อเบราว์เซอร์นั้นรองรับ
HTML5
หากเล่นไม่ก็จะเลื่อนไปยังไฟล์ในแท็ก
<source>
ถัดไปเรื่อย ๆ
แต่ถ้าหากเล่นไม่ได้เลยก็จะไม่เกิดเสียงใดๆและแสดงข้อความที่เรากำหนดไว้เช่น No audio support! เป็นต้น
แต่ทันที่เบราว์เซอร์พบตัวเล่นไฟล์ที่ตรงกับชนิดของไฟล์ที่กำหนด ก็จะเล่นไฟล์นั้นแล้วข้ามไปทำคำสั่งที่อยู่ถัดจาก
</audio>
ต่อไป
ส่วนของ type จะเป็นส่วนที่ช่วยให้เบราว์เซอร์รู้ว่าไฟล์ที่เรากำหนดนั้น เป็นไฟล์ชนิดใดซึ่งจะไม่ใส่ก็ได้ หากจะใส่ให้ดูได้จากตารางข้างล่างนี้
Audio type
File extensions
MIME types
MP3
MP4
OGG
WebM
WAVE
.mp3
.mp4, .m4b, .m4p, .m4v, .aac, .m4r,
.3gp, .mp4,.
Ogg, .oga
.webm
.wav
Audio/mpeg
Audio/mp4
Audio/aac
Audio/ogg
Audio/webm
Audio/wave(preferred)
Audio/wav
Audio/x-wav
Audio/x-pn-wav
