Player controls for DataCamp

Adds player controls

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Player controls for DataCamp
// @namespace    http://tampermonkey.net/
// @version      0.0
// @description  Adds player controls
// @author       Avi (https://avi12.com)
// @copyright    2025 Avi (https://avi12.com)
// @license      MIT
// @match        https://projector.datacamp.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=datacamp.com
// @grant        none
// ==/UserScript==

(function () {
  "use strict";

  document.addEventListener("keydown", e => {
    const elPlaybackRateCurrent = document.querySelector(".vjs-menu-item[aria-checked=true]");
    const elVideo = document.querySelector("video");

    switch (e.code) {
      case "Home":
        elVideo.currentTime = 0;
        break;

      case "End":
        elVideo.currentTime = elVideo.duration;
        break;

      case "Comma":
        if (!e.shiftKey) {
          return;
        }
        elPlaybackRateCurrent.nextElementSibling?.click();
        elVideo.focus();
        break;

      case "Period":
        if (!e.shiftKey) {
          return;
        }
        elPlaybackRateCurrent.previousElementSibling?.click();
        elVideo.focus();
        break;
    }
  });
})();