☰

Holodex Music Better Media Keys

Support for media previous and media next keys for Holodex Music

// ==UserScript==
// @name         Holodex Music Better Media Keys
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Support for media previous and media next keys for Holodex Music
// @author       creeperkafasipw
// @include      https://holodex.net/*
// @include      https://staging.holodex.net/*
// @match        https://www.youtube.com/embed/*
// @icon         https://holodex.net/favicon.ico
// @grant        none
// ==/UserScript==

/*jshint esversion: 6 */

const updateFreq = 500

const MSG_PREFIX = GM_info.script.name + '\n';

function postTopMessage(msg){
    top.postMessage(msg,"https://holodex.net");
    top.postMessage(msg,"https://staging.holodex.net");
    // top origin can't be both https://holodex.net and https://staging.holodex.net so it should be okay to leave it like this
}

if (window === top) {
    window.addEventListener("message", (event) => {
        if (event.origin.includes("youtube.com") && event.data.startsWith(MSG_PREFIX)){
            const action = event.data.split(MSG_PREFIX)[1];
            switch(action){
                case "ytMediaPreviousTrack":
                    document.querySelector(".player-controls button:nth-child(1)").click();
                    break;
                case "ytMediaNextTrack":
                    document.querySelector(".player-controls button:nth-child(3)").click();
                    break;

            }
        }
    });

} else if (location.hostname.includes('youtube')) {
    // The mediaSession doesn't load instantly, might change this later
    setInterval(()=>{
        window.navigator.mediaSession.setActionHandler("previoustrack",()=>{postTopMessage(MSG_PREFIX + "ytMediaPreviousTrack");});
        window.navigator.mediaSession.setActionHandler("nexttrack",()=>{postTopMessage(MSG_PREFIX + "ytMediaNextTrack");});
    },updateFreq);
}