// ==UserScript==
// @name bilibili网页视频简介中的链接可以点击
// @namespace https://gf.qytechs.cn/zh-CN/scripts/409881-bilibili%E7%BD%91%E9%A1%B5%E8%A7%86%E9%A2%91%E7%AE%80%E4%BB%8B%E4%B8%AD%E7%9A%84%E9%93%BE%E6%8E%A5%E5%8F%AF%E4%BB%A5%E7%82%B9%E5%87%BB
// @version 2.5
// @description 增加bilibili网页视频简介文字的交互,部分网页链接、社交平台跳转、邮箱跳转、视频时间跳转、B站直播间跳转、微信号和群号可扫二维码录入手机、百度盘4位密码点击复制
// @description:en black to blue!
// @description:zh-CN 增加bilibili网页视频简介文字的交互,部分网页链接、社交平台跳转、邮箱跳转、视频时间跳转、B站直播间跳转、微信号和群号可扫二维码录入手机、百度盘4位密码点击复制
// @author beibeibeibei
// @match *.bilibili.com/video/*
// @grant GM_setClipboard
// @require https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js
// @require https://cdn.jsdelivr.net/npm/kjua/dist/kjua.min.js
// ==/UserScript==
(function () {
'use strict';
let $ = jQuery.noConflict(); // line11 https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js
let QR = kjua; //////////////// line12 https://cdn.jsdelivr.net/npm/kjua/dist/kjua.min.js
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////22到199行都是识别规则////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//可以点击
/* 0A*/ let URLreg = /([hH][tT]{2}[pP]([sS]?):\/\/|[wW]{3}.|[wW][aA][pP].|[fF][tT][pP].|[bB]{2}[sS].|[nN][eE][wW][sS].|[bB][lL][oO][gG].)[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/;
function url2URL(urlstr) {
let url = urlstr;
if(urlstr.substring(0,4) != "http"){
url = "https://" + urlstr;
}
return '<a target="_blank" href="' + url + '">' + urlstr + '</a>';
}
/* 0B*/ let shorturl = /([a-zA-Z0-9]+\.)?[a-zA-Z\-]+\.(co(m)?|COM(\.CN)|net|wiki)([\/a-zA-Z0-9\.]?)+/;
function url2URL2(url) {
return '<a target="_blank" href="https://' + url + '">' + url + '</a>';
}
/* 1A*/ let BVlink = /(?<![hH][tT]{2}[pP][sS]?:\/\/www.bilibili.com\/video\/)(bv|BV)[A-Za-z0-9]{10}/;
function BVnum2BVlink(BVnum) {
return '<a target="_blank" href="//www.bilibili.com/video/' + BVnum + '">' + BVnum + '</a>';
}
/* 1B*/ let avlink = /(?<![hH][tT]{2}[pP][sS]?:\/\/www.bilibili.com\/video\/)av[0-9]+/;
function avnum2avlink(AVnum) {
return '<a target="_blank" href="//www.bilibili.com/video/' + AVnum + '">' + AVnum + '</a>';
}
/* 1C*/ let cvlink = /(?<![hH][tT]{2}[pP][sS]?:\/\/www.bilibili.com\/read\/)cv[1-9][0-9]*/;
function cvnum2cvlink(cvnum) {
return '<a target="_blank" href="//www.bilibili.com/read/' + cvnum + '/">' + cvnum + '</a>';
}
/* 1D*/ let smlink = /(?<![hH][tT]{2}[pP][sS]?:\/\/www.nicovideo.jp\/watch\/)sm[0-9]+/;
function smnum2smlink(smnum) {
return '<a target="_blank" href="http://acg.tv/' + smnum + '/">' + smnum + '</a>';
}
/* 1E*/ let bilibililivelink = /([bB]站(小号)?|哔哩哔哩|bilibili|Bilibili)(直播|房)间((房)?号(码)?)?(:|:|——)?[0-9]+|B站[0-9]+直播间|直播间就在b站!房间号:[0-9]+|直播间:B站[0-9]+|哔哩哔哩每(周(一|二|三|四|五|六|日)( )?)+直播( )?房间号( )?[0-9]+/;
function livestr2livelink(livestr) {
let livenum = livestr.match(/(?<=([bB]站(小号)?|哔哩哔哩|bilibili|Bilibili)(直播|房)间((房)?号(码)?)?(:|:|——)?)[0-9]+|(?<=[bB]站)[0-9]+(?=直播间)|(?<=直播间就在b站!房间号:)[0-9]+|(?<=直播间:B站)[0-9]+|(?<=哔哩哔哩每(周(一|二|三|四|五|六|日)( )?)+直播( )?房间号( )?)[0-9]+/)[0];
return '<a target="_blank" href="https://live.bilibili.com/' + livenum + '/">' + livestr + '</a>';
}
/* 2A*/ let weibo1 = /((新浪)?(微|官)博(已更名为|名|ID)?|围脖)(@|@|@ | @|:|:@|: @| \| |:|: |: )[\-0-9A-Z_a-z\u4e00-\u9fa5]{2,30}/;
function wbstr2wblink1(wbstr) {
let wb = wbstr.match(/(?<=((新浪)?(微|官)博(已更名为|名|ID)?|围脖)(@|@|@ | @|:|:@|: @| \| |:|: |: ))[\-0-9A-Z_a-z\u4e00-\u9fa5]{2,30}/)[0];
return '<a target="_blank" href="https://s.weibo.com/user?q=' + wb + '&Refer=weibo_user">' + wbstr + '</a>';
}
/* 2B*/ let weibo2 = /(微博【)[\-0-9A-Z_a-z\u4e00-\u9fa5]{2,30}(】)/;
function wbstr2wblink2(wbstr) {
let wb = wbstr.match(/(?<=微博【)[\-0-9A-Z_a-z\u4e00-\u9fa5]{2,30}(?=】)/)[0];
return '<a target="_blank" href="https://s.weibo.com/user?q=' + wb + '&Refer=weibo_user">' + wbstr + '</a>';
}
/* 2C*/ let weibo3 = /(@|@|:|:@)[\-0-9A-Z_a-z\u4e00-\u9fa5]{3,30}( 的微博)/;
function wbstr2wblink3(wbstr) {
let wb = wbstr.match(/(?<=(@|@|:|:@))[\-0-9A-Z_a-z\u4e00-\u9fa5]{3,30}(?= 的微博)/)[0];
return '<a target="_blank" href="https://s.weibo.com/user?q=' + wb + '&Refer=weibo_user">' + wbstr + '</a>';
}
/* 3 */ let youtube = /(youtube|YouTube|Youtube|油管)(频道| ID)?[:|:| ] ?(?!快手)[\-0-9A-Z_a-z\u4e00-\u9fa5【】']+/;
function ytb2ytblink(ytbstr) {
let ytb = ytbstr.match(/(?<=(youtube|YouTube|Youtube|油管)(频道| ID)?[:|:| ] ?)[\u4e00-\u9fa5【】']+/)[0];
return '<a target="_blank" href="https://www.youtube.com/results?search_query=' + ytb + '">' + ytbstr + '</a>';
}
//显示二维码,将字符串扫入手机
/* 4A*/ let WeChat1 = /(联系|添加|群主|客服|工作|我的)微信:?[0-9A-Za-z\u4e00-\u9fa5]+|微信搜一搜:[0-9A-Za-z\u4e00-\u9fa5]+|微信小程序:搜索“[0-9A-Za-z\u4e00-\u9fa5]+”|WX加[0-9A-Za-z\u4e00-\u9fa5]+入群/;
function wechat2qr1(wechatstr) {
let wechat = wechatstr.match(/(?<=(联系|添加|群主|客服|工作|我的)微信:?)[0-9A-Za-z\u4e00-\u9fa5]+|(?<=微信搜一搜:)[0-9A-Za-z\u4e00-\u9fa5]+|(?<=微信小程序:搜索“)[0-9A-Za-z\u4e00-\u9fa5]+(?=”)|(?<=WX加)[0-9A-Za-z\u4e00-\u9fa5]+(?=入群)/)[0];
return '<a class="qrtampermonkey" value="' + wechat + '">' + wechatstr + '</a>';
}
/* 4B*/ let WeChat2 = /【联系微信:[0-9A-Za-z\u4e00-\u9fa5]+,非诚勿扰】/;
function wechat2qr2(wechatstr) {
let wechat = wechatstr.match(/(?<=【联系微信:)[0-9A-Za-z\u4e00-\u9fa5]+(?=,非诚勿扰】)/)[0];
return '<a class="qrtampermonkey" value="' + wechat + '">' + wechatstr + '</a>';
}
/* 4C*/ let WeChatOfficial1 = /(微信)?公众号(:|:|: |-)[0-9A-Za-z\u4e00-\u9fa5]{3,30}/;
function WeChatOfficial2qr1(WeChatOfficialstr) {
let WeChatOfficial = WeChatOfficialstr.match(/(?<=(微信)?公众号(:|:|: |-))[0-9A-Za-z\u4e00-\u9fa5]{3,30}/)[0];
return '<a class="qrtampermonkey" value="' + WeChatOfficial + '">' + WeChatOfficialstr + '</a>';
}
/* 4D*/ let WeChatOfficial2 = /(微信)?公众号【[0-9A-Za-z\u4e00-\u9fa5]{3,30}】|(微信)?公众号([0-9A-Za-z\u4e00-\u9fa5]{3,30})|(微信)?公众号“[0-9A-Za-z\u4e00-\u9fa5]{3,30}”/;
function WeChatOfficial2qr2(WeChatOfficialstr) {
let WeChatOfficial = WeChatOfficialstr.match(/(?<=(微信)?公众号【)[0-9A-Za-z\u4e00-\u9fa5]{3,30}(?=】)|(?<=(微信)?公众号()[0-9A-Za-z\u4e00-\u9fa5]{3,30}(?=))|(?<=(微信)?公众号“)[0-9A-Za-z\u4e00-\u9fa5]{3,30}(?=”)/)[0];
return '<a class="qrtampermonkey" value="' + WeChatOfficial + '">' + WeChatOfficialstr + '</a>';
}
/* 5 */ let qqgroup = /[qQ]?[qQ]?(交流)?群(号|号码|交流|【.{0,4}】|1|⑧|⑨|⑩)?(:|~| - |: | |:|: )[0-9]+|群(交流)?[0-9]{6,}|粉丝扣扣大本营一号:[0-9]+|加群吧 【[0-9]+】|搜索QQ群:[\u4e00-\u9fa5]+|群:『[0-9]+』/;
function qqgroupstr2qr(qqgroupstr) {
let qqgroupnum = qqgroupstr.match(/(?<=[qQ]?[qQ]?(交流)?群(号|号码|交流|【.{0,4}】|1|⑧|⑨|⑩)?(:|~| - |: | |:|: ))[0-9]{6,}|(?<=群(交流)?)[0-9]{6,}|(?<=粉丝扣扣大本营一号:)[0-9]+|(?<=加群吧 【)[0-9]+(?=】)|(?<=搜索QQ群:)[\u4e00-\u9fa5]+|(?<=群:『)[0-9]+(?=』)/)[0];
return '<a class="qrtampermonkey" value="' + qqgroupnum + '">' + qqgroupstr + '</a>';
}
//其他
//邮箱链接
let mailaddress = /[0-9A-Za-z_\-]+@(qq|163|126|gmail|outlook|foxmail|aliyun|rd.netease|global-link-m|bigdongdong).com/;
/* 6 */ let mail = RegExp(/(商务)?(合作)?(联系)?邮箱(:|:|::| |:\n)?/.source + mailaddress.source + /|/.source + /商务/.source + mailaddress.source + /|/.source + /(zfb|來信)(:|: )/.source + mailaddress.source);
function mailstr2mail(mailaddressstr) {
let mail = mailaddressstr.match(RegExp(/(?<=(商务)?(合作)?(联系)?邮箱(:|:|::| )?)/.source + mailaddress.source + /|/.source + /(?<=商务)/.source + mailaddress.source + /|/.source + /(?<=(zfb|來信)(:|: ))/.source + mailaddress.source))[0];
return '<a href="mailto:' + mail + '">' + mailaddressstr + '</a>';
}
//时间跳转
/* 7 */ let videotime1 = /(?<!(上午|下午|日|开播时间:[0-9]{2}:[0-9]{2}-|:)[0-9]?)[0-9]+:[0-9]{2}(?![0-9])(?!(:|左右开始到凌晨))/; //时间数字串,修改视频进度条 //暂时还不支持3个冒号的???
function changevideotime1(time){
let text = time.split(":");
let value = text[0] * 60 + text[1] * 1;
return '<a class="timetampermonkey" value="' + value + '">' + time + '</a>';
}
/* 8 */ let videotime2 = /(?<!(前|长按|命运)[0-9]?)([0-9]{1,2}分[0-9]{1,2}秒|[0-9]{1,2}分|[0-9]{1,2}秒)/; //时间数字文字组合串,修改视频进度条
function changevideotime2(time) {
let timetest_m_s = time.split(/[分秒]/);
let timetest_m = time.split(/[分]/);
let timetest_s = time.split(/[秒]/);
let value = 0;
if (timetest_m_s.toString() == timetest_m.toString()) { // 例子:2分
value = timetest_m[0] * 60;
} else if (timetest_m_s.toString() == timetest_s.toString()) { // 例子:2秒
value = timetest_s[0] * 1;
} else { // 剩下的就是分秒都有 例子:1分01秒
value = timetest_m_s[0] * 60 + timetest_m_s[1] * 1;
}
return '<a class="timetampermonkey" value="' + value + '">' + time + '</a>';
}
//密码点击复制
/* 9 */ let four_digit_password = /密码(:|: )[0-9a-z]{4}/;
function copy_password(text) {
let password = text.match(/(?<=密码(:|: ))[0-9a-z]{4}/)[0];
return '<a class="copytampermonkey" title="点击复制" value="' + password + '">' + text + '</a>';
}
//删除重复文字 //修复up主口吃的问题
/* 10A*/ let repeatWORD1 = /(三连( )?|三连啊|求三连|求三连!!!|三连~|三连我!|一件三连叭~~~|三连点赞!!!!!|三连关注!|关注|求关注|求关注!!!|关注我!|评论我!|收藏( )?|不要白嫖!|不要白嫖!!!!|求求惹~|舒服了|\n\n\n)\1+/;
function NOrepeat1(repeatstr) {
repeatstr.match(new RegExp(repeatWORD1));
return RegExp.$1;
}
/* 10B*/ let repeatWORD2 = /(三)\1+(连)/;
function NOrepeat2(repeatstr) {
repeatstr.match(new RegExp(repeatWORD2));
return RegExp.$1 + RegExp.$2;
}
/* 10C*/ let repeatWORD3 = /(关)\1+(注)(?!注)/;
function NOrepeat3(repeatstr) {
repeatstr.match(new RegExp(repeatWORD3));
return RegExp.$1 + RegExp.$2;
}
/* 10D*/ let repeatWORD4 = /(关)\1+(注)\2+/;
function NOrepeat4(repeatstr) {
repeatstr.match(new RegExp(repeatWORD3));
return RegExp.$1 + RegExp.$2;
}
/* 10E*/ let repeatWORD5 = /(三连一定|一键三连哦|关注)(!)\2+/;
function NOrepeat5(repeatstr) {
repeatstr.match(new RegExp(repeatWORD3));
return RegExp.$1 + RegExp.$2;
}
let R = [
/* 0A*/[URLreg, url2URL],
/* 0B*/[shorturl, url2URL2],
/* 1A*/[BVlink, BVnum2BVlink],
/* 1B*/[avlink, avnum2avlink],
/* 1C*/[cvlink, cvnum2cvlink],
/* 1D*/[smlink, smnum2smlink],
/* 1E*/[bilibililivelink, livestr2livelink],
/* 2A*/[weibo1, wbstr2wblink1],
/* 2B*/[weibo2, wbstr2wblink2],
/* 2C*/[weibo3, wbstr2wblink3],
/* 3 */[youtube, ytb2ytblink],
/* 4A*/[WeChat1, wechat2qr1],
/* 4B*/[WeChat2, wechat2qr2],
/* 4C*/[WeChatOfficial1, WeChatOfficial2qr1],
/* 4D*/[WeChatOfficial2, WeChatOfficial2qr2],
/* 5 */[qqgroup, qqgroupstr2qr],
/* 6 */[mail, mailstr2mail],
/* 7 */[videotime1, changevideotime1],
/* 8 */[videotime2, changevideotime2],
/* 9 */[four_digit_password, copy_password],
/* 10A*/[repeatWORD1, NOrepeat1],
/* 10B*/[repeatWORD2, NOrepeat2],
/* 10C*/[repeatWORD3, NOrepeat3],
/* 10D*/[repeatWORD4, NOrepeat4],
/* 10E*/[repeatWORD5, NOrepeat5],
];
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////199行////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/**
* @description 在字符串中搜索符合正则的所有位置
* @param text {string} 字符串
* @param reg {RegExp} 正则表达式
* @param shift {number} 开头或结尾的数字可能需要偏移
* @example split_text("example",/e/)
* @return {Array} [['命中的字符串', '正则', '命中的字符串的开头', '命中的字符串的位置结尾']]
*/
function split_text(text, reg, shift = 0) {
let R = new RegExp(reg, 'g');
let A = [];
let result;
while ((result = R.exec(text))) {
//console.log("匹配文本 = " + result[0] + " index = " + result.index + " lastIndex = " + R.lastIndex);
if (A.length != 0) {
let i = A[A.length - 1][3]; // 最后一个结果组中的结尾数字
if (i != result.index) {
A.push([text.substring(i, result.index), -1, i, result.index]);
}
}
A.push([result[0], reg, result.index, R.lastIndex]);
}
if (A.length != 0) {
let i1 = A[0][2]; // 第一个结果组中的开头数字
if (i1 != 0) {
A.unshift([text.substring(0, i1), -1, 0, i1]);
}
let i2 = A[A.length - 1][3]; // 最后一个结果组中的结尾数字
if (i2 != text.length) {
A.push([text.substring(i2, text.length), -1, i2, text.length]);
}
}
if (shift != 0) {
for (let i = 0, l = A.length; i < l; i++) {
A[i] = [A[i][0], A[i][1], A[i][2] + shift, A[i][3] + shift];
}
}
if (A.length == 0) {
A = [[text, -1, 0 + shift, text.length + shift]];
}
return A;
}
/**
* @description 分割字符串
* @param text {string} 字符串
* @param REG_array {array} 正则表达式数组
* @example get_split_array("example",[/e/,/x/])
* @return {Array} [['命中的字符串', '正则', '命中的字符串的开头', '命中的字符串的位置结尾']]
*/
function get_split_array(text, REG_array) {
let A = [[text, -1, 0, text.length]];
for (let I = 0, L = REG_array.length; I < L; I++) {
for (let i = A.length - 1, l = -1; i > l; i--) {
if (A[i][1] == -1) {
let B = split_text(A[i][0], REG_array[I][0], A[i][2]);
for (let j = B.length - 1, le = -1; j > le; j--) {
A.splice(i + 1, 0, B[j]);
if (j == 0) {
A.splice(i, 1);
}
}
}
}
}
return A;
}
/**
* @description 字符串数组添加元素内容
* @param arr {array} 字符串数组
* @param REG_array {array} 正则表达式数组
*/
function array_add_element(arr, REG_array) {
for (let i = 0, l = arr.length; i < l; i++) {
if (arr[i][1] == -1) {
arr[i][4] = arr[i][0];
}
else {
for (let j = 0, lR = REG_array.length; j < lR; j++) {
if (arr[i][1].source == (REG_array[j][0]).source) {
arr[i][4] = REG_array[j][1](arr[i][0]);
break;
}
}
}
}
}
/**
* @description 从字符串数组中获取元素内容
* @param arr {array} 字符串数组
*/
function array_get_element(arr) {
let infotampermonkey = "";
for (let i = 0, l = arr.length; i < l; i++) {
infotampermonkey = infotampermonkey + arr[i][4];
}
return infotampermonkey;
}
function main() {
//获取原简介内容
let text = $("#v_desc > div.info").text();
let text_array = get_split_array(text, R);
array_add_element(text_array, R); // console.table(text_array);
let infotampermonkey = array_get_element(text_array);
//添加a标签的颜色样式和鼠标悬浮颜色样式
let infotampermonkeystyle =
"<style>" +
".video-desc .infotampermonkey a {color: #00a1d6}" +
".video-desc .infotampermonkey a:hover {color: #f25d8e}" +
"</style>";
//准备一个div用于存放二维码图片
let qrcode_div = '<div id="qrcodetampermonkey" style="z-index: 1001; position: absolute; top: 0px; left: 0px;"></div>';
//在旧简介div后添加一个新的简介div
if ($("#v_desc > div.infotampermonkey").length == 0) {
$("#v_desc > div.info").after('<div class="infotampermonkey" style="white-space: pre-line; overflow: hidden;">' + infotampermonkeystyle + qrcode_div + infotampermonkey + '</div>');
}
//新简介使用和旧简介一样的元素高度
$("#v_desc > div.infotampermonkey").css("height", $("#v_desc > div.info").css("height"));
$("#v_desc > div.infotampermonkey").css("width", $("#v_desc > div.info").css("width"));
//隐藏旧简介div
//$("#v_desc > div.info").hide(); //使用hide()用导致"展开更多"按钮消失
$("#v_desc > div.info").css("height",0);
//给需要显示二维码的元素添加鼠标悬浮显示二维码的效果
$(".qrtampermonkey").hover(function () {
let qrtext = $(this).attr("value");
$("#qrcodetampermonkey").append(QR({ text: qrtext, fill: '#00a1d6', size: 100, ecLevel: 'L', rounded: 40 }));
$("#qrcodetampermonkey").css({ "top": $(this).position().top + $(this).height(), "left": $(this).position().left + $(this).width() });
$("#qrcodetampermonkey").show();
}, function () {
$("#qrcodetampermonkey").hide();
$("#qrcodetampermonkey").empty();
});
//给需要修改视频时间的元素添加点击事件
$(document).on("click", ".timetampermonkey", function () {
let time = $(this).attr("value");
$("video")[0].currentTime = time;
});
//给需要触发复制的元素添加点击事件
$(document).on("click", ".copytampermonkey", function () {
let copy_text = $(this).attr("value");
GM_setClipboard(copy_text);
$(this).after('<a id="alert_after_copy" style="color:black;">(已复制)</a>');
setTimeout(function () {
$("#alert_after_copy").remove();
}, 2500)
});
}
function debounce(fn, delay) {
delay = delay || 10;
let handle;
return function (e) {
clearTimeout(handle);
handle = setTimeout(() => {
fn(e);
}, delay);
}
}
$(document).on("DOMNodeInserted", "#v_desc > div.info", debounce(main));
//给"展开更多"、"收起"按钮添加点击事件,让按钮可以像控制旧简介div高度一样控制新简介div高度
let flag = true;//显示"展开更多"就是true,默认就是true
$(document).on("click", "#v_desc > div.btn", function () {
if (flag) {
$("#v_desc > div.infotampermonkey").css("height", "auto");
flag = false;
} else {
$("#v_desc > div.infotampermonkey").css("height", "63px");
flag = true;
}
});
})();
//搜索框占行
//搜索...: □ .* □ Aa 查找下一个 查找上一个 关闭