Greasy Fork is available in English.
支持所有网站的视频倍速播放控制，可锁定速度防止网站重置
// ==UserScript==
// @name 全网视频倍速控制
// @namespace http://tampermonkey.net/
// @version 1.0
// @description 支持所有网站的视频倍速播放控制，可锁定速度防止网站重置
// @author GQLJ
// @license MIT
// @match *://*/*
// @grant GM_setValue
// @grant GM_getValue
// @run-at document-start
// ==/UserScript==
(function() {
'use strict';
// ==================== 配置 ====================
const CONFIG = {
MIN_SPEED: 0.25,
MAX_SPEED: 5,
STEP: 0.25,
DEFAULT_SPEED: 1,
QUICK_BUTTONS: [0.5, 1, 1.5, 2, 3],
STORAGE_KEY: 'videoSpeedControl_',
CHECK_INTERVAL: 1000,
DEBOUNCE_DELAY: 100
};
// ==================== 状态 ====================
const hostname = location.hostname;
let currentSpeed = GM_getValue(CONFIG.STORAGE_KEY + hostname + '_speed', CONFIG.DEFAULT_SPEED);
let isLocked = GM_getValue(CONFIG.STORAGE_KEY + hostname + '_locked', false);
let isCollapsed = GM_getValue(CONFIG.STORAGE_KEY + 'collapsed', false);
let panelPosition = GM_getValue(CONFIG.STORAGE_KEY + 'position', { right: 20, top: 100 });
let checkInterval = null;
let videos = [];
// ==================== 工具函数 ====================
function fixPrecision(num) {
return Math.round(num * 100) / 100;
}
function debounce(fn, delay) {
let timer = null;
return function(...args) {
clearTimeout(timer);
timer = setTimeout(() => fn.apply(this, args), delay);
};
}
function showToast(message) {
const existingToast = document.getElementById('speed-toast');
if (existingToast) existingToast.remove();
const toast = document.createElement('div');
toast.id = 'speed-toast';
toast.textContent = message;
toast.style.cssText = `
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, 0.8);
color: #fff;
padding: 12px 24px;
border-radius: 8px;
font-size: 18px;
font-weight: bold;
z-index: 2147483647;
pointer-events: none;
animation: toastFade 1.5s ease-in-out forwards;
font-family: Arial, sans-serif;
`;
document.body.appendChild(toast);
setTimeout(() => toast.remove(), 1500);
}
// ==================== 核心功能 ====================
function applySpeedToAll(showTip = false) {
videos = document.querySelectorAll('video');
videos.forEach(video => {
try {
if (video.playbackRate !== currentSpeed) {
video.playbackRate = currentSpeed;
}
} catch (e) {
console.warn('[倍速控制] 设置速度失败:', e);
}
});
if (showTip && videos.length > 0) {
showToast(`${currentSpeed}x`);
}
}
function setSpeed(speed, showTip = true, saveToStorage = true) {
currentSpeed = fixPrecision(Math.max(CONFIG.MIN_SPEED, Math.min(CONFIG.MAX_SPEED, speed)));
if (saveToStorage) {
GM_setValue(CONFIG.STORAGE_KEY + hostname + '_speed', currentSpeed);
}
applySpeedToAll(showTip);
updateUI();
updateCheckInterval();
}
// 同步网站速度到面板（不保存、不提示）
function syncSpeedFromVideo(speed) {
if (isLocked) return; // 锁定模式不同步
const fixedSpeed = fixPrecision(speed);
if (fixedSpeed >= CONFIG.MIN_SPEED && fixedSpeed <= CONFIG.MAX_SPEED && fixedSpeed !== currentSpeed) {
currentSpeed = fixedSpeed;
updateUI();
}
}
function toggleLock(locked) {
isLocked = locked;
GM_setValue(CONFIG.STORAGE_KEY + hostname + '_locked', isLocked);
updateCheckInterval();
if (isLocked) {
applySpeedToAll();
showToast(`🔒 锁定 ${currentSpeed}x`);
} else {
showToast(`🔓 跟随网站`);
}
}
function updateCheckInterval() {
if (checkInterval) {
clearInterval(checkInterval);
checkInterval = null;
}
if (isLocked && document.querySelectorAll('video').length > 0) {
checkInterval = setInterval(() => {
const currentVideos = document.querySelectorAll('video');
if (currentVideos.length === 0) {
clearInterval(checkInterval);
checkInterval = null;
return;
}
applySpeedToAll();
}, CONFIG.CHECK_INTERVAL);
}
}
function setupVideoListeners(video) {
if (video._speedControlSetup) return;
video._speedControlSetup = true;
// 监听速度变化
video.addEventListener('ratechange', () => {
if (isLocked) {
// 锁定模式：强制恢复
if (video.playbackRate !== currentSpeed) {
try {
video.playbackRate = currentSpeed;
} catch (e) {}
}
} else {
// 跟随模式：同步到面板
syncSpeedFromVideo(video.playbackRate);
}
});
// 初始应用速度
if (isLocked || currentSpeed !== CONFIG.DEFAULT_SPEED) {
try {
video.playbackRate = currentSpeed;
} catch (e) {}
}
}
// ==================== UI 相关 ====================
let panel, miniBtn, slider, speedDisplay, lockBtn, followBtn;
function createUI() {
const style = document.createElement('style');
style.textContent = `
@keyframes toastFade {
0% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
15% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
85% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
100% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
}
#speed-control-panel *, #speed-mini-btn * {
box-sizing: border-box;
font-family: Arial, sans-serif;
}
#speed-control-panel button:hover, #speed-mini-btn:hover {
filter: brightness(1.1);
}
#speed-control-panel button:active {
transform: scale(0.95);
}
`;
(document.head || document.documentElement).appendChild(style);
// 迷你按钮（折叠时显示）
miniBtn = document.createElement('div');
miniBtn.id = 'speed-mini-btn';
miniBtn.style.cssText = `
position: fixed;
right: ${panelPosition.right}px;
top: ${panelPosition.top}px;
width: 40px;
height: 40px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 50%;
display: ${isCollapsed ? 'flex' : 'none'};
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 2147483646;
box-shadow: 0 2px 10px rgba(0,0,0,0.3);
font-size: 16px;
transition: transform 0.2s;
`;
miniBtn.innerHTML = '⚡';
miniBtn.title = `当前: ${currentSpeed}x | 点击展开`;
// 完整面板
panel = document.createElement('div');
panel.id = 'speed-control-panel';
panel.style.cssText = `
position: fixed;
right: ${panelPosition.right}px;
top: ${panelPosition.top}px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 12px;
padding: 12px;
z-index: 2147483646;
box-shadow: 0 4px 20px rgba(0,0,0,0.3);
user-select: none;
min-width: 200px;
color: #fff;
font-size: 14px;
display: ${isCollapsed ? 'none' : 'block'};
`;
// 标题栏
const header = document.createElement('div');
header.id = 'speed-header';
header.style.cssText = `
display: flex;
justify-content: space-between;
align-items: center;
cursor: move;
padding-bottom: 8px;
border-bottom: 1px solid rgba(255,255,255,0.2);
margin-bottom: 10px;
`;
header.innerHTML = `
<span style="font-weight: bold;">🎬 倍速控制</span>
<span id="collapse-btn" style="cursor: pointer; font-size: 14px; padding: 2px 6px; background: rgba(255,255,255,0.2); border-radius: 4px;">收起</span>
`;
panel.appendChild(header);
// 速度显示
speedDisplay = document.createElement('div');
speedDisplay.style.cssText = `
text-align: center;
font-size: 24px;
font-weight: bold;
margin: 10px 0;
`;
speedDisplay.textContent = `${currentSpeed}x`;
panel.appendChild(speedDisplay);
// 滑块
slider = document.createElement('input');
slider.type = 'range';
slider.min = CONFIG.MIN_SPEED;
slider.max = CONFIG.MAX_SPEED;
slider.step = CONFIG.STEP;
slider.value = currentSpeed;
slider.style.cssText = `
width: 100%;
margin: 10px 0;
cursor: pointer;
`;
panel.appendChild(slider);
// 快捷按钮
const quickBtns = document.createElement('div');
quickBtns.style.cssText = `
display: flex;
gap: 5px;
flex-wrap: wrap;
justify-content: center;
margin: 10px 0;
`;
CONFIG.QUICK_BUTTONS.forEach(speed => {
const btn = document.createElement('button');
btn.textContent = `${speed}x`;
btn.style.cssText = `
padding: 5px 10px;
border: none;
border-radius: 5px;
background: rgba(255,255,255,0.2);
color: #fff;
cursor: pointer;
transition: all 0.2s;
`;
btn.onclick = () => setSpeed(speed);
quickBtns.appendChild(btn);
});
panel.appendChild(quickBtns);
// 模式切换
const modeDiv = document.createElement('div');
modeDiv.style.cssText = `
display: flex;
gap: 8px;
margin-top: 10px;
`;
followBtn = document.createElement('button');
followBtn.textContent = '🔓 跟随网站';
followBtn.style.cssText = `
flex: 1;
padding: 8px;
border: none;
border-radius: 6px;
cursor: pointer;
transition: all 0.2s;
font-size: 12px;
`;
lockBtn = document.createElement('button');
lockBtn.textContent = '🔒 锁定倍速';
lockBtn.style.cssText = `
flex: 1;
padding: 8px;
border: none;
border-radius: 6px;
cursor: pointer;
transition: all 0.2s;
font-size: 12px;
`;
modeDiv.appendChild(followBtn);
modeDiv.appendChild(lockBtn);
panel.appendChild(modeDiv);
// 快捷键提示
const shortcutTip = document.createElement('div');
shortcutTip.style.cssText = `
text-align: center;
font-size: 11px;
color: rgba(255,255,255,0.7);
margin-top: 10px;
`;
shortcutTip.textContent = '快捷键: [ 减速 | ] 加速';
panel.appendChild(shortcutTip);
const appendPanel = () => {
if (document.body) {
document.body.appendChild(miniBtn);
document.body.appendChild(panel);
bindEvents();
updateUI();
} else {
requestAnimationFrame(appendPanel);
}
};
appendPanel();
}
function updateUI() {
if (!speedDisplay) return;
speedDisplay.textContent = `${currentSpeed}x`;
slider.value = currentSpeed;
miniBtn.title = `当前: ${currentSpeed}x${isLocked ? ' 🔒' : ''} | 点击展开`;
if (isLocked) {
lockBtn.style.background = '#4CAF50';
lockBtn.style.color = '#fff';
followBtn.style.background = 'rgba(255,255,255,0.2)';
followBtn.style.color = '#fff';
} else {
followBtn.style.background = '#2196F3';
followBtn.style.color = '#fff';
lockBtn.style.background = 'rgba(255,255,255,0.2)';
lockBtn.style.color = '#fff';
}
}
function toggleCollapse(collapsed) {
isCollapsed = collapsed;
panel.style.display = isCollapsed ? 'none' : 'block';
miniBtn.style.display = isCollapsed ? 'flex' : 'none';
GM_setValue(CONFIG.STORAGE_KEY + 'collapsed', isCollapsed);
}
function bindEvents() {
const header = document.getElementById('speed-header');
const collapseBtn = document.getElementById('collapse-btn');
// 折叠
collapseBtn.onclick = (e) => {
e.stopPropagation();
toggleCollapse(true);
};
// 迷你按钮点击展开（带拖拽判断）
let miniBtnDragged = false;
miniBtn.addEventListener('click', () => {
if (!miniBtnDragged) {
toggleCollapse(false);
}
miniBtnDragged = false;
});
// 滑块事件
const debouncedSetSpeed = debounce((value) => {
setSpeed(parseFloat(value));
}, CONFIG.DEBOUNCE_DELAY);
slider.addEventListener('input', (e) => {
speedDisplay.textContent = `${fixPrecision(parseFloat(e.target.value))}x`;
});
slider.addEventListener('change', (e) => {
debouncedSetSpeed(e.target.value);
});
// 模式按钮
followBtn.onclick = () => toggleLock(false);
lockBtn.onclick = () => toggleLock(true);
// 拖拽功能
function makeDraggable(element, onDragEnd) {
let isDragging = false;
let hasMoved = false;
let startX, startY, startRight, startTop;
const onMouseMove = (e) => {
if (!isDragging) return;
const deltaX = startX - e.clientX;
const deltaY = e.clientY - startY;
// 判断是否真的移动了
if (Math.abs(deltaX) > 3 || Math.abs(deltaY) > 3) {
hasMoved = true;
}
const newRight = Math.max(0, Math.min(window.innerWidth - element.offsetWidth, startRight + deltaX));
const newTop = Math.max(0, Math.min(window.innerHeight - element.offsetHeight, startTop + deltaY));
element.style.right = newRight + 'px';
element.style.top = newTop + 'px';
// 同步另一个元素的位置
if (element === panel) {
miniBtn.style.right = newRight + 'px';
miniBtn.style.top = newTop + 'px';
} else {
panel.style.right = newRight + 'px';
panel.style.top = newTop + 'px';
}
};
const onMouseUp = () => {
if (isDragging) {
isDragging = false;
if (hasMoved) {
panelPosition = {
right: parseInt(element.style.right),
top: parseInt(element.style.top)
};
GM_setValue(CONFIG.STORAGE_KEY + 'position', panelPosition);
if (onDragEnd) onDragEnd(true);
} else {
if (onDragEnd) onDragEnd(false);
}
}
document.removeEventListener('mousemove', onMouseMove);
document.removeEventListener('mouseup', onMouseUp);
};
return (e) => {
if (e.target.id === 'collapse-btn') return;
isDragging = true;
hasMoved = false;
startX = e.clientX;
startY = e.clientY;
startRight = parseInt(element.style.right);
startTop = parseInt(element.style.top);
document.addEventListener('mousemove', onMouseMove);
document.addEventListener('mouseup', onMouseUp);
};
}
header.addEventListener('mousedown', makeDraggable(panel));
miniBtn.addEventListener('mousedown', makeDraggable(miniBtn, (dragged) => {
miniBtnDragged = dragged;
}));
// 键盘快捷键
document.addEventListener('keydown', (e) => {
if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA' || e.target.isContentEditable) {
return;
}
if (e.key === '[') {
e.preventDefault();
setSpeed(currentSpeed - CONFIG.STEP);
} else if (e.key === ']') {
e.preventDefault();
setSpeed(currentSpeed + CONFIG.STEP);
}
});
}
// ==================== 视频监听 ====================
function observeVideos() {
// 处理已存在的视频
document.querySelectorAll('video').forEach(video => {
setupVideoListeners(video);
});
// 监听新增视频
const observer = new MutationObserver((mutations) => {
let hasNewVideo = false;
mutations.forEach(mutation => {
mutation.addedNodes.forEach(node => {
if (node.nodeName === 'VIDEO') {
hasNewVideo = true;
setupVideoListeners(node);
}
if (node.querySelectorAll) {
node.querySelectorAll('video').forEach(video => {
hasNewVideo = true;
setupVideoListeners(video);
});
}
});
});
if (hasNewVideo) {
updateCheckInterval();
}
});
observer.observe(document.documentElement, {
childList: true,
subtree: true
});
}
// ==================== 初始化 ====================
function init() {
createUI();
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => {
observeVideos();
updateCheckInterval();
});
} else {
observeVideos();
updateCheckInterval();
}
}
init();
})();