เหตุการณ์ การเปลี่ยนแปลงระดับ เสียง HTML เสียง/วิดีโอDOM
❮ การอ้างอิง DOM เสียง/วิดีโอ HTML
ตัวอย่าง
แจ้งเตือนว่ามีการเปลี่ยนแปลงระดับเสียงของวิดีโอ:
var vid = document.getElementById("myVideo");
vid.onvolumechange = function() {
alert("The volume has been changed!");
};
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
เหตุการณ์การเปลี่ยนแปลงระดับเสียงจะเกิดขึ้นทุกครั้งที่มีการเปลี่ยนแปลงระดับเสียงของวิดีโอ/เสียง
เหตุการณ์นี้ถูกเรียกใช้โดย:
- การเพิ่มหรือลดระดับเสียง
- การปิดเสียงหรือเปิดเสียงเครื่องเล่นสื่อ
เคล็ดลับ:ใช้ คุณสมบัติ ระดับเสียงของออบเจ็กต์เสียง/วิดีโอเพื่อตั้งค่าหรือคืนค่าระดับเสียงของเสียง/วิดีโอ
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่รองรับเหตุการณ์อย่างสมบูรณ์
Event | |||||
---|---|---|---|---|---|
volumechange | Yes | 9.0 | Yes | Yes | Yes |
ไวยากรณ์
ใน HTML:
<audio|video onvolumechange="myScript">
ในจาวาสคริปต์:
audio|video.onvolumechange=function(){myScript};
ใน JavaScript โดยใช้เมธอด addEventListener() :
audio|video.addEventListener("volumechange", myScript);
รายละเอียดทางเทคนิค
แท็ก HTML ที่รองรับ: | <audio> และ <video> |
---|---|
วัตถุ JavaScript ที่รองรับ: | วิดีโอเสียง |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
แจ้งเตือนว่ามีการเปลี่ยนแปลงระดับเสียงของไฟล์เสียง:
var aud = document.getElementById("myAudio");
aud.onvolumechange = function() {
alert("The volume has been changed!");
};
❮ การอ้างอิง DOM เสียง/วิดีโอ HTML