Set Video Playback Speed with JavaScript

HTML5 <video> elementinin playbackRate özelliği, oynatma hızını JavaScript ile anında değiştirmenizi sağlar.

const video = document.querySelector('video');

function setSpeed(rate) {
  video.playbackRate = rate;
}

document.querySelectorAll('[data-speed]').forEach((button) => {
  button.addEventListener('click', () => {
    setSpeed(Number(button.dataset.speed));
  });
});

<video src="demo.mp4" controls></video>
<button data-speed="0.5">0.5x</button>
<button data-speed="1">1x</button>
<button data-speed="2">2x</button>

playbackRate değeri 0 ile 16 arasında olabilir; 1'in altı yavaşlatma, üstü hızlandırma anlamına gelir. Tarayıcı desteği oldukça iyi, ancak çok düşük/yüksek değerlerde ses perdesi bozulabileceğini unutmayın.