Greasy Fork is available in English.
在网页上实现倍速播放功能，支持动态调整倍速和浮动提示，支持单页应用
当前为
// ==UserScript==
// @name 倍速播放脚本
// @namespace http://tampermonkey.net/
// @version 1.1
// @description 在网页上实现倍速播放功能，支持动态调整倍速和浮动提示，支持单页应用
// @license MIT
// @author diyun
// @include http://*/*
// @include https://*/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=greasyfork.org
// @grant none
// ==/UserScript==
(function () {
"use strict";
let currentUrl = location.href;
let videoObserver = null;
let keydownListener = null;
let keyupListener = null;
let urlObserver = null;
let videoChangeObserver = null;
let activeObservers = new Set();
// 完整的清理函数
function cleanup() {
// 清理所有事件监听器
if (keydownListener) {
document.removeEventListener("keydown", keydownListener, true);
keydownListener = null;
}
if (keyupListener) {
document.removeEventListener("keyup", keyupListener, true);
keyupListener = null;
}
// 清理所有观察器
activeObservers.forEach(observer => {
if (observer && observer.disconnect) {
observer.disconnect();
}
});
activeObservers.clear();
videoObserver = null;
urlObserver = null;
videoChangeObserver = null;
}
// 等待视频元素加载
function waitForVideoElement() {
return new Promise((resolve, reject) => {
const maxAttempts = 10;
let attempts = 0;
const checkVideo = () => {
const video = document.querySelector("video");
if (video && video.readyState >= 1) {
return video;
}
return null;
};
// 立即检查
const video = checkVideo();
if (video) {
resolve(video);
return;
}
// 创建观察器
const observer = new MutationObserver(() => {
attempts++;
const video = checkVideo();
if (video) {
observer.disconnect();
resolve(video);
} else if (attempts >= maxAttempts) {
observer.disconnect();
reject(new Error("未能找到视频元素"));
}
});
observer.observe(document.body, {
childList: true,
subtree: true,
});
activeObservers.add(observer);
// 设置超时
setTimeout(() => {
observer.disconnect();
activeObservers.delete(observer);
reject(new Error("等待视频元素超时"));
}, 10000);
});
}
// 显示浮动提示
function showFloatingMessage(message) {
// 创建提示元素
const messageElement = document.createElement("div");
messageElement.textContent = message;
messageElement.style.position = "fixed";
messageElement.style.top = "10px";
messageElement.style.left = "50%";
messageElement.style.transform = "translateX(-50%)";
messageElement.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
messageElement.style.color = "white";
messageElement.style.padding = "8px 16px";
messageElement.style.borderRadius = "4px";
messageElement.style.zIndex = "10000";
messageElement.style.fontFamily = "Arial, sans-serif";
messageElement.style.fontSize = "14px";
messageElement.style.transition = "opacity 0.5s ease-out";
// 添加到页面
document.body.appendChild(messageElement);
// 几秒后消失
setTimeout(() => {
messageElement.style.opacity = "0";
setTimeout(() => {
document.body.removeChild(messageElement);
}, 500); // 等待透明度过渡完成
}, 2000); // 2秒后消失
}
// 初始化脚本
async function init() {
cleanup();
try {
const video = await waitForVideoElement();
console.log("找到视频元素：", video);
const key = "ArrowRight"; // 监听的按键
const increaseKey = "Equal"; // + 键
const decreaseKey = "Minus"; // - 键
let targetRate = 2; // 目标倍速
let downCount = 0; // 按键按下计数器
let originalRate = video.playbackRate; // 保存原始播放速度
// 监听视频元素变化
if (video.parentElement) {
videoChangeObserver = new MutationObserver((mutations) => {
const hasVideoChanges = mutations.some(mutation =>
Array.from(mutation.removedNodes).some(node => node.tagName === 'VIDEO') ||
Array.from(mutation.addedNodes).some(node => node.tagName === 'VIDEO')
);
if (hasVideoChanges) {
console.log("视频元素变化，重新初始化");
cleanup();
init().catch(console.error);
}
});
videoChangeObserver.observe(video.parentElement, {
childList: true,
subtree: true
});
activeObservers.add(videoChangeObserver);
}
// 创建新的事件监听器
keydownListener = (e) => {
// 长按 ArrowRight 键：以 targetRate 倍速播放
if (e.code === key) {
e.preventDefault(); // 阻止默认行为
e.stopImmediatePropagation(); // 阻止其他事件监听器
downCount++;
// 当按键按下次数为2时（长按），设置为 targetRate 倍速
if (downCount === 2) {
originalRate = video.playbackRate;
video.playbackRate = targetRate;
showFloatingMessage(`开始 ${targetRate} 倍速播放`);
}
}
// 按 + 键：增加 targetRate 的值
if (e.code === increaseKey) {
e.preventDefault();
e.stopImmediatePropagation();
targetRate += 0.5;
showFloatingMessage(`下次倍速：${targetRate}`);
}
// 按 - 键：减少 targetRate 的值
if (e.code === decreaseKey) {
e.preventDefault();
e.stopImmediatePropagation();
if (targetRate > 0.5) {
targetRate -= 0.5;
showFloatingMessage(`下次倍速：${targetRate}`);
} else {
showFloatingMessage("倍速已达到最小值 0.5");
}
}
};
keyupListener = (e) => {
if (e.code !== key) {
return; // 如果不是目标按键，直接返回
}
e.preventDefault();
e.stopImmediatePropagation();
// 单击 ArrowRight 键：跳转5秒
if (downCount === 1) {
video.currentTime += 5;
}
// 长按 ArrowRight 键：恢复原速
if (downCount >= 2) {
video.playbackRate = originalRate;
showFloatingMessage(`恢复 ${originalRate} 倍速播放`);
}
downCount = 0; // 重置按下计数
};
// 绑定事件监听器
document.addEventListener("keydown", keydownListener, true);
document.addEventListener("keyup", keyupListener, true);
return true;
} catch (error) {
console.error("初始化失败:", error);
return false;
}
}
// 监听 URL 变化
function watchUrlChange() {
urlObserver = new MutationObserver(() => {
if (location.href !== currentUrl) {
currentUrl = location.href;
console.log("URL变化，重新初始化");
cleanup();
setTimeout(() => init().catch(console.error), 1000);
}
});
urlObserver.observe(document.body, {
childList: true,
subtree: true
});
activeObservers.add(urlObserver);
// 增强的 History API 监听
const handleStateChange = () => {
if (location.href !== currentUrl) {
currentUrl = location.href;
cleanup();
setTimeout(() => init().catch(console.error), 1000);
}
};
const originalPushState = history.pushState;
const originalReplaceState = history.replaceState;
history.pushState = function() {
originalPushState.apply(this, arguments);
handleStateChange();
};
history.replaceState = function() {
originalReplaceState.apply(this, arguments);
handleStateChange();
};
window.addEventListener('popstate', handleStateChange);
}
// 启动脚本
const startScript = async () => {
let retryCount = 0;
const maxRetries = 3;
const tryInit = async () => {
try {
const success = await init();
if (success) {
watchUrlChange();
} else if (retryCount < maxRetries) {
retryCount++;
console.log(`初始化重试 (${retryCount}/${maxRetries})`);
setTimeout(tryInit, 2000);
}
} catch (error) {
console.error("启动失败:", error);
if (retryCount < maxRetries) {
retryCount++;
setTimeout(tryInit, 2000);
}
}
};
tryInit();
};
startScript();
})();