การแทรกไฟล์เสียงลงบนเว็บไซต์ที่เขียนโดยภาษา 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/xoFlBFeFacebook : https://www.facebook.com/itgeniusonline
Tel : 02-570-8449 มือถือ 088-807-9770 และ 092-841-7931
Email : contact@itgenius.co.th
คำค้นหา : การแทรกไฟล์เสียงลงบนเว็บไซต์ภาษา HTML5การเพิ่มเสียงบนเว็บไซต์วิธีการใช้ภาษา HTML5 การแทรกเสียง HTML5 ตัวอย่างการแทรกเสียง แอททริบิวต์ที่ใช้แทรกเสียง