วิธีการ Embed ไฟล์เสียงด้วย HTML5

การเล่นเสียงที่ใช้ในการเล่นได้หมายความว่าคุณมีการฝังผู้เล่น Flash หรือไฟล์ Quicktime ในเว็บไซต์ของคุณ โชคดีที่ตอนนี้มีวิธีที่จะเพิ่มรหัส HTML5 ง่ายๆที่จะไม่เพียง แต่เล่นไฟล์เสียง แต่จะสร้างผู้เล่นที่ผู้ใช้สามารถควบคุม คุณจะต้องการที่จะใช้ HTML5 กว่าแฟลชเพราะหลายผู้อ่านของคุณจะใช้โทรศัพท์มือถือและโทรศัพท์มือถือที่ไม่ได้ทั้งหมดที่มีการเปิดใช้งานแฟลช เราจะได้ แต่สร้าง Flash player เป็นทางเลือกของเราในกรณีที่เบราว์เซอร์ไม่สามารถจัดการกับ HTML5 ในการกวดวิชานี้ นอกจากนี้คุณยังสามารถใช้ไฟล์ Quicktime เป็นทางเลือก แต่เก็บไว้ในใจที่คุณจะต้องแปลงไฟล์เพื่อ MOV.

HTML5 กเสียงและวิดีโอให้ฝังไฟล์ง่ายและลดความจำเป็นในการฝังและแท็กวัตถ​​ุ เป็นเรื่องง่ายที่พวกเขามี แต่พวกเขามีนิสัยใจคอบางอย่างที่เราต้องแก้ไข เบราว์เซอร์บางอย่างเช่น Firefox, ไม่สามารถเล่น. mp3 ไฟล์ผ่านเครื่องเล่น แต่ Firefox สามารถเล่น. ไฟล์ OGG, ซึ่งเบราว์เซอร์เช่น Google Chrome ไม่สามารถเล่นผ่านแท็กเสียง HTM​​L5 เราจะต้องอัปโหลดและฝังทั้งไฟล์เหล่านี้ เบราว์เซอร์จะแสดงเฉพาะไฟล์เสียงที่สามารถเล่นจึงมีความจำเป็นที่จะต้องกังวลเกี่ยวกับการมีผู้เล่นสองคนเสียงในการโพสต์ของคุณ

นี่คือรหัสสุดท้ายที่เราจะใช้ ซึ่งจะรวมถึงรุ่นที่ 2 ของไฟล์เสียง (MP3 และ OGG) เช่นเดียวกับที่ผู้เล่นแฟลชเป็นทางเลือกเบราว์เซอร์หรืออุปกรณ์ที่ไม่สามารถจัดการ HTML5

1 2 3 4 5 6 <audio controls="controls">    <source src="yourURL.mp3" />    <source src="yourURL.ogg" /> <!-- fallback --> <embed type="application/x-shockwave-flash" flashvars="audioUrl=yourURL.mp3" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" width="650? height="0? quality="best"></embed> </audio> If you prefer, you can simply add text as the fallback. Here is what this code will look like. 1 2 3 4 5 6 <audio controls="controls">    <source src="yourURL.mp3" />    <source src="yourURL.ogg" /> <!-- fallback --> Your browser cannot handle HTML5. </audio>

* หมายเหตุ: ขอแนะนำอย่างยิ่งให้คุณใช้ผู้เล่นแฟลชเป็นทางเลือก

ที่มา:http://websitetology.com/tutorials/how-to-embed-an-audio-file-with-html5/