Play/Pause video trên Udemy

Mình thường map một nút trên chuột để play/pause cũng như tăng, giảm âm lượng.

Cách này hoạt động tốt trên youtube, vlc ...

Tuy nhiên trên Udemy thì không được. Các nút play/pause trên bàn phím, tai nghe hay loa cũng không hoạt động trên Udemy.

Có một cách đơn giản là tạo một bookmarklet. Bạn chỉ cần kéo thả nút dưới đây vào thanh dấu trang của trình duyệt, mở Udemy, click một cái vào nó là từ đó về sau tab đó có thể dùng phím cứng để điều khiển video Udemy!

Đây là code mẫu, đơn giản là giả lập việc click vào nút đó khi bấm các phím media:

javascript: function playOrPause() {
  const playButton = document.querySelector('button[data-purpose="play-toggle"]');
  if (playButton) {
      playButton.click();
  }
}
navigator.mediaSession.setActionHandler("play", playOrPause);
navigator.mediaSession.setActionHandler("pause", playOrPause);

Bạn cũng có thể map thêm phím nút Previous để Rewind 5s vì phím này cũng rất hay dùng khi xem video dạng tutorial.

function rewind() {
    const rewindButton = document.querySelector('button[data-purpose="rewind-skip-button"]');
    if (rewindButton) {
        rewindButton.click();
    }
}

navigator.mediaSession.setActionHandler("previoustrack", rewind);