วิธีแทรกเพลงลงบนเว็บไซต์ที่เขียนโดยภาษา 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 | อ้างอิงที่อยู่ไฟล์ |
ที่มา :
ไอทีจีเนียส เอ็นจิเนียริ่ง ให้บริการด้านไอทีครบวงจร
ทั้งงานอบรม (Training) สัมมนา รับเขียนโปรแกรม เว็บไซต์ แอปพลิเคชัน งานออกแบบกราฟิก และงานด้าน E-Marketing ทั้ง SEO, PPC และ Social Media Marketing
ติดต่อเราเพื่อสอบถามผลิตภัณฑ์ ขอราคา หรือปรึกษาเรื่องไอทีได้เลยค่ะ
แนะนำหลักสูตรที่น่าสนใจ
HTML5 and Modern CSS
เบราว์เซอร์ทุกค่ายวันนี้รองรับความสามารถใหม่ของ HTML และ CSS ที่เมื่อก่อนต้องพึ่ง JavaScript หรือไลบรารีภายนอก ทั้งฟอร์มที่ตรวจข้อมูลได้เอง หน้าต่าง Dialog และ Popover เลือก Style จากสิ่งที่อยู่ข้างในด้วย :has() Component ที่ปรับขนาดตามพื้นที่จริงด้วย…
HTML5, CSS and Bootstrap 5
หน้าเว็บที่ดีต้องมีโครงสร้างถูกต้อง ใช้งานง่ายทั้งบนมือถือและคอมพิวเตอร์ และดูน่าสนใจ ความสามารถในตัวของ HTML5 และ CSS ทำได้มากกว่าที่หลายคนคิด ตั้งแต่ฟอร์มที่ตรวจข้อมูลเอง วิดีโอพร้อมคำบรรยาย ไปจนถึงเอฟเฟกต์ไล่สี เงา และการเคลื่อนไหว เมื่อนำมาใช้คู่กับ…