วิธีแทรกเพลงลงบนเว็บไซต์ที่เขียนโดยภาษา HTML5

วิธีแทรกเพลงลงบนเว็บไซต์ที่เขียนโดยภาษา HTML5

การแทรกไฟล์เสียงลงบนเว็บไซต์ที่เขียนโดยภาษา HTML5 สามารถทำได้โดยใช้เเท็ก

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

Your browser does not support the audio element.


*** ในกรณีนี้ ถ้าเบราเซอร์ที่ไม่รองรับ HTML5 มันจะแสดงผลข้อความ Your browser does not support the audio element. ขึ้นมา

ในกรณีที่อ้างอิงไฟล์เช่น มีไฟล์มากกว่า 1 ที่ หรือมากกว่า 1 แหล่ง เราก็จะกำหนดได้เช่นกัน ดังตัวอย่าง 

Your browser does not support the audio element.


โดยกรณีนี้เบราเวอร์จะแสดงไฟล์ ที่รู้จักเป็นไฟล์แรกขึ้นมา และหากต้องการอ้างอิงแหล่งข้อมูลก็กำหนดได้โดยใช้ TYPE เป็นตัวอ้างอิง
 
สำหรับแอททริบิวต์ ที่เราจะใช้ใน tag มีดังนี้

      Attribute      Value                            Description
autoplay autoplay กำหนดให้เล่นเพลงเมื่อเปิดหน้าเพจทันที
controls  controls กำหนดปุ่มควบคุม
loop  loop  กำหนดจำนวนรอบในการเล่นเพลง
preload preload กำหนดให้พร้อมเล่นทันทีเมื่อเปิดหน้าเพจ 
src  url  อ้างอิงที่อยู่ไฟล์


ที่มา :

  
  
 
  
 

ไอทีจีเนียส เอ็นจิเนียริ่ง (IT Genius Engineering) ให้บริการด้านไอทีครบวงจร ทั้งงานด้านการอบรม (Training) สัมมนา รับงานเขียนโปรแกรม เว็บไซต์ แอพพลิเคชั่น งานออกแบบกราฟิก และงานด้าน E-Marketing ที่กำลังได้รับความนิยมในปัจจุบัน ทั้ง SEO , PPC , และ Social media marketting

ติดต่อเราเพื่อสอบถามผลิตภัณฑ์ ขอราคา หรือปรึกษาเรื่องไอที ได้เลยค่ะ

Line : @itgenius (มี @ ด้านหน้า) หรือ https://lin.ee/xoFlBFe
Facebook : https://www.facebook.com/itgeniusonline
Tel : 02-570-8449 มือถือ 088-807-9770 และ 092-841-7931
Email : contact@itgenius.co.th
user
โดย Admin ITGenius
เข้าชม 5,150 ครั้ง

คำค้นหา : การแทรกไฟล์เสียงลงบนเว็บไซต์ภาษา HTML5การเพิ่มเสียงบนเว็บไซต์วิธีการใช้ภาษา HTML5 การแทรกเสียง HTML5 ตัวอย่างการแทรกเสียง แอททริบิวต์ที่ใช้แทรกเสียง