B站视频倍速控制器脚本
// ==UserScript==
// @name B站视频倍速控制器脚本
// @namespace https://github.com/csXLJ/bzplayer/
// @version 6.0
// @description 自定义调整B站所有视频播放速度并记忆倍速，不包括赛事，游戏中心，直播
// @author csXLJ
// @icon https://www.bilibili.com/favicon.ico?v=1
// @match https://www.bilibili.com/*
// @match https://www.bilibili.com/video/*
// @grant none
// @license GPL-3.0-only
// ==/UserScript==
var controller = (function () {
var timeId;
var speed = 1.0;
var whichVideo;
var timeIds = [];
const config = {
subtree: true,
childList: true,
attributes: true,
attributeFilter: ['src'],
attributeOldValue: true
};
const callback = function(mutationsList, observer) {
for(let mutation of mutationsList) {
if (mutation.type === 'childList') {
var nodelist = mutation.addedNodes;
if(nodelist != null && nodelist.length > 0){
var tagname = nodelist[0].tagName;
if("VIDEO" == tagname || "BWP-VIDEO" == tagname){
var str = "播放速度："+speed + "x";
whichVideo = document.querySelector('bwp-video') != null ? document.querySelector('bwp-video') : document.querySelector('video');
addAndDelTil(whichVideo, "div", str);
whichVideo.playbackRate = speed;
break;
}
}
}
else if (mutation.type === 'attributes') {
var str1 = "播放速度："+speed + "x";
whichVideo.playbackRate = speed;
addAndDelTil(whichVideo, "div", str1);
break;
}
}
};
const observer = new MutationObserver(callback);
var flag = true;
function keyd(e) {
whichVideo = hasFrame();
speed = whichVideo.playbackRate;
var videos = document.getElementsByClassName('cur-page');
var fjvideos = document.getElementsByClassName('ep-list-progress');
var videowrap = document.querySelector('.bpx-player-video-wrap');
if (e.key == "+") {
if (speed == 16) {
speed = 16;
} else {
speed = speed + 0.1;
speed = roundFun(speed, 1);
}
var str = "播放速度："+speed + "x";
addAndDelTil(whichVideo, "div", str);
whichVideo.playbackRate = speed;
if(flag){
if(videos != null && videos.length > 0 || fjvideos != null && fjvideos.length > 0){
observer.observe(videowrap, config);
flag = false;
}
}
} else if (e.key == "-") {
if (speed == 0) {
speed = 0;
} else {
speed = speed - 0.1;
speed = roundFun(speed, 1);
}
var str1 = "播放速度："+speed + "x";
addAndDelTil(whichVideo, "div", str1);
whichVideo.playbackRate = speed;
if(flag){
if(videos != null && videos.length > 0 || fjvideos != null && fjvideos.length > 0){
observer.observe(videowrap, config);
flag = false;
}
}
}
}
document.body.removeEventListener('keydown', keyd);
document.body.addEventListener('keydown', keyd);
function hasFrame(){
/**var iframe = document.querySelector('iframe');
if(iframe == null){*/
whichVideo = document.querySelector('bwp-video') != null ? document.querySelector('bwp-video') : document.querySelector('video');
/**}else {
whichVideo = iframe.contentWindow.document.body.querySelector('bwp-video') != null ? iframe.contentWindow.document.body.querySelector('bwp-video') : iframe.contentWindow.document.body.querySelector('video');
}*/
return whichVideo;
}
function hasFrame1(){
var oldpara;
/**var iframe = document.querySelector('iframe');
if(iframe == null){*/
oldpara = document.getElementById("speedshownow");
/**}else {
oldpara = iframe.contentWindow.document.body.getElementById("speedshownow");
}*/
return oldpara;
}
function roundFun(value, n) {
return Math.round(value * Math.pow(10, n)) / Math.pow(10, n);
}
function addAndDelTil(element, tab, str) {
var oldpara = hasFrame1();
if(oldpara != null){
oldpara.remove();
}
if (timeIds != null && timeIds.length > 0) {
for(let timeid of timeIds) {
clearTimeout(timeid);
}
}
var para = document.createElement(tab);
para.setAttribute("id","speedshownow")
var node = document.createTextNode(str);
para.appendChild(node);
para.style.position = "absolute";
para.style.color = "white";
para.style.fontWeight = "bold";
para.style.borderRadius = "15px";
para.style.border = "2px solid #00a1d6";
para.style.backgroundColor = "#00a1d6";
para.style.padding = "1px";
//可自行调整显示速度透明度0 - 1
para.style.opacity = "0.8";
para.style.fontFamily = "-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif";
para.style.left = "1%";
para.style.top = "1%";
para.style.zIndex = 99999;
element.parentNode.insertBefore(para,element);
timeId = setTimeout(function () {
var oldpara = hasFrame1();
oldpara.remove();
clearTimeout(timeId);
}, 2000);
timeIds.push(timeId);
}
// Your code here...
})();