Fix Play/Pause

Fixes media controls (rewind, forward, play/pause) on Udemy course pages.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

// ==UserScript==
// @name         Fix Play/Pause
// @namespace    http://tampermonkey.net/
// @version      2025-02-19
// @description  Fixes media controls (rewind, forward, play/pause) on Udemy course pages.
// @author       MajorAmari
// @license      MIT 
// @match        https://www.udemy.com/course/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=udemy.com
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

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

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

    function playOrPause() {
        const el = document.querySelector('[data-purpose="pause-button"], [data-purpose="play-button"]');
        el.click();
    }

    navigator.mediaSession.setActionHandler('previoustrack', rewind);
    navigator.mediaSession.setActionHandler('nexttrack', forward);
    navigator.mediaSession.setActionHandler('play', playOrPause);
    navigator.mediaSession.setActionHandler('pause', playOrPause);
})();