Currently we only have one toggle, it's for the HIDIVE subtitles being able to be switched between Off and English with the 'C' key.
目前为
// ==UserScript==
// @name HIDIVE Video Toggles
// @namespace Violentmonkey Scripts
// @version 1.04
// @author Officer Erik 1K-88
// @description Currently we only have one toggle, it's for the HIDIVE subtitles being able to be switched between Off and English with the 'C' key.
// @license BSD 3-Clause
// @match https://www.hidive.com/*
// @grant GM.getValue
// @grant GM.setValue
// @grant GM.info
// ==/UserScript==
// Created on 3/26/2025, 10:02:12 AM GMT+0500 (CDT)
/**
* Formats a date object.
* @param {Date} date The Date object.
* @returns The formatted string.
*/
function formatDate(date) {
const pad = (n, width = 2) => String(n).padStart(width, '0');
const year = date.getFullYear();
const month = pad(date.getMonth() + 1);
const day = pad(date.getDate());
const hour = pad(date.getHours());
const minute = pad(date.getMinutes());
const second = pad(date.getSeconds());
const milliseconds = pad(date.getMilliseconds(), 3);
// GMT offset in ±HHMM format
const offsetMinutes = date.getTimezoneOffset();
const absOffset = Math.abs(offsetMinutes);
const offsetSign = offsetMinutes <= 0 ? '+' : '-';
const offsetHours = pad(Math.floor(absOffset / 60));
const offsetMins = pad(absOffset % 60);
const gmtOffset = `GMT${offsetSign}${offsetHours}${offsetMins}`;
// Time zone name (e.g., Eastern Daylight Time)
const tzName = date.toString().match(/\(([^)]+)\)/)?.[1] || Intl.DateTimeFormat().resolvedOptions().timeZone;
return `${year}-${month}-${day} ${hour}:${minute}:${second}.${milliseconds} (${gmtOffset} [${tzName}])`;
}
class Logger {
constructor(name) {
this.information = {
name: name,
timeElapsed: 0,
logs: []
};
this.counterNames = [];
this.counterInfo = {};
this.startTime = Date.now();
}
get logs() {
return this.information.logs;
}
clear() {
this.startTime = Date.now();
this.information.timeElapsed = 0;
this.counterNames = [];
this.counterInfo = {};
this.information.logs = []
}
send() {
this.information.timeElapsed = Date.now() - this.startTime;
console.log(this.information);
}
message(type, ...msg) {
this.logs.push({
logType: type,
message: (msg.length == 1 ? msg[0] : msg),
time: new Date(Date.now()).toTimeString()
});
}
error(...msg) {
this.message("error", ...msg);
}
warn(...msg) {
this.message("warn", ...msg);
}
log(...msg) {
this.message("log", ...msg);
}
count(label) {
if (!this.counterNames.includes(label)) {
const index = this.logs.length;
this.counterInfo[label] = index;
this.counterNames.push(label);
this.message("counter", {
label: label,
count: 0,
time: {
start: formatDate(new Date(Date.now())),
end: ""
}
});
}
const countInfo = this.logs[this.counterInfo[label]].message;
countInfo.count += 1;
countInfo.time.end = formatDate(new Date(Date.now()));
}
}
async function getVal(key, def) {
return await GM.getValue(key, def);
}
async function setVal(key, value) {
return await GM.setValue(key, value);
};
let subtitles = [];
let selected = undefined;
let currentLabel = "";
let subtitlesOff = undefined;
let americanEnglish = undefined;
let anyEnglish = undefined;
function styleChanges(add=true) {
if (add) {
// Inject CSS to hide the scrollbar but still allow scrolling
const style = document.createElement('style');
style.id = "HHVSstyling";
style.textContent = `
/* Hide scrollbar for all elements */
::-webkit-scrollbar {
width: 0px;
height: 0px;
}
html, body {
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE 10+ */
}
`;
document.documentElement.appendChild(style);
} else {
const style = document.getElementById("HHVSstyling");
if (style) {
style.remove();
}
}
}
(async function () {
'use strict';
var storedSelection = await getVal("selsub", "Subtitles Off");
/**
* The function to be called when a key is pressed down.
* @param {KeyboardEvent} e The keyboard event.
* @returns
*/
const onKeyDown = async (e) => {
if (e.key.toLowerCase() === 'c') {
selected = subtitles.find(el => el.classList.contains('preferences-panel__option--selected'));
currentLabel = (selected ? selected.getAttribute('aria-label') || '' : '');
if (currentLabel !== 'Subtitles Off') {
// If it's not already off, turn it off
if (subtitlesOff) subtitlesOff.click();
storedSelection = "Subtitles Off";
} else {
// Otherwise, try American English, or fallback to any English
if (americanEnglish) {
americanEnglish.click();
storedSelection = "American English";
} else if (anyEnglish) {
anyEnglish.click();
storedSelection = anyEnglish.getAttribute('aria-label');
}
}
await setVal("selsub", storedSelection);
}
};
const e2c = () => {
document.addEventListener('keydown', onKeyDown);
};
function checker(
endCallback = undefined,
interval = 1000, timeout = 10000,
logger = new Logger(`${GM.info.script.name}'s Entry Checking`)
) {
const startTime = Date.now();
const check = setInterval(async () => {
logger.count("Entry Checking Count");
const entries = Array.from(document.querySelectorAll('div.preferences-panel__entry'));
let ending = false;
if (entries.length != 0) {
ending = true;
const subtitlesEntry = entries.find(el => {
const first = el.firstElementChild;
if (first == null || !first.classList.contains("preferences-panel__title")) {
return false;
}
return first.textContent === "Subtitles";
});
//logger.log(entries);
if (subtitlesEntry) {
subtitles = Array.from(subtitlesEntry.getElementsByTagName("ul").item(0).children);
selected = subtitles.find(el => el.classList.contains('preferences-panel__option--selected'));
currentLabel = (selected ? selected.getAttribute('aria-label') || '' : '');
subtitlesOff = subtitles.find(el => el.getAttribute('aria-label') === 'Subtitles Off');
americanEnglish = subtitles.find(el => el.getAttribute('aria-label') === 'American English');
anyEnglish = subtitles.find(el => {
const label = el.getAttribute('aria-label') || '';
return label.includes('English');
});
if (!subtitlesOff) {
ending = false;
logger.warn("'Subtitles Off' wasn't there, checking again.");
} else {
if (currentLabel !== storedSelection) {
const storedElm = subtitles.find(el => el.getAttribute('aria-label') === storedSelection);
if (storedElm) {
storedElm.click();
}
}
}
} else {
ending = false;
logger.warn("Subtitles not found, retrying.");
}
} else if (Date.now() - startTime > timeout) {
ending = true;
logger.error(`Entry Elements not found within time limit: ${timeout} milliseconds`);
}
if (ending) {
clearInterval(check);
if (endCallback) {
endCallback();
}
logger.send();
}
}, interval);
}
let previousUrl = window.location.href;
if (previousUrl.includes("hidive.com/video")) {
checker(e2c);
styleChanges();
}
let isOut = false;
setInterval(function() {
const currentUrl = window.location.href;
if (currentUrl !== previousUrl) {
console.log("URL changed (polling):", currentUrl);
if (currentUrl.includes("hidive.com/video")) {
if (!previousUrl.includes("hidive.com/video")) {
checker(e2c);
styleChanges();
} else {
checker();
}
isOut = false;
} else {
if (!isOut) {
styleChanges(false);
document.removeEventListener("keydown", onKeyDown);
isOut = true;
}
}
previousUrl = currentUrl;
}
}, 100); // Check every 100 milliseconds
})();