Add player focus

This commit is contained in:
the1812 2019-03-28 17:28:05 +08:00
parent 8ba92a5ef2
commit a1a9d51bd2
8 changed files with 49 additions and 7 deletions

View File

@ -1,6 +1,6 @@
// ==UserScript==
// @name Bilibili Evolved (Offline)
// @version 255.02
// @version 255.05
// @description Bilibili Evolved 的离线版, 所有功能都已内置于脚本中.
// @author Grant Howard, Coulomb-G
// @copyright 2019, Grant Howard (https://github.com/the1812) & Coulomb-G (https://github.com/Coulomb-G)
@ -84,6 +84,7 @@ const settings = {
toastInternalError: false,
i18n: false,
i18nLanguage: "日本語",
playerFocus: false,
cache: {},
};
const fixedSettings = {
@ -903,6 +904,7 @@ offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/m
offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/old.min.css"] = `.b-header-mask-wrp .b-header-mask,.bili-header-m>.nav-menu{background:var(--theme-color)!important;box-shadow:var(--theme-color-70) 0 2px 10px 1px!important}.b-header-mask-wrp,.z_top,body .bili-header-m .nav-menu div.nav-mask{background-color:transparent!important;box-shadow:none!important}.b-header-mask-wrp{overflow:unset!important}.bili-header-m .nav-menu .nav-con .nav-item .t,.z_top.b-header-blur .z_top_nav li:not(.home) a.i-link{color:var(--foreground-color-d)!important}.uns_box ul.menu li:not(.b-post):hover,.z_top .z_top_nav ul li:hover,li.nav-item:not(.profile-info):hover{background-color:hsla(0,0%,var(--brightness),.2)!important}.vip-m{background:#fff!important}a.t>i.bili-icon{filter:brightness(0) var(--invert-filter)!important;background-image:url(https://www.bilibili.com/favicon.ico)!important;background-size:cover!important;background-position:inherit!important;width:16px!important;height:16px!important;opacity:.81!important}.header-icon-bilibili-tv{filter:brightness(0) var(--invert-filter)!important;opacity:.81;transform:scale(.9)}.z_top .z_top_nav ul li.home{filter:brightness(0) invert(1)!important;background:url(https://www.bilibili.com/favicon.ico) left center/16px no-repeat!important;opacity:.81!important;background-position-x:16%!important}#entryOld,.b-icon-app,.nav-search-submit,.title-icon,.uns_box li.u-i.b-post .up-new,.z_top .z_top_nav li .beta,.z_top .z_top_nav li .new,body>#Header{display:none!important}.i-face>.face,.uns_box li.u-i .i_face{box-shadow:0 0 2px 1.5px #0002!important}div.up-load{margin:5px 0 0 5px!important;height:32px!important}.u-link,.uns_box li.u-i.b-post a.i-link{background:0 0!important;color:var(--foreground-color-d)!important;border-radius:4px!important;line-height:30px!important;height:30px!important;border:1px solid!important;transition:background-color .2s!important}.u-link:hover,.uns_box li.u-i.b-post a.i-link:hover{opacity:1!important;background-color:hsla(0,0%,var(--brightness),.2)!important}.uns_box li.u-i.b-post{margin-left:8px!important}.nav-search{width:140px!important}.nav-search-keyword{width:130px!important;margin-right:32px!important}#nav_searchform{border-radius:4px!important;background:#fffb!important;border:none!important;transition:background-color .2s!important;box-shadow:0 2px 10px 1px #0002}#nav_searchform:hover{background-color:#fff!important}.nav-search-submit{top:2px!important}.showSearch .nav-search-submit{top:4px!important}#bilibiliPlayer{box-shadow:0 4px 16px 0 var(--theme-color-40)!important}.blur-bg{opacity:var(--blur-background-opacity)!important;filter:blur(20px)!important}.suggest-item .cancel{width:28px!important}ul.bilibili-suggest{margin-left:-30px!important;width:200px!important}li.suggest-item>a{max-width:155px!important}.nav-item div.num{box-shadow:0 .5px 4px 0 #0004!important}#primary_menu,#primary_menu>ul.nav-menu,.uns_box li.u-i.b-post{display:flex!important;align-items:center!important}#primary_menu,div.nav-gif{padding:0!important}.up-nav{top:37px!important}.filter-item.search,body{margin:0!important}.input-box textarea{padding:8px!important}.bili-header-m .nav-search .nav-search-keyword{color:#222!important}.tag-container .tag-item .tag-border .tag-border-inner{width:100%!important}.search-module .search-block input::placeholder,input.nav-search-keyword::placeholder{color:#888!important}#home_noob.guide-box{display:flex!important}@media only screen and (min-width:1291px){.bilibili-suggest.nav,.nav-search{width:250px!important}.nav-search-keyword{width:240px!important}ul.bilibili-suggest{margin-left:0!important;width:250px!important}li.suggest-item>a{max-width:205px!important}}`;
offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/override-navbar.min.css"] = `div.nav-menu{width:unset!important}body .bili-header-m .nav-menu div.bili-wrapper{width:1018px;margin:0 auto!important}.search{position:relative!important;float:right!important;margin:26px 24px 5px 0!important;width:130px!important;height:30px!important;background-color:transparent!important;padding:0!important}form.searchform{background-color:#fffb!important;box-shadow:0 2px 10px 1px #0002!important;height:30px!important}form.searchform:focus-within,form.searchform:hover{background-color:#fff!important}a.link-ranking,button.search-submit{display:none!important}input.search-keyword{width:110px!important;height:30px!important;padding:0 10px!important}.preserve-rank{display:flex!important}.preserve-rank>a{opacity:.382;filter:brightness(0);display:flex;align-items:center;justify-content:center;transform:scale(.64);cursor:pointer;width:30px;transition:.2s ease-out!important;flex-shrink:0}.preserve-rank>a:hover{opacity:.75}.preserve-rank>input{padding-left:0!important}@media only screen and (min-width:1291px){body .bili-header-m .nav-menu div.bili-wrapper{width:1234px!important}.search{width:250px!important;margin:26px 24px 5px 0!important}input.search-keyword{width:230px!important}}`;
offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/override-navbar.min.js"] = (()=>{return(e,n)=>{SpinQuery.any(()=>$(".head-content.bili-wrapper>div.search:not(.filter-item)"),e=>{const n=$(document.querySelector(".nav-con.fr"));e.detach().insertAfter(n)});if(e.preserveRank){SpinQuery.select(()=>document.querySelector(".nav-wrapper .searchform,.nav-con #nav_searchform"),e=>{e.classList.add("preserve-rank");if(!e.querySelector("a.icons-enabled")){e.insertAdjacentHTML("afterbegin",`\n <a title="排行榜"\n class="icons-enabled"\n href="https://www.bilibili.com/ranking"\n target="_blank">\n <i class="icon-rank"></i>\n </a>\n `)}})}else{SpinQuery.select(()=>document.querySelector(".nav-wrapper .searchform,.nav-con #nav_searchform"),e=>{e.classList.remove("preserve-rank");const n=e.querySelector("a.icons-enabled");n&&n.remove()})}SpinQuery.any(()=>$("#banner_link"),()=>n.removeStyle("tweetsStyle"));if(!e.showBanner){n.applyStyle("noBannerStyle")}else{n.removeStyle("noBannerStyle")}}})();
offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/player-focus.min.js"] = (()=>{return(e,o)=>{SpinQuery.select(()=>document.querySelector("#bofqi video"),()=>{document.querySelector("#bofqi").scrollIntoView({behavior:"smooth"})})}})();
offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/remove-promotions.min.css"] = `#home_popularize .adpos,#home_popularize .l-con,#slide_ad,.activity-m,.bili-header-m .nav-menu .nav-con .nav-item .text-red,.bilibili-player-promote-wrap,.gg-floor-module,.home-app-download,.mobile-link-l,.video-page-game-card{display:none!important}#home_popularize{position:relative!important}.popularize-module .online{position:absolute!important;top:50%!important;right:.5%!important;transform:translateY(-100%)!important}`;
offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/remove-promotions.min.js"] = (()=>{return(e,n)=>{SpinQuery.any(()=>document.querySelectorAll(".gg-pic"),e=>{e.forEach(e=>{const n=e.parentElement;n.style.display="none";const t=[...n.parentElement.childNodes].indexOf(n)+1;const l=n.parentElement.parentElement.querySelector(`.pic li:nth-child(${t})`);if(l){l.style.visibility="hidden"}})})}})();
offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/remove-top-mask.min.js"] = (()=>{return(i,n)=>{const l="bilibili-video-top-mask";if($(`#${l}`).length===0){n.applyStyleFromText(`\n <style id='${l}'>\n .bilibili-player-video-top\n {\n display: none !important;\n }\n </style>\n `)}}})();
@ -1628,7 +1630,13 @@ Resource.manifest = {
displayNames: {
i18n: "界面翻译"
},
}
},
playerFocus: {
path: "player-focus.min.js",
displayNames: {
playerFocus: "自动定位到播放器",
},
},
};
const resourceManifest = Resource.manifest;
class StyleManager

View File

@ -1,6 +1,6 @@
// ==UserScript==
// @name Bilibili Evolved (Preview Offline)
// @version 255.02
// @version 255.05
// @description Bilibili Evolved 的预览离线版, 可以抢先体验新功能, 并且所有功能都已内置于脚本中.
// @author Grant Howard, Coulomb-G
// @copyright 2019, Grant Howard (https://github.com/the1812) & Coulomb-G (https://github.com/Coulomb-G)
@ -84,6 +84,7 @@ const settings = {
toastInternalError: false,
i18n: false,
i18nLanguage: "日本語",
playerFocus: false,
cache: {},
};
const fixedSettings = {
@ -903,6 +904,7 @@ offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/m
offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/old.min.css"] = `.b-header-mask-wrp .b-header-mask,.bili-header-m>.nav-menu{background:var(--theme-color)!important;box-shadow:var(--theme-color-70) 0 2px 10px 1px!important}.b-header-mask-wrp,.z_top,body .bili-header-m .nav-menu div.nav-mask{background-color:transparent!important;box-shadow:none!important}.b-header-mask-wrp{overflow:unset!important}.bili-header-m .nav-menu .nav-con .nav-item .t,.z_top.b-header-blur .z_top_nav li:not(.home) a.i-link{color:var(--foreground-color-d)!important}.uns_box ul.menu li:not(.b-post):hover,.z_top .z_top_nav ul li:hover,li.nav-item:not(.profile-info):hover{background-color:hsla(0,0%,var(--brightness),.2)!important}.vip-m{background:#fff!important}a.t>i.bili-icon{filter:brightness(0) var(--invert-filter)!important;background-image:url(https://www.bilibili.com/favicon.ico)!important;background-size:cover!important;background-position:inherit!important;width:16px!important;height:16px!important;opacity:.81!important}.header-icon-bilibili-tv{filter:brightness(0) var(--invert-filter)!important;opacity:.81;transform:scale(.9)}.z_top .z_top_nav ul li.home{filter:brightness(0) invert(1)!important;background:url(https://www.bilibili.com/favicon.ico) left center/16px no-repeat!important;opacity:.81!important;background-position-x:16%!important}#entryOld,.b-icon-app,.nav-search-submit,.title-icon,.uns_box li.u-i.b-post .up-new,.z_top .z_top_nav li .beta,.z_top .z_top_nav li .new,body>#Header{display:none!important}.i-face>.face,.uns_box li.u-i .i_face{box-shadow:0 0 2px 1.5px #0002!important}div.up-load{margin:5px 0 0 5px!important;height:32px!important}.u-link,.uns_box li.u-i.b-post a.i-link{background:0 0!important;color:var(--foreground-color-d)!important;border-radius:4px!important;line-height:30px!important;height:30px!important;border:1px solid!important;transition:background-color .2s!important}.u-link:hover,.uns_box li.u-i.b-post a.i-link:hover{opacity:1!important;background-color:hsla(0,0%,var(--brightness),.2)!important}.uns_box li.u-i.b-post{margin-left:8px!important}.nav-search{width:140px!important}.nav-search-keyword{width:130px!important;margin-right:32px!important}#nav_searchform{border-radius:4px!important;background:#fffb!important;border:none!important;transition:background-color .2s!important;box-shadow:0 2px 10px 1px #0002}#nav_searchform:hover{background-color:#fff!important}.nav-search-submit{top:2px!important}.showSearch .nav-search-submit{top:4px!important}#bilibiliPlayer{box-shadow:0 4px 16px 0 var(--theme-color-40)!important}.blur-bg{opacity:var(--blur-background-opacity)!important;filter:blur(20px)!important}.suggest-item .cancel{width:28px!important}ul.bilibili-suggest{margin-left:-30px!important;width:200px!important}li.suggest-item>a{max-width:155px!important}.nav-item div.num{box-shadow:0 .5px 4px 0 #0004!important}#primary_menu,#primary_menu>ul.nav-menu,.uns_box li.u-i.b-post{display:flex!important;align-items:center!important}#primary_menu,div.nav-gif{padding:0!important}.up-nav{top:37px!important}.filter-item.search,body{margin:0!important}.input-box textarea{padding:8px!important}.bili-header-m .nav-search .nav-search-keyword{color:#222!important}.tag-container .tag-item .tag-border .tag-border-inner{width:100%!important}.search-module .search-block input::placeholder,input.nav-search-keyword::placeholder{color:#888!important}#home_noob.guide-box{display:flex!important}@media only screen and (min-width:1291px){.bilibili-suggest.nav,.nav-search{width:250px!important}.nav-search-keyword{width:240px!important}ul.bilibili-suggest{margin-left:0!important;width:250px!important}li.suggest-item>a{max-width:205px!important}}`;
offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/override-navbar.min.css"] = `div.nav-menu{width:unset!important}body .bili-header-m .nav-menu div.bili-wrapper{width:1018px;margin:0 auto!important}.search{position:relative!important;float:right!important;margin:26px 24px 5px 0!important;width:130px!important;height:30px!important;background-color:transparent!important;padding:0!important}form.searchform{background-color:#fffb!important;box-shadow:0 2px 10px 1px #0002!important;height:30px!important}form.searchform:focus-within,form.searchform:hover{background-color:#fff!important}a.link-ranking,button.search-submit{display:none!important}input.search-keyword{width:110px!important;height:30px!important;padding:0 10px!important}.preserve-rank{display:flex!important}.preserve-rank>a{opacity:.382;filter:brightness(0);display:flex;align-items:center;justify-content:center;transform:scale(.64);cursor:pointer;width:30px;transition:.2s ease-out!important;flex-shrink:0}.preserve-rank>a:hover{opacity:.75}.preserve-rank>input{padding-left:0!important}@media only screen and (min-width:1291px){body .bili-header-m .nav-menu div.bili-wrapper{width:1234px!important}.search{width:250px!important;margin:26px 24px 5px 0!important}input.search-keyword{width:230px!important}}`;
offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/override-navbar.min.js"] = (()=>{return(e,n)=>{SpinQuery.any(()=>$(".head-content.bili-wrapper>div.search:not(.filter-item)"),e=>{const n=$(document.querySelector(".nav-con.fr"));e.detach().insertAfter(n)});if(e.preserveRank){SpinQuery.select(()=>document.querySelector(".nav-wrapper .searchform,.nav-con #nav_searchform"),e=>{e.classList.add("preserve-rank");if(!e.querySelector("a.icons-enabled")){e.insertAdjacentHTML("afterbegin",`\n <a title="排行榜"\n class="icons-enabled"\n href="https://www.bilibili.com/ranking"\n target="_blank">\n <i class="icon-rank"></i>\n </a>\n `)}})}else{SpinQuery.select(()=>document.querySelector(".nav-wrapper .searchform,.nav-con #nav_searchform"),e=>{e.classList.remove("preserve-rank");const n=e.querySelector("a.icons-enabled");n&&n.remove()})}SpinQuery.any(()=>$("#banner_link"),()=>n.removeStyle("tweetsStyle"));if(!e.showBanner){n.applyStyle("noBannerStyle")}else{n.removeStyle("noBannerStyle")}}})();
offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/player-focus.min.js"] = (()=>{return(e,o)=>{SpinQuery.select(()=>document.querySelector("#bofqi video"),()=>{document.querySelector("#bofqi").scrollIntoView({behavior:"smooth"})})}})();
offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/remove-promotions.min.css"] = `#home_popularize .adpos,#home_popularize .l-con,#slide_ad,.activity-m,.bili-header-m .nav-menu .nav-con .nav-item .text-red,.bilibili-player-promote-wrap,.gg-floor-module,.home-app-download,.mobile-link-l,.video-page-game-card{display:none!important}#home_popularize{position:relative!important}.popularize-module .online{position:absolute!important;top:50%!important;right:.5%!important;transform:translateY(-100%)!important}`;
offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/remove-promotions.min.js"] = (()=>{return(e,n)=>{SpinQuery.any(()=>document.querySelectorAll(".gg-pic"),e=>{e.forEach(e=>{const n=e.parentElement;n.style.display="none";const t=[...n.parentElement.childNodes].indexOf(n)+1;const l=n.parentElement.parentElement.querySelector(`.pic li:nth-child(${t})`);if(l){l.style.visibility="hidden"}})})}})();
offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/remove-top-mask.min.js"] = (()=>{return(i,n)=>{const l="bilibili-video-top-mask";if($(`#${l}`).length===0){n.applyStyleFromText(`\n <style id='${l}'>\n .bilibili-player-video-top\n {\n display: none !important;\n }\n </style>\n `)}}})();
@ -1628,7 +1630,13 @@ Resource.manifest = {
displayNames: {
i18n: "界面翻译"
},
}
},
playerFocus: {
path: "player-focus.min.js",
displayNames: {
playerFocus: "自动定位到播放器",
},
},
};
const resourceManifest = Resource.manifest;
class StyleManager

View File

@ -83,6 +83,7 @@ const settings = {
toastInternalError: false,
i18n: false,
i18nLanguage: "日本語",
playerFocus: false,
cache: {},
};
const fixedSettings = {
@ -1573,7 +1574,13 @@ Resource.manifest = {
displayNames: {
i18n: "界面翻译"
},
}
},
playerFocus: {
path: "player-focus.min.js",
displayNames: {
playerFocus: "自动定位到播放器",
},
},
};
const resourceManifest = Resource.manifest;
class StyleManager

View File

@ -83,6 +83,7 @@ const settings = {
toastInternalError: false,
i18n: false,
i18nLanguage: "日本語",
playerFocus: false,
cache: {},
};
const fixedSettings = {
@ -1573,7 +1574,13 @@ Resource.manifest = {
displayNames: {
i18n: "界面翻译"
},
}
},
playerFocus: {
path: "player-focus.min.js",
displayNames: {
playerFocus: "自动定位到播放器",
},
},
};
const resourceManifest = Resource.manifest;
class StyleManager

View File

@ -505,6 +505,12 @@ Resource.manifest = {
displayNames: {
i18n: "界面翻译"
},
}
},
playerFocus: {
path: "player-focus.min.js",
displayNames: {
playerFocus: "自动定位到播放器",
},
},
};
export const resourceManifest = Resource.manifest;

View File

@ -58,6 +58,7 @@ export const settings = {
toastInternalError: false,
i18n: false,
i18nLanguage: "日本語",
playerFocus: false,
cache: {},
};
const fixedSettings = {

1
min/player-focus.min.js vendored Normal file
View File

@ -0,0 +1 @@
(()=>{return(e,o)=>{SpinQuery.select(()=>document.querySelector("#bofqi video"),()=>{document.querySelector("#bofqi").scrollIntoView({behavior:"smooth"})})}})();

4
video/player-focus.js Normal file
View File

@ -0,0 +1,4 @@
SpinQuery.select(() => document.querySelector("#bofqi video"), () =>
{
document.querySelector("#bofqi").scrollIntoView({ behavior: "smooth" });
});