วิธีแก้ปัญหารูปแบบเสียงที่รองรับเสียงใน html5

แท็กเสียง HTML5 สามารถรองรับ wav, mp3, ogg, acc, webm และรูปแบบอื่นๆ ได้ แต่มีรูปแบบไฟล์เพลงที่สำคัญมาก midi (ส่วนขยาย mid) ซึ่งไม่มีการรองรับในตัวในเบราว์เซอร์หลักๆ เบราว์เซอร์บางตัวไม่รองรับ MP3 OGG และอื่นๆ เบราว์เซอร์แต่ละตัวรองรับรูปแบบที่แตกต่างกันเนื่องจากปัญหาลิขสิทธิ์

ผู้ผลิตเบราว์เซอร์บางรายไม่เห็นด้วยกับการใช้รูปแบบไฟล์เสียงบางรูปแบบ สำหรับรูปภาพ ไฟล์ในรูปแบบ PNG, JPEG หรือ GIF จะโหลดลงในเพจของคุณบนเบราว์เซอร์ใดก็ได้ ขออภัย กรณีนี้ไม่ได้เกิดขึ้นกับไฟล์เสียง ตารางที่ 1 แสดงรูปแบบไฟล์เสียงที่สามารถใช้ในหน้าเว็บได้ แต่ไม่ใช่ทุกรูปแบบที่จะสามารถใช้ได้ในทุกเบราว์เซอร์ ตัวอย่างเช่น เบราว์เซอร์ Chrome, Internet Explorer 9 (IE9) และ Safari ไม่รองรับไฟล์ WAV ซึ่งเป็นมาตรฐานที่ใช้รูปแบบที่ไม่มีการบีบอัดซึ่งกำลังลดลง

การไม่มีรูปแบบไฟล์ทั่วไปที่ทุกเบราว์เซอร์ใช้หมายความว่าอย่างน้อย 2/5 เบราว์เซอร์จะไม่สามารถเล่นเสียงบางอย่างได้ นี่ไม่ใช่เรื่องของผู้ผลิตเบราว์เซอร์ที่ไม่ยอมเชื่อฟังและไม่สามารถเห็นด้วยกับมาตรฐานเสียงเดียว แต่เป็นประเด็นทางกฎหมายและการเงินที่เกี่ยวข้องกับสิทธิในสิทธิบัตรและค่าลิขสิทธิ์ รูปแบบ OGG ซึ่งไม่ถูกจำกัดโดยสิทธิบัตรซอฟต์แวร์ มีจุดมุ่งหมายเพื่อแก้ไขปัญหานี้ทันที อย่างไรก็ตาม ในขณะที่เขียนนี้ ทั้ง Opera และ Safari ไม่รองรับ OGG มีไฟล์ WAV และ MP3 มากกว่าไฟล์รูปแบบ OGG ดังนั้นผู้ผลิตเบราว์เซอร์จึงไม่ต้องสงสัยเลยว่าจะคำนึงถึงเรื่องนี้ด้วย MP3 ซึ่งเป็นมาตรฐานโดยพฤตินัยถือเป็นโซลูชันที่ยอดเยี่ยม

เมื่อพิจารณาถึงสถานะปัจจุบัน คุณอาจคิดว่ายังไม่ถึงเวลาสำคัญสำหรับการใช้เสียงบนหน้า HTML5 สิ่งนี้อาจเป็นจริงในบางแง่ แต่ HTML5 มอบโซลูชันที่ช่วยให้เบราว์เซอร์ที่คุณชื่นชอบสามารถค้นหารูปแบบที่เข้ากันได้

เมื่อใช้ร่วมกับแท็ก <audio> แท็ก <source> สามารถซ้อนอยู่ภายในคอนเทนเนอร์ <audio> ได้ สมมติว่าคุณเป็นแฟนของ Wagner และต้องการฟังโอเปร่า Ride of the Valkyries ในหน้า HTML5 ขั้นแรก คุณต้องดาวน์โหลดเพลงเป็นไฟล์สามประเภท ได้แก่ OGG, MP3 และ WAV วางไฟล์เพลงเหล่านี้ไว้ในโฟลเดอร์เดียวกับไฟล์ HTML5 จากนั้น ใส่ชื่อไฟล์แต่ละชื่อในแท็ก <source> แยกกัน และแท็กแหล่งที่มาทั้งหมดในคอนเทนเนอร์เสียงจะประกอบด้วย <audio></audio> ดังที่แสดงด้านล่าง

 <การควบคุมเสียง> <แหล่งที่มา src=http://demo.mimvp.com/html5/take_you_fly.ogg /> <แหล่งที่มา src=http://demo.mimvp.com/html5/take_you_fly.mp3″ /> <แหล่งที่มา src =http://demo.mimvp.com/html5/take_you_fly.wav /></audio>

ไม่ว่าผู้เยี่ยมชมของคุณใช้เบราว์เซอร์ใด ระบบจะเลือกประเภทไฟล์แรกที่อ่านและเล่นเสียงให้คุณโดยอัตโนมัติ

ข้างต้นเป็นวิธีแก้ปัญหาสำหรับรูปแบบเสียงที่รองรับเสียงใน HTML5 ที่โปรแกรมแก้ไขแนะนำ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันแล้วโปรแกรมแก้ไขจะตอบกลับคุณทันเวลา ฉันอยากจะขอบคุณทุกคนที่ให้การสนับสนุนเว็บไซต์ศิลปะการต่อสู้ VeVb!