- /* globals jQuery, $, Vue */
- // ==UserScript==
- // @name HTML5视频播放工具
- // @description 启用HTML5播放;视频截图;切换画中画;缓存视频;万能网页全屏;添加快捷键:快进、快退、暂停/播放、音量、下一集、切换(网页)全屏、上下帧、播放速度。支持视频站点:油管、TED、优.土、QQ、B站、西瓜视频、爱奇艺、A站、PPTV、芒果TV、咪咕视频、新浪、微博、网易[娱乐、云课堂、新闻]、搜狐、风行、百度云视频等;直播:斗鱼、YY、虎牙、龙珠、战旗。可增加自定义站点
- // @homepage https://bbs.kafan.cn/thread-2093014-1-1.html
- // @match https://*.qq.com/*
- // @exclude https://user.qzone.qq.com/*
- // @match https://www.weiyun.com/video_*
- // @match https://v.youku.com/v_play/*
- // @match https://v.youku.com/v_show/id_*
- // @match https://vku.youku.com/live/*
- // @match https://video.tudou.com/v/*
- // @match https://www.iqiyi.com/*
- // @match https://live.bilibili.com/*
- // @match https://www.bilibili.com/*
- // @match https://www.ixigua.com/*
- // @match https://www.toutiao.com/video/*
- // @match https://www.acfun.cn/*
- // @match https://live.acfun.cn/live/*
- // @match http://v.pptv.com/show/*
- // @match https://v.pptv.com/show/*
- // @match https://www.miguvideo.com/*
- // @match https://tv.sohu.com/*
- // @match https://film.sohu.com/album/*
- // @match https://www.mgtv.com/*
- // @version 1.9.2
- // @match https://pan.baidu.com/*
- // @match https://yun.baidu.com/*
- // @match https://*.163.com/*
- // @match https://*.icourse163.org/*
- // @match http://video.sina.*/*
- // @match https://video.sina.*/*
- // @match http://k.sina.*/*
- // @match https://k.sina.*/*
- // @match https://weibo.com/*
- // @match https://*.weibo.com/*
- // @match https://pan.baidu.com/*
- // @match https://yun.baidu.com/*
- // @match http://v.ifeng.com/*
- // @match https://v.ifeng.com/*
- // @match http://news.mtime.com/*
- // @match http://video.mtime.com/*
- // @GM_info
- // @match https://www.youtube.com/watch*
- // @match https://www.ted.com/talks/*
-
- // @match https://www.yy.com/*
- // @match https://www.huya.com/*
- // @match https://v.douyu.com/*
- // @match https://www.douyu.com/*
- // @match https://live.douyin.com/*
- // @match https://www.douyin.com/*
-
- // @match https://www.longzhu.com/*
- // @match https://www.zhanqi.tv/*
- // @run-at document-start
- // @require https://cdn.staticfile.org/vue/2.6.11/vue.min.js
- // @require https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js
- // @grant GM_addStyle
- // @include */play*
- // @include *play/*
- // @grant window.onurlchange
- // @grant unsafeWindow
- // @grant GM_registerMenuCommand
- // @grant GM_setValue
- // @grant GM_getValue
- // @namespace https://greasyfork.org/users/7036
- // ==/UserScript==
-
- 'use strict';
- const w = unsafeWindow || window;
- const { host, pathname: path } = location;
- const d = document, find = [].find;
- let v, _fp, _fs, by; // document.body
- const observeOpt = {childList : true, subtree : true};
- const noopFn = function(){};
- const validEl = e => e && e.offsetWidth > 1;
- const q = (css, p = d) => p.querySelector(css);
- const delElem = e => e.remove();
- const r1 = (regp, s) => regp.test(s) && RegExp.$1;
- const log = console.log.bind(
- console,
- '%c脚本[%s] 反馈:%s\n%s',
- 'color:#c3c;font-size:1.2em',
- GM_info.script.name,
- GM_info.script.homepage
- );
- const gmFuncOfCheckMenu = (title, saveName, defaultVal = true) => {
- const r = GM_getValue(saveName, defaultVal);
- if (r) title = '√ '+ title;
- GM_registerMenuCommand(title, () => {
- GM_setValue(saveName, !r);
- location.reload();
- });
- return r;
- };
- const sleep = ms => new Promise(resolve => { setTimeout(resolve, ms) });
- /* 画中画
- <svg viewBox="0 0 22 22"><g fill="#E6E6E6" fill-rule="evenodd"><path d="M17 4a2 2 0 012 2v6h-2V6.8a.8.8 0 00-.8-.8H4.8a.8.8 0 00-.794.7L4 6.8v8.4a.8.8 0 00.7.794l.1.006H11v2H4a2 2 0 01-2-2V6a2 2 0 012-2h13z"></path><rect x="13" y="14" width="8" height="6" rx="1"></rect></g></svg>
- 设置
- <svg viewBox="0 0 22 22">
- <circle cx="11" cy="11" r="2"></circle>
- <path d="M19.164 8.861L17.6 8.6a6.978 6.978 0 00-1.186-2.099l.574-1.533a1 1 0 00-.436-1.217l-1.997-1.153a1.001 1.001 0 00-1.272.23l-1.008 1.225a7.04 7.04 0 00-2.55.001L8.716 2.829a1 1 0 00-1.272-.23L5.447 3.751a1 1 0 00-.436 1.217l.574 1.533A6.997 6.997 0 004.4 8.6l-1.564.261A.999.999 0 002 9.847v2.306c0 .489.353.906.836.986l1.613.269a7 7 0 001.228 2.075l-.558 1.487a1 1 0 00.436 1.217l1.997 1.153c.423.244.961.147 1.272-.23l1.04-1.263a7.089 7.089 0 002.272 0l1.04 1.263a1 1 0 001.272.23l1.997-1.153a1 1 0 00.436-1.217l-.557-1.487c.521-.61.94-1.31 1.228-2.075l1.613-.269a.999.999 0 00.835-.986V9.847a.999.999 0 00-.836-.986zM11 15a4 4 0 110-8 4 4 0 010 8z"></path>
- </svg>
- next
- <svg viewBox="0 0 22 22"><path d="M16 5a1 1 0 00-1 1v4.615a1.431 1.431 0 00-.615-.829L7.21 5.23A1.439 1.439 0 005 6.445v9.11a1.44 1.44 0 002.21 1.215l7.175-4.555a1.436 1.436 0 00.616-.828V16a1 1 0 002 0V6C17 5.448 16.552 5 16 5z"></path></svg>
- 截图
- <svg version="1.1" viewBox="0 0 32 32"><path d="M16 23c-3.309 0-6-2.691-6-6s2.691-6 6-6 6 2.691 6 6-2.691 6-6 6zM16 13c-2.206 0-4 1.794-4 4s1.794 4 4 4c2.206 0 4-1.794 4-4s-1.794-4-4-4zM27 28h-22c-1.654 0-3-1.346-3-3v-16c0-1.654 1.346-3 3-3h3c0.552 0 1 0.448 1 1s-0.448 1-1 1h-3c-0.551 0-1 0.449-1 1v16c0 0.552 0.449 1 1 1h22c0.552 0 1-0.448 1-1v-16c0-0.551-0.448-1-1-1h-11c-0.552 0-1-0.448-1-1s0.448-1 1-1h11c1.654 0 3 1.346 3 3v16c0 1.654-1.346 3-3 3zM24 10.5c0 0.828 0.672 1.5 1.5 1.5s1.5-0.672 1.5-1.5c0-0.828-0.672-1.5-1.5-1.5s-1.5 0.672-1.5 1.5zM15 4c0 0.552-0.448 1-1 1h-4c-0.552 0-1-0.448-1-1v0c0-0.552 0.448-1 1-1h4c0.552 0 1 0.448 1 1v0z"></path></svg>
- const cookie = new Proxy(noopFn, {
- apply(target, ctx, args) { //清理cookie
- const keys = document.cookie.match(/[^ =;]+(?=\=)/g);
- if (keys) {
- const val = '=; expires=' + new Date(0).toUTCString() +'; domain=.; path=/';
- for (const k of keys) document.cookie = k + val;
- }
- // return Reflect.apply(target, ctx, args);
- },
- get(target, name) { // 读取cookie
- const r = r1(new RegExp(name +'=([^;]*)'), document.cookie);
- if (r) return decodeURIComponent(r);
- },
- set(target, name, value, receiver) { // 写入cookie
- let s, v, expires,
- oneParam = typeof value == 'string';
- if (oneParam) {
- expires = 6;
- v = value;
- } else {
- v = value.val;
- expires = value.expires || 6;
- delete value.expires;
- }
- s = name + '=' + encodeURIComponent(v);
-
- if (expires && (typeof expires == 'number' || expires.toUTCString)) {
- let date;
- if (typeof expires == 'number') {
- date = new Date();
- date.setTime(expires * 24 * 3600000 + date.getTime());
- } else {
- date = expires;
- }
- s += '; expires=' + date.toUTCString();
- }
- if (!oneParam) for (const k in value) s += '; ' + k + '=' + value[k];
- document.cookie = s;
- return true;
- },
- deleteProperty(target, name, descriptor) {// 删除cookie
- document.cookie = name + '=; path=/; expires='+ new Date(0).toUTCString();
- return true;
- }
- });
- const onceEvent = (ctx, eName) => new Promise(resolve => ctx.addEventListener(eName, resolve));
- const promisify = (fn) => (...args) => new Promise((resolve, reject) => {
- args.push(resolve);
- fn.apply(this, args);
- }); */
- const hookAttachShadow = (cb) => {
- try {
- const _attachShadow = Element.prototype.attachShadow;
- Element.prototype.attachShadow = function(opt) {
- opt.mode = 'open';
- const shadowRoot = _attachShadow.call(this, opt);
- cb(shadowRoot);
- return shadowRoot;
- };
- } catch (e) {
- console.error('Hack attachShadow error', e);
- }
- };
- const getStyle = (o, s) => {
- if (o.style[s]) return o.style[s];
- if (getComputedStyle) {
- const x = getComputedStyle(o, '');
- s = s.replace(/([A-Z])/g,'-$1').toLowerCase();
- return x && x.getPropertyValue(s);
- }
- };
- const doClick = e => {
- if (typeof e === 'string') e = q(e);
- if (e) { e.click ? e.click() : e.dispatchEvent(new MouseEvent('click')) };
- };
- const clickDualButton = btn => { // 2合1 按钮
- !btn.nextSibling || getStyle(btn, 'display') !== 'none' ? doClick(btn) : doClick(btn.nextSibling);
- };
- const intervalQuery = (cb, condition, stop = true) => {
- const fn = typeof condition === 'string' ? q.bind(null, condition) : condition;
- const t = setInterval(() => {
- const r = fn();
- if (r) {
- stop && clearInterval(t);
- cb(r);
- }
- }, 300);
- return t;
- };
- const goNextMV = () => {
- const s = location.pathname;
- const m = s.match(/(\d+)(\D*)$/);
- const d = +m[1] + 1;
- location.assign(s.slice(0, m.index) + d + m[2]);
- };
- const firefoxVer = r1(/Firefox\/(\d+)/, navigator.userAgent);
- const isEdge = / Edge?\//.test(navigator.userAgent);
- const fakeUA = ua => Object.defineProperty(navigator, 'userAgent', {
- value: ua,
- writable: false,
- configurable: false,
- enumerable: true
- });
- const getMainDomain = host => {
- const a = host.split('.');
- let i = a.length - 2;
- if (/^(com?|cc|tv|net|org|gov|edu)$/.test(a[i])) i--;
- return a[i];
- };
- const inRange = (n, min, max) => Math.max(min, n) == Math.min(n, max);
- const adjustRate = n => {
- n += v.playbackRate;
- if (inRange(n, 0.1, 16)) v.playbackRate = +n.toFixed(2);
- };
- const adjustVolume = n => {
- n += v.volume;
- if (inRange(n, 0, 1)) v.volume = +n.toFixed(1);
- };
- const ua_chrome = 'Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.3626.121 Safari/537.36';
- const u = getMainDomain(host);
- const cfg = {
- isLive: !1,
- disableDBLClick: !1,
- isClickOnVideo: !1,
- multipleV: !1, //多视频页面
- isNumURL: !1 //网址数字分集
- };
- const bus = new Vue();
- if (window.onurlchange === void 0) {
- history.pushState = ( f => function pushState(){
- const ret = f.apply(this, arguments);
- window.dispatchEvent(new Event('pushstate'));
- window.dispatchEvent(new Event('urlchange'));
- return ret;
- })(history.pushState);
-
- history.replaceState = ( f => function replaceState(){
- const ret = f.apply(this, arguments);
- window.dispatchEvent(new Event('replacestate'));
- window.dispatchEvent(new Event('urlchange'));
- return ret;
- })(history.replaceState);
-
- window.addEventListener('popstate',()=>{
- window.dispatchEvent(new Event('urlchange'))
- });
- };
-
- class FullScreen {
- constructor(e) {
- let fn = d.exitFullscreen || d.webkitExitFullscreen || d.mozCancelFullScreen || d.msExitFullscreen || noopFn;
- this.exit = fn.bind(d);
- fn = e.requestFullscreen || e.webkitRequestFullScreen || e.mozRequestFullScreen || e.msRequestFullScreen || noopFn;
- this.enter = fn.bind(e);
- }
- static isFull() {
- return !!(d.fullscreen || d.webkitIsFullScreen || d.mozFullScreen ||
- d.fullscreenElement || d.webkitFullscreenElement || d.mozFullScreenElement);
- }
- toggle() {
- FullScreen.isFull() ? this.exit() : this.enter();
- }
- }
-
- //万能网页全屏, 参考了:https://github.com/gooyie/ykh5p
- class FullPage {
- constructor(container) {
- this._isFull = !1;
- this.container = container || FullPage.getPlayerContainer(v);
- GM_addStyle(
- `.gm-fp-body .gm-fp-zTop {
- position: relative !important;
- z-index: 2147483647 !important;
- }
- .gm-fp-wrapper, .gm-fp-body{ overflow:hidden !important; }
- .gm-fp-wrapper .gm-fp-innerBox {
- width: 100% !important;
- height: 100% !important;
- }
- .gm-fp-wrapper {
- display: block !important;
- position: fixed !important;
- width: 100% !important;
- height: 100% !important;
- top: 0 !important;
- left: 0 !important;
- background: #000 !important;
- z-index: 2147483647 !important;
- }`
- );
- }
- static getPlayerContainer(video) {
- let e = video, p = e.parentNode;
- const { clientWidth: wid, clientHeight: h } = e;
- do {
- e = p;
- p = e.parentNode;
- } while (p !== by && p.clientWidth-wid < 5 && p.clientHeight-h < 5);
- //e 为返回值,在此之后不能变了
- while (p !== by) p = p.parentNode || p.host;
- return e;
- }
- static isFull(e) {
- return w.innerWidth - e.clientWidth < 5 && w.innerHeight - e.clientHeight < 5;
- }
- toggle() {
- // assert(this.container);
- if (!this.container.contains(v)) this.container = FullPage.getPlayerContainer(v);
- bus.$emit('switchFP', !this._isFull);
- by.classList.toggle('gm-fp-body');
- let e = v;
- while (e != this.container) {
- e.classList.toggle('gm-fp-innerBox');
- e = e.parentNode;
- }
- e.classList.toggle('gm-fp-wrapper');
- e = e.parentNode;
- while (e != by) {
- e.classList.toggle('gm-fp-zTop');
- e = e.parentNode;
- }
- this._isFull = !this._isFull;
- }
- }
-
- const cacheMV = {
- check() {
- const buf = v.buffered;
- const i = buf.length - 1;
- this.iEnd = buf.end(i);
- return buf.start(0) >= this.playPos || this.iEnd > v.duration -55;
- },
- finish() {
- v.removeEventListener('canplaythrough', this.onChache);
- v.currentTime = this.playPos;
- this.chached = !1;
- setTimeout(_ => v.pause(), 99);
- HTMLMediaElement.prototype.play = this.rawPlay;
- },
- onChache() {
- if (this.check()) this.finish();
- else v.currentTime = this.iEnd;
- },
- exec() {
- if (cfg.isLive || !v || this.chached) return;
- if (v.src.startsWith('http')) {
- alert('直接媒体类型(如MP4格式)缓存无效果!');
- return;
- }
- this.chached = true; //正在缓存
- v.pause();
- this.rawPlay = HTMLMediaElement.prototype.play;
- HTMLMediaElement.prototype.play = () => new Promise(noopFn);
- this.playPos = v.currentTime;
- v.addEventListener('canplaythrough', this.onChache);
- this.check();
- v.currentTime = this.iEnd;
- alert('开始缓存');
- }
- };
- cacheMV.onChache = cacheMV.onChache.bind(cacheMV);
-
- const actList = new Map();
- actList.set(90, _ => { //按键Z: 切换加速状态
- if (v.playbackRate == 1) v.playbackRate = localStorage.mvPlayRate || 1.3;
- else {
- // localStorage.mvPlayRate = v.playbackRate;
- v.playbackRate = 1;
- }
- })
- .set(88, adjustRate.bind(null, -0.1)) //按键X
- .set(67, adjustRate.bind(null, 0.1)) //按键C
- .set(40, adjustVolume.bind(null, -0.1)) //↓ 降音量
- .set(38, adjustVolume.bind(null, 0.1)) //↑ 加音量
- .set(37, _ => {v.currentTime -= 5}) //按键←
- .set(37+1024, _ => {v.currentTime -= 20}) //按键shift+←
- .set(39, _ => {v.currentTime += 5}) //按键→
- .set(39+1024, _ => {v.currentTime += 20}) //按键shift+→
- .set(68, _ => {v.currentTime -= 0.03;v.pause()}) //按键D:上一帧
- .set(70, _ => {v.currentTime += 0.03;v.pause()}) //按键F:下一帧
- .set(32, _ => { //按键space
- if (cfg.btnPlay) clickDualButton(cfg.btnPlay);
- else v.paused ? v.play() : v.pause();
- })
- .set(13, _ => { //回车键。 全屏
- _fs ? _fs.toggle() : clickDualButton(cfg.btnFS);
- })
- .set(13+1024, _ => {//web全屏
- self != top ? top.postMessage({id: 'gm-h5-toggle-iframeWebFull'}, '*')
- : _fp ? _fp.toggle() : clickDualButton(cfg.btnFP);
- })
- .set(27+1024, noopFn) //忽略按键shift + esc
- .set(27, ev => { //按键esc
- if (FullScreen.isFull()) {
- _fs ? _fs.exit() : clickDualButton(cfg.btnFS);
- } else if (self != top) {
- top.postMessage({id: 'gm-h5-is-iframeWebFull'}, '*');
- } else if (FullPage.isFull(v)) {
- _fp ? _fp.toggle() : clickDualButton(cfg.btnFP);
- }
- })
- .set(73, _ => { //按键I:画中画模式
- if (!d.pictureInPictureElement) {
- v.requestPictureInPicture().catch(err => {
- alert('无法进入画中画模式!错误:\n'+ err)
- });
- } else {
- d.exitPictureInPicture().catch(err => {
- alert('无法退出画中画模式!错误:\n'+ err)
- });
- }
- })
- .set(80, _ => { //按键P:截图
- const canvas = d.createElement('canvas');
- canvas.width = v.videoWidth;
- canvas.height = v.videoHeight;
- canvas.getContext('2d').drawImage(v, 0, 0, canvas.width, canvas.height);
-
- canvas.toBlob((blob) => {
- const dataURL = URL.createObjectURL(blob);
- const link = d.createElement('a');
- link.href = dataURL;
- link.download = Date.now().toString(36) +'.png';
- link.style.display = 'none';
- d.body.appendChild(link);
- link.click();
- link.remove();
- URL.revokeObjectURL(dataURL);
- });
- })
- .set(77, _ => {// M 缓存视频
- cacheMV.chached ? cacheMV.finish() : cacheMV.exec();
- })
- .set(78, _ => {// N 下一集
- if (self != top) top.postMessage({id: 'gm-h5-play-next'}, '*');
- else if (cfg.btnNext) doClick(cfg.btnNext);
- else if (cfg.isNumURL) goNextMV();
- });
-
- const app = {
- rawProps: new Map(),
- shellEvent() {
- const fn = ev => {
- if (ev.target.closest('button')) return;
- ev.stopPropagation(); // preventDefault
- ev.stopImmediatePropagation();
- this.checkUI();
- actList.get(1037)(); //web全屏
- };
- const e = cfg.isClickOnVideo ? v : cfg.mvShell;
- e.addEventListener('mousedown', ev => {
- if (1 == ev.button) {
- ev.preventDefault();
- ev.stopPropagation();
- ev.stopImmediatePropagation();
- if (!cfg.isLive) {
- actList.has(39) ? actList.get(39)() : v.currentTime += 5;
- }
- }
- });
- !cfg.disableDBLClick && e.addEventListener('dblclick', fn);
- },
- setShell() {
- const e = this.getDPlayer() || this.getVjsPlayer() ||
- (cfg.shellCSS && q(cfg.shellCSS)) ||
- (top != self ? by : FullPage.getPlayerContainer(v));
- if (e && cfg.mvShell !== e) {
- cfg.mvShell = e;
- this.shellEvent();
- }
- },
- checkMV() {
- if (this.vList) {
- const e = this.findMV();
- if (e && e != v) {
- v = e;
- cfg.btnPlay = cfg.btnNext = cfg.btnFP = cfg.btnFS = _fs = _fp = null;
- if (!cfg.isLive) {
- v.playbackRate = localStorage.mvPlayRate || 1;
- v.addEventListener('ratechange', ev => {
- localStorage.mvPlayRate = v.playbackRate;
- });
- }
- this.setShell();
- }
- }
- if (!validEl(cfg.mvShell)) {
- cfg.mvShell = null;
- this.setShell();
- }
- this.checkUI();
- return v;
- },
- getDPlayer() {
- const e = v.closest('.dplayer');
- if (e) {
- cfg.btnFP = q('.dplayer-full-in-icon > span', e);
- cfg.btnFS = q('.dplayer-full-icon', e);
- e.closest('body > *').classList.add('gm-dp-zTop');
- }
- return e;
- },
- getVjsPlayer() {
- const e = v.closest('.video-js');
- if (e) {
- cfg.btnFS = q('.vjs-control-bar > button.vjs-button:nth-last-of-type(1)');
- cfg.webfullCSS = '.vjs-control-bar > button.vjs-button[title$="全屏"]:nth-last-of-type(2)';
- }
- return e;
- },
- hotKey(e) {
- const t = e.target;
- if (e.ctrlKey || e.altKey || t.contentEditable=='true' ||
- /INPUT|TEXTAREA|SELECT/.test(t.nodeName)) return;
- if (e.shiftKey && ![13,37,39].includes(e.keyCode)) return;
- if (cfg.isLive && [37,39,78,77,88,67,90].includes(e.keyCode)) return;
- if (!this.checkMV()) return;
- if (!e.shiftKey && cfg.mvShell && cfg.mvShell.contains(t) && [32,37,39].includes(e.keyCode)) return;
- const key = e.shiftKey ? e.keyCode + 1024 : e.keyCode;
- if (actList.has(key)) {
- e.stopImmediatePropagation();
- e.stopPropagation();
- e.preventDefault();
- actList.get(key)(e);
- }
- },
- checkUI() {
- if (cfg.webfullCSS && !validEl(cfg.btnFP)) cfg.btnFP = q(cfg.webfullCSS);
- if (cfg.btnFP) _fp = null;
- else if (!_fp && self == top) _fp = new FullPage(cfg.mvShell);
-
- if (cfg.fullCSS && !validEl(cfg.btnFS)) cfg.btnFS = q(cfg.fullCSS);
- if (cfg.btnFS) _fs = null;
- else if (!_fs) _fs = new FullScreen(v);
-
- if (cfg.nextCSS && (!validEl(cfg.btnNext) || !cfg.btnNext.matches(cfg.nextCSS))) cfg.btnNext = q(cfg.nextCSS);
- if (cfg.playCSS && !validEl(cfg.btnPlay)) cfg.btnPlay = q(cfg.playCSS);
- },
- onGrowVList() {
- if (this.vList.length == this.vCount) return;
- if (this.viewObserver) {
- for (let e of this.vList) {
- if (!this.vSet.has(e)) this.viewObserver.observe(e);
- }
- } else {
- const config = {
- rootMargin: '0px',
- threshold: 0.9
- };
- this.viewObserver = new IntersectionObserver(this.onIntersection.bind(this), config);
- for (let e of this.vList) this.viewObserver.observe(e);
- }
- this.vSet = new Set(this.vList);
- this.vCount = this.vList.length;
- },
- onIntersection(entries) {
- if (this.vList.length < 2) return;
- const entry = find.call(entries, k => k.isIntersecting);
- if (!entry || v == entry.target) return;
- v = entry.target;
- _fs = new FullScreen(v);
- _fp = new FullPage(v);
- bus.$on('switchFP', async (toFull) => {
- // const c = toFull ? this.vSet : this.vList;
- // for (const e of c) this.viewObserver.unobserve(e);
- sleep(200);
- if (!toFull) v.scrollIntoView();
- });
- bus.$emit('switchMV');
- },
- bindEvent() {
- for (const [i,k] of this.rawProps) Reflect.defineProperty(HTMLVideoElement.prototype, i, k);
- this.rawProps.clear();
- this.rawProps = null;
- $(cfg.adsCSS).remove();
- by = d.body;
- log('bind event\n', v);
- bus.$emit('foundMV');
- window.addEventListener('urlchange', async (info) => { //TM event: info.url
- await sleep(300);
- this.checkMV();
- v.playbackRate = localStorage.mvPlayRate || 1.3;
- bus.$emit('urlchange');
- });
- if (top != self) {
- top.postMessage({id: 'gm-h5-init-MVframe'}, '*');
- window.addEventListener("message", ev => {
- if (!ev.source || !ev.data || !ev.data.id) return;
- switch (ev.data.id) {
- case 'gm-h5-toggle-fullScreen':
- _fs ? _fs.toggle() : clickDualButton(cfg.btnFS);
- break;
- }
- }, false);
- }
- $(v).one('canplaythrough', ev => {
- if (!cfg.isLive) {
- v.playbackRate = localStorage.mvPlayRate || 1;
- v.addEventListener('ratechange', ev => {
- if (v.playbackRate != 1) localStorage.mvPlayRate = v.playbackRate;
- });
- }
- this.checkMV();
- bus.$emit('canplay');
- });
- $(by).keydown(this.hotKey.bind(this));
-
- cfg.mvShell ? this.shellEvent() : this.setShell();
- this.checkUI();
- if (cfg.multipleV) {
- new MutationObserver(this.onGrowVList.bind(this)).observe(by, observeOpt);
- this.vCount = 0;
- this.onGrowVList();
- }
- },
- init() {
- const rawAel = EventTarget.prototype.addEventListener;
- EventTarget.prototype.addEventListener = function(...args) {
- let block = (args[0] == 'dblclick' && !args[1].toString().includes('actList.get(1037)'))
- || (args[0] == 'ratechange' && /bilibili|baidu/.test(u) && !args[1].toString().includes('localStorage.mvPlayRate'));
- if (!block) return rawAel.apply(this, args);
- };
- for (const i of this.rawProps.keys()) this.rawProps.set(i,
- Reflect.getOwnPropertyDescriptor(HTMLMediaElement.prototype, i));
- this.vList = d.getElementsByTagName('video'); // B站:bwp-video
- const fn = e => cfg.cssMV ? e.matches(cfg.cssMV) : e.offsetWidth > 9;
- this.findMV = find.bind(this.vList, fn);
- const timer = intervalQuery(e => {
- v = e;
- this.bindEvent();
- }, this.findMV);
-
- hookAttachShadow(async shadowRoot => {
- await sleep(600);
- bus.$emit('addShadowRoot', shadowRoot);
- if (v) return;
- if (v = q('video', shadowRoot)) { // v.getRootNode() == shadowRoot
- log('Found MV in ShadowRoot\n', v, shadowRoot);
- if (!cfg.shellCSS) cfg.mvShell = shadowRoot.host;
- clearInterval(timer);
- this.bindEvent();
-
- this.vList = null;
- this.findMV = noopFn;
- }
- });
- }
- };
-
- let router = {
- ted() {
- cfg.fullCSS = 'button[title=Fullscreen]';
- },
- youtube() {
- GM_addStyle(
- `.gm-fp-body #player-container-inner{padding-top:0!important}
- .gm-fp-body #player-container-outer{
- max-width:100%!important;
- margin:0!important;
- }`
- );
- cfg.shellCSS = '#player';
- cfg.playCSS = 'button.ytp-play-button';
- cfg.nextCSS = 'a.ytp-next-button';
- cfg.fullCSS = 'button.ytp-fullscreen-button';
- cfg.isClickOnVideo = true;
- actList.delete(32);
- actList.set(69, actList.get(70)).delete(70); //F键 >> E键
- },
- qq() {
- if (self != top &&(host == 'v.qq.com' || host == 'video.qq.com') ) throw '只处理主页面';
- actList.delete(32);
- cfg.nextCSS = '.txp_btn_next_u';
- cfg.webfullCSS = '.txp_btn_fake';
- cfg.fullCSS = '.txp_btn_fullscreen';
- // w.__PLAYER__ || w.PLAYER
- app.rawProps.set('playbackRate', 1);
- },
- youku() {
- actList.delete(37);
- actList.delete(39);
- if (host.startsWith('vku.')) {
- bus.$on('canplay', () => {
- cfg.isLive = !q('.spv_progress');
- });
- cfg.fullCSS = '.live_icon_full';
- } else {
- bus.$on('foundMV',() => { $(document).unbind('keyup') });
- // localStorage.removeItem('cna');
- // delete cookie.cna; //全部清除: cookie(); 写入cookie: cookie.cna = 'xxxxx---xxx';
- cfg.shellCSS = '#ykPlayer';
- cfg.webfullCSS = '.kui-webfullscreen-icon-0';
- cfg.fullCSS = '.kui-fullscreen-icon-0';
- cfg.nextCSS = '.kui-next-icon-0';
- }
- },
- bilibili() {
- app.rawProps.set('playbackRate', 1)
- .set('currentTime', 1)
- .set('volume', 1);
- cfg.isLive = host.startsWith('live.');
- if (cfg.isLive) return;
- const isSquirtle = path.startsWith('/bangumi');
- if (!isSquirtle) actList.delete(32);
- cfg.nextCSS = isSquirtle ? '.squirtle-video-next' : '.bilibili-player-video-btn-next';
- cfg.webfullCSS = isSquirtle ? '.squirtle-video-pagefullscreen' : '.bpx-player-ctrl-web';
- cfg.fullCSS = isSquirtle ? '.squirtle-video-fullscreen' : '.bpx-player-ctrl-full';
- /*
- const seek = function(step) {
- const p = this.player;
- p.seek(p.getCurrentTime()+ step, p.getState() === "PAUSED");
- };
- actList.set(38, _ => w.player.volume(w.player.volume()+0.1)) //加音量
- .set(40, _ => w.player.volume(w.player.volume()-0.1))
- .set(37, seek.bind(w, -5))
- .set(37+1024, seek.bind(w, -20)) //shift+left 快退20秒
- .set(39, seek.bind(w, 5))
- .set(39+1024, seek.bind(w, 20)) //shift+→ 快进20秒
- .set(70, seek.bind(w, 0.03)) //按键F:下一帧
- .set(68, seek.bind(w, -0.03)); //按键D:上一帧
- */
- },
- iqiyi() {
- cfg.fullCSS = '.iqp-btn-fullscreen:not(.fake__click)';
- cfg.nextCSS = '.iqp-btn-next';
- },
- pptv() {
- cfg.fullCSS = '.w-zoom-container > div';
- cfg.webfullCSS = '.w-expand-container > div';
- cfg.nextCSS = '.w-next';
- },
- mgtv() {
- cfg.fullCSS = 'mango-screen';
- cfg.webfullCSS = 'mango-webscreen > a';
- cfg.nextCSS = 'mango-control-playnext-btn';
- },
- ixigua() {
- cfg.fullCSS = 'div[aria-label="全屏"]';
- cfg.nextCSS = '.xgplayer-control-item.control_playnext';
- GM_addStyle('.gm-fp-body .xgplayer{padding-top:0!important}');
- },
- miguvideo() {
- cfg.nextCSS = '.next-btn';
- cfg.fullCSS = '.zoom-btn';
- cfg.shellCSS = '.mod-player';
- },
- baidu() {
- app.rawProps.set('playbackRate', 1);
- },
- weibo() {
- cfg.multipleV = path.startsWith('/u/');
- },
- acfun() {
- cfg.nextCSS = '.btn-next-part .control-btn';
- cfg.webfullCSS = '.fullscreen-web';
- cfg.fullCSS = '.fullscreen-screen';
- },
- ['163']() {
- cfg.multipleV = host.startsWith('news.');
- GM_addStyle('div.video,video{max-height: 100% !important;}');
- return host.split('.').length > 3;
- },
- sohu() {
- cfg.nextCSS = 'li.on[data-vid]+li a';
- cfg.fullCSS = '.x-fullscreen-btn';
- cfg.webfullCSS = '.x-pagefs-btn';
- },
- fun() {
- cfg.nextCSS = '.btn-item.btn-next';
- },
- le() {
- GM_addStyle('.gm-fp-body .le_head{display:none!important}');
- cfg.cssMV = '#video video';
- cfg.shellCSS = '#video';
- cfg.nextCSS = '.hv_ico_next';
- const delHiddenProp = _ => {
- if (!v.offsetWidth) Object.values(v.attributes).reverse().some(k => {
- if (v.getAttribute(k.name) == '') {
- v.removeAttribute(k.name);
- return true;
- }
- });
- };
- bus.$on('urlchange',delHiddenProp);
- bus.$once('canplay',delHiddenProp);
- },
- agemys() {
- actList.set(78, _ => { location.href = location.href.replace(/\d+$/, s => ++s) });
- },
- dandanzan() {
- GM_registerMenuCommand('视频卡顿', () => {
- 'use strict';
- v.pause();
- const pos = v.currentTime;
- const buf = v.buffered;
- v.currentTime = buf.end(buf.length - 1) + 3;
- $(v).one('progress', ev => {
- v.currentTime = pos;
- v.play();
- });
- });
- cfg.nextCSS = '.playlist .on + li a';
- },
- hanmidy() {
- cfg.nextCSS = `a[href="${path}"]+a`;
- }
- };
- router.nunuyy5 = router.dandanzan10 = router.dandanzan;
-
- if (!router[u]) { //直播站点
- router = {
- douyu() {
- cfg.adsCSS = 'a[href*="wan.douyu.com"]';
- cfg.isLive = !host.startsWith('v.');
- if (cfg.isLive) {
- cfg.cssMV = '.layout-Player video';
- cfg.shellCSS = '#js-player-video';
- cfg.webfullCSS = '.wfs-2a8e83';
- cfg.fullCSS = '.fs-781153';
- cfg.playCSS = 'div[class|=play]';
- path != '/' && $(ev => {
- q('.u-specialStateInput').checked = true;
- });
- } else bus.$on('addShadowRoot', function(r) {
- if (r.host.matches('#demandcontroller-bar')) {
- cfg.shellCSS = 'div[fullscreen].video';
- cfg.btnFP = q('.ControllerBar-PageFull', r);
- cfg.btnFS = q('.ControllerBar-WindowFull', r);
- }
- });
- },
- yy() {
- cfg.isLive = !path.startsWith('/x/');
- if (cfg.isLive) {
- cfg.fullCSS = '.yc__fullscreen-btn';
- cfg.webfullCSS = '.yc__cinema-mode-btn';
- cfg.playCSS = '.yc__play-btn';
- }
- },
- huya() {
- if (firefoxVer && firefoxVer < 57) return true;
- cfg.disableDBLClick = !0;
- cfg.webfullCSS = '.player-fullpage-btn';
- cfg.fullCSS = '.player-fullscreen-btn';
- cfg.playCSS = '#player-btn';
- cfg.adsCSS = '#player-subscribe-wap,#wrap-income';
- intervalQuery(doClick, '.login-tips-close');
- localStorage['sidebar/ads'] = '{}';
- localStorage['sidebar/state'] = 0;
- localStorage.TT_ROOM_SHIELD_CFG_0_ = '{"10000":1,"20001":1,"20002":1,"20003":1,"30000":1}';
- },
- longzhu() {
- cfg.fullCSS = 'a.ya-screen-btn';
- },
- zhanqi() {
- localStorage.lastPlayer = 'h5';
- cfg.fullCSS = '.video-fullscreen';
- }
- };
- if (router[u]) {
- cfg.isLive = cfg.isLive || !host.startsWith('v.');
- (!w.chrome || isEdge) && fakeUA(ua_chrome);
- }
- }
-
- cfg.isLive = cfg.isLive || host.startsWith('live.');
- Reflect.defineProperty(navigator, 'plugins', {
- get() { return { length: 0 } }
- });
- GM_registerMenuCommand('脚本功能快捷键表' , alert.bind(w,
- `双击:切换(网页)全屏 鼠标中键:快进5秒
-
- P:视频截图 i:切换画中画 M:(停止)缓存视频
- ← →方向键:快退、快进5秒; 方向键 + shift: 20秒
- ↑ ↓方向键:音量调节 ESC:退出(网页)全屏
- 空格键:暂停/播放 N:播放下一集
- 回车键:切换全屏; 回车键 + shift: 切换网页全屏
- C:加速0.1倍播放 X:减速0.1倍播放 Z:切换加速状态
- D:上一帧 F:下一帧(youtube.com用E键)`
- ));
- if (!router[u] || !router[u]()) app.init();
- if (!router[u] && !cfg.isNumURL) cfg.isNumURL = /[_\W]\d+(\/|\.[a-z]{3,8})?$/.test(path);