แท็ก <audio> เพิ่งเพิ่มมาใน HTML5 เอาไว้ใช้ define ข้อมูลที่เป็นคลิปเสียง ถ้านึกไม่ออกให้ลองนึกถึงเว็บแอปที่มีการแจ้งเตือน เช่น Facebook เมื่อมีการแจ้งเตือนนอกจากจะมี notification สีแดงบอกแล้วก็จะมีเสียงเตือนด้วย หรือระบบแชทถ้ามีข้อความจากคู่สนทนาก็จะมีเสียงเตือนแจ้ง เป็นลูกเล่นเล็กๆ น้อยๆ ด้าน UX
HTML
|
1 2 |
<audio id="alert" src="alert.mp3"></audio> |
Javascript
|
1 2 |
document.getElementById('alert').play(); |
ง่ายๆ แค่นี้เองครับ
คุณสมบัติอื่นๆ ดูได้จากลิงก์นี้ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio
Be First to Comment