Greasy Fork is available in English.
对HTML5播放器的功能进行增强(仅对支持HTML5视频的网站有效)，快捷键仿照Potplayer的快捷键布局，实现调节亮度，饱和度，对比度，速度等功能。
اعتبارا من
// ==UserScript==
// @name HTML5播放器增强插件
// @namespace https://greasyfork.org/users/49622
// @homepage http://nopast.51vip.biz:10001/
// @version 1.0
// @description 对HTML5播放器的功能进行增强(仅对支持HTML5视频的网站有效)，快捷键仿照Potplayer的快捷键布局，实现调节亮度，饱和度，对比度，速度等功能。
// @author 过去终究是个回忆
// @match http://*/*
// @match https://*/*
// @run-at document-end
// @grant none
// ==/UserScript==
/*
提示字体设置：找到下面代码中，按住说明修改值即可，找到fontSize。
快捷键说明：
播放时间定位：
方向键右→：快进3秒
方向键左←：后退3秒
按键F：下一帧
按键D：上一帧
音量调节：
方向键上↑：音量升高 1%
方向键下↓：音量降低 1%
播放速度调节：
按键C：加速播放 +0.1
按键X：减速播放 -0.1
按键Z：正常速度播放
图像参数调节：
按键E：亮度增加%
按键W：亮度减少%
按键T：对比度增加%
按键R：对比度减少%
按键U：饱和度增加%
按键Y：饱和度减少%
按键O：色相增加 1 度
按键I：色相减少 1 度
按键K：模糊增加 1 px
按键J：模糊减少 1 px
按键Q：图像复位
画面调节：
按键S：画面旋转 90 度
*/
(function () {
'use strict';
var html_player_enhance = {
fontSize: 20,//请输入您希望提示的文字大小(px)，默认值(浏览器默认)为 0,直接输入数字即可！
player: function () {
return document.querySelector('video');
},
tips: function (str) {
var style = document.querySelector('#html_player_enhance_tips').style;
document.querySelector('#html_player_enhance_tips').innerText = str;
for (var i = 0; i < 3; i++) {
if (this.on_off[i]) clearTimeout(this.on_off[i]);
}
style.display = "block";
this.on_off[0] = setTimeout(function () {
style.opacity = 1;
}, 50);
this.on_off[1] = setTimeout(function () {
style.opacity = 0;
}, 2000);
this.on_off[2] = setTimeout(function () {
style.display = "none";
}, 2800);
},
on_off: new Array(3),
rotate: 0,
fps: 30,
filter: {
key: new Array(5),
setup: function () {
var view = "brightness({0}) contrast({1}) saturate({2}) hue-rotate({3}deg) blur({4}px)";
for (var i = 0; i < 5; i++) {
view = view.replace("{" + i + "}", String(this.key[i]));
this.key[i] = Number(this.key[i]);
}
html_player_enhance.player().style.WebkitFilter = view;
},
reset: function () {
this.key[0] = 1;
this.key[1] = 1;
this.key[2] = 1;
this.key[3] = 0;
this.key[4] = 0;
this.setup();
}
},
settips: function () {
var tips = document.createElement('div');
this.player().parentNode.appendChild(tips);
tips.setAttribute("id", "html_player_enhance_tips");
tips.setAttribute("style", "position: absolute;z-index: 999999;padding: 10px;background: rgba(0,0,0,0.8);color:white;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 500ms ease;opacity: 0;display: none; -webkit-font-smoothing: subpixel-antialiased;font-family: 'microsoft yahei', Verdana, Geneva, sans-serif;-webkit-user-select: none;");
if (this.fontSize !== 0) {
tips.style.fontSize = this.fontSize + "px";
}
},
_isFoucs:false,
isFoucs: function () {
this.player().onmouseover = function () {
html_player_enhance._isFoucs=true;
};
this.player().onmouseout = function () {
html_player_enhance._isFoucs=false;
};
},
button: function () {
var _this = html_player_enhance;
//防止组合键冲突
if (event.altKey || event.ctrlKey || event.shiftKey) return;
if (!_this._isFoucs) return;
event.preventDefault();
//方向键右→：快进3秒
if (event.keyCode === 39) {
_this.player().currentTime += 3;
_this.tips("快进：3秒");
}
//方向键左←：后退3秒
if (event.keyCode === 37) {
_this.player().currentTime -= 3;
_this.tips("后退：3秒");
}
//方向键上↑：音量升高 1%
if (event.keyCode === 38) {
if (_this.player().volume < 1) {
_this.player().volume += 0.01;
}
_this.player().volume = _this.player().volume.toFixed(2);
_this.tips("音量：" + parseInt(_this.player().volume * 100) + "%");
}
//方向键下↓：音量降低 1%
if (event.keyCode === 40) {
if (_this.player().volume > 0) {
_this.player().volume -= 0.01;
}
_this.player().volume = _this.player().volume.toFixed(2);
_this.tips("音量：" + parseInt(_this.player().volume * 100) + "%");
}
//空格键：暂停/播放
if (event.keyCode === 32) {
if (_this.player().paused) {
_this.player().play();
_this.tips("播放");
} else {
_this.player().pause();
_this.tips("暂停");
}
}
//按键X：减速播放 -0.1
if (event.keyCode === 88) {
if (_this.player().playbackRate > 0) {
_this.player().playbackRate -= 0.1;
_this.player().playbackRate = _this.player().playbackRate.toFixed(1);
_this.tips("播放速度：" + _this.player().playbackRate + "倍");
}
}
//按键C：加速播放 +0.1
if (event.keyCode === 67) {
if (_this.player().playbackRate < 16) {
_this.player().playbackRate += 0.1;
_this.player().playbackRate = _this.player().playbackRate.toFixed(1);
_this.tips("播放速度：" + _this.player().playbackRate + "倍");
}
}
//按键Z：正常速度播放
if (event.keyCode === 90) {
_this.player().playbackRate = 1;
_this.tips("播放速度：1倍");
}
//按键F：下一帧
if (event.keyCode == 70) {
if (!_this.player().paused) _this.player().pause();
_this.player().currentTime += Number(1 / _this.fps);
_this.tips("定位：下一帧");
}
//按键D：上一帧
if (event.keyCode == 68) {
if (!_this.player().paused) _this.player().pause();
_this.player().currentTime -= Number(1 / _this.fps);
_this.tips("定位：上一帧");
}
//按键E：亮度增加%
if (event.keyCode == 69) {
if (_this.filter.key[0] > 1) {
_this.filter.key[0] += 1;
} else {
_this.filter.key[0] += 0.1;
}
_this.filter.key[0] = _this.filter.key[0].toFixed(2);
_this.filter.setup();
_this.tips("图像亮度增加：" + parseInt(_this.filter.key[0] * 100) + "%");
}
//按键W：亮度减少%
if (event.keyCode == 87) {
if (_this.filter.key[0] > 0) {
if (_this.filter.key[0] > 1) {
_this.filter.key[0] -= 1;
} else {
_this.filter.key[0] -= 0.1;
}
_this.filter.key[0] = _this.filter.key[0].toFixed(2);
_this.filter.setup();
}
_this.tips("图像亮度减少：" + parseInt(_this.filter.key[0] * 100) + "%");
}
//按键T：对比度增加%
if (event.keyCode == 84) {
if (_this.filter.key[1] > 1) {
_this.filter.key[1] += 1;
} else {
_this.filter.key[1] += 0.1;
}
_this.filter.key[1] = _this.filter.key[1].toFixed(2);
_this.filter.setup();
_this.tips("图像对比度增加：" + parseInt(_this.filter.key[1] * 100) + "%");
}
//按键R：对比度减少%
if (event.keyCode == 82) {
if (_this.filter.key[1] > 0) {
if (_this.filter.key[1] > 1) {
_this.filter.key[1] -= 1;
} else {
_this.filter.key[1] -= 0.1;
}
_this.filter.key[1] = _this.filter.key[1].toFixed(2);
_this.filter.setup();
}
_this.tips("图像对比度减少：" + parseInt(_this.filter.key[1] * 100) + "%");
}
//按键U：饱和度增加%
if (event.keyCode == 85) {
if (_this.filter.key[2] > 1) {
_this.filter.key[2] += 1;
} else {
_this.filter.key[2] += 0.1;
}
_this.filter.key[2] = _this.filter.key[2].toFixed(2);
_this.filter.setup();
_this.tips("图像饱和度增加：" + parseInt(_this.filter.key[2] * 100) + "%");
}
//按键Y：饱和度减少%
if (event.keyCode == 89) {
if (_this.filter.key[2] > 0) {
if (_this.filter.key[2] > 1) {
_this.filter.key[2] -= 1;
} else {
_this.filter.key[2] -= 0.1;
}
_this.filter.key[2] = _this.filter.key[2].toFixed(2);
_this.filter.setup();
}
_this.tips("图像饱和度减少：" + parseInt(_this.filter.key[2] * 100) + "%");
}
//按键O：色相增加 1 度
if (event.keyCode == 79) {
_this.filter.key[3] += 1;
_this.filter.setup();
_this.tips("图像色相增加：" + _this.filter.key[3] + "度");
}
//按键I：色相减少 1 度
if (event.keyCode == 73) {
_this.filter.key[3] -= 1;
_this.filter.setup();
_this.tips("图像色相减少：" + _this.filter.key[3] + "度");
}
//按键K：模糊增加 1 px
if (event.keyCode == 75) {
_this.filter.key[4] += 1;
_this.filter.setup();
_this.tips("图像模糊增加：" + _this.filter.key[4] + "PX");
}
//按键J：模糊减少 1 px
if (event.keyCode == 74) {
if (_this.filter.key[4] > 0) {
_this.filter.key[4] -= 1;
_this.filter.setup();
}
_this.tips("图像模糊减少：" + _this.filter.key[4] + "PX");
}
//按键Q：图像复位
if (event.keyCode == 81) {
_this.filter.reset();
_this.tips("图像属性：复位");
}
//按键S：画面旋转 90 度
if (event.keyCode == 83) {
_this.rotate += 90;
if (_this.rotate % 360 === 0) _this.rotate = 0;
_this.player().style.transform = "rotate(" + _this.rotate + "deg)";
_this.tips("画面旋转：" + _this.rotate + "度");
}
},
init: function () {
if (document.querySelectorAll('#html_player_enhance_tips').length > 1) {
document.querySelector('#html_player_enhance_tips').parentNode.removeChild(document.querySelectorAll('#html_player_enhance_tips')[1]);
}
if (document.querySelectorAll('video').length === 1 && document.querySelectorAll('#html_player_enhance_tips').length === 0) {
if (!this.load) {
var _this = html_player_enhance;
this.load = true;
setTimeout(function () {
console.log("检测到HTML5视频！");
console.log(!_this.load);
_this.load = false;
_this.filter.reset();
_this.settips();
_this.isFoucs();
document.onkeydown = _this.button;
}, 1000);
}
}
},
load: false
};
html_player_enhance.init();
document.addEventListener('DOMNodeInserted', function () {
html_player_enhance.init();
});
})();