เหตุการณ์การเปลี่ยนแปลงอัตรา DOMเสียง/วิดีโอ HTML

ตัวอย่าง

เปลี่ยนความเร็วในการเล่นของวิดีโอและแจ้งเตือนว่าความเร็วมีการเปลี่ยนแปลง:

// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");

// Set the current playback speed of the video to 0.3 (slow motion)
function setPlaySpeed() {
vid.playbackRate = 0.3;
}

// Assign a ratechange event to the <video> element, and execute a function if the playing speed of the video is changed. The function will alert some text
vid.onratechange = function() {myFunction()};

function myFunction() {
alert("The playing speed of the video was changed");
}

ความหมายและการใช้งาน

เหตุการณ์อัตราการเปลี่ยนแปลงเกิดขึ้นเมื่อความเร็วในการเล่นของเสียง/วิดีโอเปลี่ยนไป (เช่น เมื่อผู้ใช้สลับไปใช้โหมดสโลว์โมชั่นหรือกรอเดินหน้าอย่างเร็ว)

เหตุการณ์นี้ถูกเรียกโดย คุณสมบัติ playbackRateของ Audio/Video Object ซึ่งกำหนดหรือส่งคืนความเร็วการเล่นปัจจุบันของเสียง/วิดีโอ

รองรับเบราว์เซอร์

ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่รองรับเหตุการณ์อย่างสมบูรณ์

Event
ratechange	Yes	9.0	Yes	Yes	Yes

ไวยากรณ์

ใน HTML:

<audio|video onratechange="myScript">

ในจาวาสคริปต์:

audio|video.onratechange=function(){myScript};

ใน JavaScript โดยใช้เมธอด addEventListener() :

audio|video.addEventListener("ratechange", myScript);

รายละเอียดทางเทคนิค

แท็ก HTML ที่รองรับ:	<audio> และ <video>
วัตถุ JavaScript ที่รองรับ:	วิดีโอเสียง

❮ การอ้างอิง DOM เสียง/วิดีโอ HTML