ข้อมูลอ้างอิงHTML

HTML โดยตัวอักษร HTML ตามหมวดหมู่ รองรับ HTML Browser แอตทริบิวต์ HTML HTML Global Attributes เหตุการณ์ HTML HTML สี HTML Canvas HTML เสียง/วิดีโอ ชุดอักขระ HTML HTML Doctypes การเข้ารหัส URL HTML รหัสภาษา HTML รหัสประเทศ HTML ข้อความ HTTP วิธี HTTP ตัวแปลง PX เป็น EM แป้นพิมพ์ลัด


เหตุการณ์ การเปลี่ยนแปลงระดับ เสียง 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