分段倍速调节，提示显示在播放器底部中间，支持B站宽屏切换，YouTube字幕键屏蔽等功能。
// ==UserScript==
// @name B站/Youtube 倍速快捷键（Z/X/C）+ 宽屏提示（中下方居中）
// @version 1.1
// @description 分段倍速调节，提示显示在播放器底部中间，支持B站宽屏切换，YouTube字幕键屏蔽等功能。
// @author 重音（support by GPT）
// @match https://www.bilibili.com/*
// @match https://www.youtube.com/*
// @grant GM_setValue
// @grant GM_getValue
// @license GPL
// @namespace https://greasyfork.org/users/1476609
// ==/UserScript==
(function () {
"use strict";
let isActive = 1;
let video = null;
let currentRate = GM_getValue("a", 10);
let lastRate = GM_getValue("b", 10);
function updateVideoElement() {
video = document.querySelector("video") || document.querySelector("bwp-video");
}
function setupFocusHandlers() {
const inputs = [
document.querySelector(".reply-box-textarea"),
document.querySelector(".bpx-player-dm-input"),
document.querySelector(".nav-search-input")
];
inputs.forEach(input => {
if (input) {
input.addEventListener("focus", () => isActive = 0);
input.addEventListener("blur", () => isActive = 1);
}
});
}
window.addEventListener("load", () => {
updateVideoElement();
setupFocusHandlers();
});
new MutationObserver(() => {
updateVideoElement();
setupFocusHandlers();
}).observe(document.body, { childList: true, subtree: true });
setInterval(() => {
if (video) {
video.playbackRate = currentRate / 10;
}
}, 600);
// ✅ 创建气泡提示容器（底部中间靠上）
const tip = document.createElement("div");
tip.style.cssText = `
position: absolute;
left: 50%;
bottom: 45px;
transform: translateX(-50%);
background: rgba(0, 0, 0, 0.75);
color: #fff;
padding: 6px 12px;
border-radius: 8px;
font-size: 14px;
z-index: 99999;
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
`;
function attachTipToPlayer() {
const player = document.querySelector(".bpx-player-container") || document.querySelector(".html5-video-player") || document.querySelector("video")?.parentElement;
if (player && player.appendChild && !tip.parentElement) {
if (getComputedStyle(player).position === "static") {
player.style.position = "relative";
}
player.appendChild(tip);
}
}
attachTipToPlayer();
setInterval(attachTipToPlayer, 1000);
let tipTimer = null;
function showTip(text) {
tip.textContent = text;
tip.style.opacity = "1";
clearTimeout(tipTimer);
tipTimer = setTimeout(() => {
tip.style.opacity = "0";
}, 1200);
}
function getStep(rate10) {
const real = rate10 / 10;
if (real < 2) return 2;
if (real < 4) return 5;
return 10;
}
document.addEventListener("keydown", function (e) {
if (!isActive) return;
const key = e.code;
const isBili = location.hostname.includes("bilibili.com");
const isYouTube = location.hostname.includes("youtube.com");
// 屏蔽 YouTube 原生 C 字幕快捷键
if (isYouTube && key === "KeyC") {
e.stopImmediatePropagation();
e.preventDefault();
}
if (!video) return;
currentRate = Math.round(10 * video.playbackRate);
const step = getStep(currentRate);
let changed = false;
if (key === "KeyX") {
e.preventDefault();
currentRate -= step;
changed = true;
} else if (key === "KeyC") {
e.preventDefault();
currentRate += step;
changed = true;
} else if (key === "KeyZ") {
e.preventDefault();
currentRate = video.playbackRate === 1.0 ? lastRate : 10;
changed = true;
} else if (key === "KeyT") {
if (isBili) {
e.preventDefault(); // 仅 B 站拦截
const wideBtn = document.querySelector(".bpx-player-ctrl-wide");
if (wideBtn) {
wideBtn.click();
}
}
}
currentRate = Math.max(2, Math.min(currentRate, 80));
if (changed) {
GM_setValue("a", currentRate);
if (key !== "KeyZ") {
lastRate = currentRate;
GM_setValue("b", lastRate);
}
video.playbackRate = currentRate / 10;
showTip(`播放速度：${(currentRate / 10).toFixed(1)}x`);
}
}, true);
setInterval(() => {
const rateDisplay = document.querySelector(".bpx-player-ctrl-playbackrate-result");
if (rateDisplay) {
const val = parseFloat(rateDisplay.textContent.replace("x", ""));
if (!isNaN(val)) {
currentRate = Math.round(val * 10);
GM_setValue("a", currentRate);
}
}
}, 2000);
})();