Greasy Fork is available in English.
全网视频倍速播放，看视频播太慢，这能忍？直接倍速播放，最高速度20倍【食用方法】①调节右上角加速框右侧上下按钮即可调节倍率 ②在右上角的加速框内输入加速倍率,如2、4、8、16等。【快捷键】：①单手快捷键：“x”，“c” 恢复正常播放:“t”或“z” ②双手快捷键：ctrl + 左右箭头
当前为
// ==UserScript== // @name 视频倍速播放(追剧学习神器) // @namespace http://tampermonkey.net/ // @icon https://img-blog.csdnimg.cn/20181221195058594.gif // @version 1.3.1.1 // @description 全网视频倍速播放，看视频播太慢，这能忍？直接倍速播放，最高速度20倍【食用方法】①调节右上角加速框右侧上下按钮即可调节倍率 ②在右上角的加速框内输入加速倍率,如2、4、8、16等。【快捷键】：①单手快捷键：“x”，“c” 恢复正常播放:“t”或“z” ②双手快捷键：ctrl + 左右箭头 // @author wll // @require https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.all.min.js // @require http://greasyfork.icu/scripts/471299-toastify-js/code/toastifyjs.js?version=1222923 // @resource css https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css // @grant GM_getValue // @grant GM_setValue // @grant GM_addStyle // @grant GM_getResourceText // @grant GM_registerMenuCommand // @match *://*/* // @note 增加支持网站： 依照规则增加@match所在标签即可 // @note 郑重声明： 本脚本只做学习交流使用，未经作者允许，禁止转载，不得使用与非法用途，一经发现，追责到底 // @note 授权联系： [email protected] // @note 版本更新 20-12-26 1.0.0 初版发布视频倍速播放 // @note 版本更新 21-02-04 1.0.1 优化用户体验 // @note 版本更新 21-02-04 1.0.2 优化标题，优化简介 // @note 版本更新 21-06-18 1.0.3 增加新的倍速网址，ehuixue.cn/index/study，ehuixue.cn/index/study，chaoxing.com // @note 版本更新 21-06-25 1.0.4 增加新的倍速网址，douyin.com // @note 版本更新 21-06-26 1.0.5 增加新的倍速网址，pan.baidu.com,youku.com // @note 版本更新 21-07-09 1.0.6 修正哔哩哔哩网站无法暂停问题 // @note 版本更新 21-10-11 1.0.7 由于百度云视频倍速播放收费，一时无法解决，暂时停用百度相关加速*://*.pan.baidu.com/* // @note 版本更新 21-12-11 1.0.8 感谢用户“何佳林”，提供建议，增加快捷键控制倍速 ctrl + -> ctrl + <- // @note 版本更新 21-12-13 1.0.9 增加cctv支持，增加倍速控件悬浮不跟随滑动 // @note 版本更新 21-12-14 1.1.0 增加倍率记忆功能，防止页面刷新倍率重新计算 // @note 版本更新 21-12-19 1.1.1 1、增加单手快捷键: “x” 、“c”， 2、增加寄存器倍率存储，浏览器全局使用 3、增加倍速框自动聚焦 // @note 版本更新 21-12-20 1.1.2 代码脚本优化 // @note 版本更新 21-12-20 1.1.3 增加全网倍速支持，让倍速不再有障碍 // @note 版本更新 21-12-21 1.1.4 增加快捷键d,用于恢复正常播放速度 // @note 版本更新 21-12-22 1.1.5 更改快捷键t,用于恢复正常播放速度 // @note 版本更新 21-12-23 1.1.6 修正倍速无法回到正常播放问题，感谢大佬“我不想上班”提供技术支持 // @note 版本更新 21-12-24 1.1.7 修正插件自带寄存器存储赋值失效问题 // @note 版本更新 21-12-24 1.1.8 修正bilibili自动下一集倍速失效问题 // @note 版本更新 21-12-28 1.1.9 增加大写快捷键支持 // @note 版本更新 22-01-06 1.2.0 增加倍率改变提示 // @note 版本更新 22-11-30 1.2.1 增加自动播放支持，增加代码优化 // @note 版本更新 22-12-03 1.2.2 增加浏览器菜单-可以：开启/关闭“倍速框” // @note 版本更新 22-12-03 1.2.3 优化页面倍速框，倍速药丸不能停 O(∩_∩)O哈哈~ // @note 版本更新 22-12-05 1.2.4 优化倍速框样式 // @note 版本更新 23-01-18 1.2.5 @include *:* @match *://*/* // @note 版本更新 23-06-08 1.2.6 增加触屏支持 // @note 版本更新 23-06-08 1.2.7 增加快速还原1.0 // @note 版本更新 23-07-21 1.2.8 替换提示，去除双手快捷键 // @note 版本更新 23-08-04 1.2.9 增加滑动支持 // @note 版本更新 23-08-04 1.3.0 滑动支持优化 // @note 版本更新 23-08-04 1.3.1 增加兼容性，增加跳过片头片尾功能 // ==/UserScript== (function() { 'use strict'; // 自定义样式 function addStyle() { let customCss=` #rangeId{z-index:99999999;position:fixed;top:100px;right:100px;width:60px;background-color:#E3EDCD;display:inline-block;text-align:center;padding:0 6px 0 7px;height:16px;line-height:16px;border-radius:9px;border:1px solid var(--brand_pink);outline: none;color:var(--brand_pink);font-size:12px;margin-right:4px;transition:background 0.3s,color 0.3s;flex-shrink:0;filter: opacity(1);} #rangeId:hover{filter: opacity(1);} .slider-container {display: flex;align-items: center;justify-content: center;} `; GM_addStyle(customCss); } // 自定义节点 function addDocument(){ $("body").prepend('<input id="rangeId" type="number" step="0.1" min="0.1" max="20" autofocus="autofocus" value="" />'); let element = document.getElementById('rangeId'); element.style.opacity = 0.5; element.addEventListener('change', function () { // 在这里执行 change 事件的处理逻辑 element.style.opacity = 1; addToast(element.value); // 设置一个定时器，在一秒后将opacity设置为0.5 // setTimeout(function() { // element.style.opacity = 0.5; // }, 1000); }); element.addEventListener('mouseover', function() { element.style.opacity = 1; }); element.addEventListener('mouseout', function() { element.style.opacity = 0.5; }); } // 监听快捷键 document.addEventListener("keypress", handleKeyPress); function handleKeyPress(e) { log.info("--->e.key:" + e.key); let videos = document.querySelectorAll("video").length; if (videos > 0) { switch (e.key.toLowerCase()) { case "x": speedFun("-"); break; case "c": speedFun("+"); break; case "t": case "z": speedFun("1"); break; } } } /* PC端滑动处理 */ var isMouseDown = false; var startX, startY; $(document).on('mousedown', function(event) { isMouseDown = true; startX = event.pageX; startY = event.pageY; }); $(document).on('mousemove', function(event) { if (isMouseDown) { var currentX = event.pageX; var currentY = event.pageY; var distanceX = currentX - startX; var distanceY = currentY - startY; var times = Math.abs(distanceY) / 600; for (var i = 0; i < times; i++) { if (distanceY > 0) { // speedFun("-"); } else { // speedFun("+"); } } } }); $(document).on('mouseup', function(event) { isMouseDown = false; }); /* 移动端滑动处理 */ var lastY = 0; var direction = ""; // 保存方向信息 $(document).on('touchstart', function(e) { lastY = e.originalEvent.touches[0].clientY; }); $(document).on('touchmove', function(e) { var currentY = e.originalEvent.touches[0].clientY; var deltaY = currentY - lastY; var times = Math.abs(deltaY) / 100; if (deltaY > 0) { direction = "down";} else { direction = "up";} for (var i = 0; i < times; i++) { log.info(direction); if (direction = "down") { speedFun("-"); } if (direction = "up") { speedFun("+"); } } lastY = currentY; }); // 更改倍速 function speedFun(spee) { log.info("this speedFun is spee:" + spee); controlVideoProperty('playbackRate', spee); // 调用函数，设置播放速度为2.0 if ("+" == spee) { let numVal = parseFloat(parseFloat($("#rangeId").val()) + 0.1 > 20 ? 20 : parseFloat($("#rangeId").val()) + 0.1).toFixed(1); addToast(numVal); $("#rangeId").val(numVal).trigger("change"); return; } if ("-" == spee) { let numVal = parseFloat(parseFloat($("#rangeId").val()) - 0.1 < 0.1 ? 0.1 : parseFloat($("#rangeId").val()) - 0.1).toFixed(1); addToast(numVal); $("#rangeId").val(numVal).trigger("change"); return; } if ("1" == spee) { $("#rangeId").val(1.0); addToast(1.0); localUtil.setSValue("speedStepKey", null); return; } } // 消息提示 function addToast(msgText) { showVideoMessage("当前倍速：" + msgText); showtoastMessage("当前倍速：" + msgText); } /** * 在页面右下角显示 * @param msgText */ function showtoastMessage(msgText){ GM_addStyle(GM_getResourceText("css")); Toastify({ text: msgText, duration: 1500, newWindow: false, gravity: "bottom", // `top` or `bottom` position: "right", // `left`, `center` or `right` style: { background: "linear-gradient(to right, #00b09b, #96c93d)", } }).showToast(); } /** * 在视频左上角显示 * @param msgText */ function showVideoMessage(msgText) { var messageElement = document.createElement('div'); messageElement.style.position = 'absolute'; messageElement.style.top = '10px'; messageElement.style.left = '10px'; messageElement.style.backgroundColor = 'rgba(0, 0, 0, 0.5)'; messageElement.style.color = 'white'; messageElement.style.padding = '10px'; messageElement.style.fontFamily = 'Arial, sans-serif'; messageElement.style.fontSize = '16px'; messageElement.innerText = msgText; findNodeWithSelector('video', nodei => { if (nodei) { nodei.parentNode.appendChild(messageElement); } }); var hideMessage = function() { messageElement.style.display = 'none'; }; var showMessage = function() { messageElement.style.display = 'block'; setTimeout(hideMessage, 1000); // 一秒后隐藏消息 }; showMessage(); // 显示消息框 } /** * 数值转换为分钟 * @param value * @returns {string} */ function convertToMinutes(value) { const minutes = Math.floor(value / 60); const seconds = value % 60; const paddedMinutes = minutes.toString().padStart(2, "0"); const paddedSeconds = seconds.toString().padStart(2, "0"); return `${paddedMinutes}:${paddedSeconds}`; } /** * 初始化跳过片头片尾 */ function initStartEnd() { var speed_skip_start = localUtil.getSValue("speed_skip_start") || 0; var speed_skip_end = localUtil.getSValue("speed_skip_end") || 0; if (parseInt(speed_skip_start) >= 0 || parseInt(speed_skip_end) >= 0) { toRunCurrentTime(speed_skip_start, speed_skip_end); } } /** * 执行引擎 */ function initRun(){ var step = document.getElementById("rangeId").value; log.info("倍速播放方法启动,当前倍率为....." + step); var speedStepKey = localUtil.getSValue("speedStepKey"); if ((step == null || step == '') && speedStepKey == null) { changeSpeend(1); return; } if ((step == null || step == '') && speedStepKey != null) { changeSpeend(speedStepKey); return; } if ((step != null && step != '' && step != speedStepKey) || (step == speedStepKey)) { changeSpeend(step); return; } } /** * 更改倍速 * @param speed */ function changeSpeend(speed) { document.getElementById("rangeId").value = speed; findNodeWithSelector('video', nodei => { if (nodei) { nodei.playbackRate = speed; } }); // findNodeWithSelector('video', function (nodei) { // if (nodei) { // nodei.playbackRate = speed; // } // }); localUtil.setSValue("speedStepKey", speed); } /** * 通用查找节点方法 * @param selector * @param callback */ function findNodeWithSelector(selector, callback) { // 遍历页面中的所有节点并执行回调 if (document.querySelectorAll(selector)) { document.querySelectorAll(selector).forEach(node => { callback(node); }); } // 遍历页面中的所有 <iframe> 节点 if (document.querySelectorAll("iframe")) { document.querySelectorAll("iframe").forEach(iframe => { // 确保 <iframe> 加载完成后再访问其内容 iframe.addEventListener("load", () => { try { // 获取 <iframe> 的文档对象 let iframeDoc = iframe.contentDocument || iframe.contentWindow.document; // 在 <iframe> 的文档中查找节点并执行回调 if (iframeDoc.querySelectorAll(selector)) { iframeDoc.querySelectorAll(selector).forEach(iframeNode => { callback(iframeNode); }); } } catch (error) { log.error("Error occurred while accessing iframe content:", error); } }); }); } } // 创建一个函数来覆盖对象的指定属性的setter方法 function overrideSetter(object, property, desiredValue) { // 保存原始的setter方法 var originalSetter = Object.getOwnPropertyDescriptor(object, property).set; // 覆盖setter方法 Object.defineProperty(object, property, { set: function(value) { originalSetter.call(this, value); } }); } function controlVideoProperty(propertyName, desiredValue) { findNodeWithSelector('video', nodei => { if (nodei) { // 使用overrideSetter函数来覆盖HTMLMediaElement.prototype的指定属性的setter方法 overrideSetter(HTMLMediaElement.prototype, propertyName, desiredValue); // 创建一个MutationObserver实例来监听指定属性的变化 var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.type == 'attributes' && mutation.attributeName == propertyName && nodei[propertyName] != desiredValue) { nodei[propertyName] = desiredValue; // 更改属性的值 } }); }); // 配置观察器 var config = { attributes: true }; // 开始观察 observer.observe(nodei, config); } }); } /** * 初始化菜单 */ function mokInitMenu(){ const toggleSpeedStep = () => { let speedStepKeyInput = localUtil.getSValue("speedStepKeyInput") || "0.5"; log.info('speedStepKeyInput waiting...' + speedStepKeyInput); if (speedStepKeyInput == "0.5") { speedStepKeyInput = "0"; } else { speedStepKeyInput = "0.5"; } $('#rangeId').css("opacity", speedStepKeyInput); localUtil.setSValue("speedStepKeyInput", speedStepKeyInput); }; GM_registerMenuCommand('倍速框开启/关闭', toggleSpeedStep); GM_registerMenuCommand("跳过片头片尾", function() { Swal.fire({ title: "跳过片头片尾", html:` <div> <div class="slider-container"> <span>跳过片头</span> <p id="sliderValue1">00:00</p> <input type="range" id="slider1" min="0" max="360" step="1" value="0"/> </div> </div> <br> <div> <div class="slider-container"> <span>跳过片尾</span> <p id="sliderValue2">00:00</p> <input type="range" id="slider2" min="0" max="360" step="1" value="0"/> </div> </div> `, showConfirmButton: false, showCloseButton: true, didOpen: () => { // 选择要修改宽度的 input 元素 let rangeInput = $('input[type="range"]'); // 设置宽度为 260px rangeInput.css('width', '260px'); const sliders = document.querySelectorAll(".slider-container"); sliders.forEach(function(sliderContainer) { const slider = sliderContainer.querySelector("input[type='range']"); const sliderValue = sliderContainer.querySelector("p"); // 从 localUtil 中读取滑块的值，如果存在则更新滑块和滑块值 const storedData = localUtil.getSValue(slider.id); if (storedData) { const {value,textContent} = JSON.parse(storedData); slider.value = value; sliderValue.textContent = textContent; toSendCurrentTime(slider.id, value); } // 添加一个 "input" 事件监听器来更新滑块值并将其存储到 localUtil 中 slider.addEventListener("input", function() { const value = this.value; const textContent = convertToMinutes(value); sliderValue.textContent = textContent; const data = {value,textContent}; localUtil.setSValue(this.id, JSON.stringify(data)); toSendCurrentTime(this.id, value); }); }); } }); }); } /** * 运行至当前时间 * @param speed_skip_start * @param speed_skip_end */ function toRunCurrentTime(speed_skip_start,speed_skip_end){ findNodeWithSelector('video', video => { if (video) { // 如果视频的长度大于跳过的开始和结束时间 if (video.duration > parseInt(speed_skip_start) + parseInt(speed_skip_end)) { // 已经过了片头，则不进行跳过 if (video.currentTime > parseInt(speed_skip_start)) { return; } // 跳过视频的开始 video.currentTime = speed_skip_start; addToast("跳过片头：" + convertToMinutes(speed_skip_start)); // 当视频时间更新时 video.ontimeupdate = function () { // 如果视频在跳过结束时间内 if (video.duration - video.currentTime <= speed_skip_end) { // 跳转到视频末尾 video.currentTime = video.duration; addToast("跳过片尾：" + convertToMinutes(speed_skip_end)); } }; } } }); // 保存设置的视频进度 localUtil.setSValue("speed_skip_start", speed_skip_start); localUtil.setSValue("speed_skip_end", speed_skip_end); } /** * 运行至当前时间 * @param speed_skip_start * @param speed_skip_end */ function toSendCurrentTime(saveId,value){ let speed_skip_start = 0; let speed_skip_end = 0; if (saveId == "slider1") {speed_skip_start = value;} if (saveId == "slider2") {speed_skip_end = value;} if (speed_skip_start >= 0 || speed_skip_end >= 0) { toRunCurrentTime(speed_skip_start,speed_skip_end); } } // 日志打印封装 var log = { log: function (msg) { if (localStorage.getItem("debug") == "true") {console.log(msg);} }, info: function (msg) { if (localStorage.getItem("debug") == "true") {console.info(msg);} }, warn: function (msg) { if (localStorage.getItem("debug") == "true") {console.warn(msg);} }, error: function (msg) { if (localStorage.getItem("debug") == "true") {console.error(msg);} } }; // 本地存储封装 var localUtil = { getSValue(name) { return window.localStorage.getItem(name); }, setSValue(name, value) { window.localStorage.setItem(name, value); }, getGValue(name) { return window.GM_getValue(name); }, setGValue(name, value) { window.GM_setValue(name, value); } } var main = { init() { mokInitMenu(); addStyle(); addDocument(); initStartEnd(); }, run() { initRun(); } } window.onload = function() { localStorage.setItem("debug", "false"); var startStamp = new Date().getTime(); window.initTimer = setInterval(() => { var videos = document.querySelectorAll("video").length; var nowStamp = new Date().getTime(); if (videos > 0) { clearInterval(initTimer); main.init(); window.setInterval(function() {main.run();}, 1000); } else if ((nowStamp - startStamp) > 30 * 1000) { clearInterval(initTimer); log.error('search video is long to stop...'); } else { log.error('search video waiting...'); } }, 1000); } })();