Bilibili Popups

Greasy Fork is available in English.
B站内链助手
当前为 2021-12-13 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         Bilibili Popups
// @namespace    sheep-realms
// @version      1.3.2
// @description  B站内链助手
// @author       Sheep-realms
// @match        *://*.bilibili.com/*
// @require      http://libs.baidu.com/jquery/2.0.0/jquery.min.js
// @license      CC BY-NC-SA 3.0
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_addStyle
// @grant        GM_deleteValue
// @run-at       document-body
// ==/UserScript==

function Popups() {
    this.id = "popups";
    this.$sel = "#" + this.id;
    this.state = 0;
    this.timer = 0;
    this.disable = false;
    this.deactivate = false;
    this.posX = 0;
    this.posY = 0;

    this.load = function() {
        $("body").append('<div id="'+this.id+'" class="hide"><h4 class="title"></h4></div>');
    }

    this.resetView = function(title="missingno") {
        $(this.$sel).html('<h4 class="title">'+title+'</h4>');
    }

    this.move = function(top=this.posX+5, left=this.posY+5) {
        $(this.$sel).css("left", top).css("top", left);
    }

    this.show = function() {
        if (!this.disable && !this.deactivate) $(this.$sel).removeClass('hide');
    }

    this.hide = function() {
        $(this.$sel).addClass('hide');
    }

    this.error = function(title="出错啦！", message="") {
        this.resetView(title);
        $(this.$sel).append('<p>'+message+'</p>');
    }

    this.stop = function() {
        this.deactivate = true;
        this.hide();
        clearTimeout(this.timer);
    }
}

let pop = new Popups();

function PopupsFactory() {
    this.id = "popups";
    this.$sel = "#" + this.id;

    this.url = function(subdomain="www", path="") {
        return "https://"+subdomain+".bilibili.com/"+path;
    }

    this.link = function(url="", text="", strClass="") {
        return '<a target="_blank" class="'+strClass+'" href="'+url+'">'+text+'</a>';
    }

    this.userinfo = function(uid="", username="") {
        return '<p>作者：'+this.link(this.url("space", uid), username)+' ['+this.link(this.url("message", "#whisper/mid"+uid), "私信")+'] （'+this.link(this.url("space", uid+"/dynamic"), "动态")+' | '+this.link(this.url("space", uid+"/video"), "投稿")+' | '+this.link(this.url("space", uid+"/channel/series"), "列表")+'）</p>';
    }
}

let popf = new PopupsFactory();

let bangumiType = ["", "番剧", "电影", "纪录片", "国创", "电视剧", "", "综艺"];

$(document).mousemove(function(e){
    pop.posX = e.pageX;
    pop.posY = e.pageY;
});

$(document).keydown(function(e) {
    pop.disable = e.altKey;
})

$(document).keyup(function(e) {
    pop.disable = e.altKey;
})

$(document).ready(function() {
    var csslist = "";
    csslist += "#popups {max-width: 320px; position: absolute; background-color: #FFF; border: #BBB 1px solid; box-shadow: rgb(50 50 50 / 35%) 0 3px 8px; z-index: 12000; padding: 10px; color: #222;}";
    csslist += "#popups.hide {display: none;}";
    csslist += "#popups .video-stat tr td:first-child {padding-right: 1.5em;}";
    csslist += "#popups .video-stat tr td {line-height: 1.5em;}";
    csslist += "#popups h4 {font-size: 14px; border-bottom: #BBB 1px solid; margin-bottom: 5px; font-weight: bold; padding-bottom: 3px;}";
    csslist += "#popups p {color: #222; font-size: 12px; line-height: 1.5em;}";
    csslist += "#popups a {color: #00a1d6;}";
    csslist += "#popups hr {border: none; background-color: #BBB; height: 1px; margin: 3px 0;}";
    csslist += "#popups .video-desc {max-width: 300px; max-height: 150px; padding: 5px; background-color: #F4F4F4; overflow: hidden;}";

    GM_addStyle(csslist);

    pop.load();

    $("#popups").mouseenter(function() {
        // console.log(">> mouseover #popups");
        pop.state = 1;
        clearTimeout(pop.timer);
    });

    $("#popups").mouseleave(function() {
        // console.log("<< mouseleave #popups");
        pop.state = 0;
        clearTimeout(pop.timer);
        pop.timer = setTimeout(function() {
            pop.hide();
        }, 500)
    });

});

$(document).on("mouseenter", "a:not(#popups a)", function() {
    // console.log(">> mouseover a");
    if (pop.disable || pop.deactivate) return false;
    let a = $(this).offset();
    let $that = $(this);
    pop.state = 1;
    clearTimeout(pop.timer);

    let mode = "";
    let url = $(this).attr("href");
    let path = getUrlPath($(this).attr("href"));
    let qid;
    if (path.search(/\/video\/av/) != -1) {
        mode = "av";
        qid = path.slice(9).replace("/","");
    } else if (path.search(/\/audio\/au/) != -1) {
        mode = "au";
        qid = path.slice(9).replace("/","");
    } else if (path.search(/\/video\/BV/) != -1) {
        mode = "bv";
        qid = path.slice(7).replace("/","");
    } else if (path.search(/\/read\/cv/) != -1) {
        mode = "cv";
        qid = path.slice(8).replace("/","");
    } else if (path.search(/\/bangumi\/play\/ss/) != -1) {
        mode = "ss";
        qid = path.slice(16).replace("/","");
    } else if (url.search(/space.bilibili.com/) != -1) {
        mode = "user";
        if (path == "space.bilibili.com" || path == "/") return false;
        if (path.search(/\/[a-z]/) != -1) {
            qid = path.slice(1,path.search(/\/[a-z]/));
        } else {
            if (path.slice(-1) == "/") {
                qid = path.slice(1, -1);
            } else {
                qid = path.slice(1);
            }
        }
    } else {
        return false;
    }


    pop.timer = setTimeout(function() {
        $(".popups-focus").removeClass("popups-focus");
        $that.addClass("popups-focus");
        $("#popups").html('<h4 class="title"></h4>');
        $("#popups .title").text("加载中...");
        if (mode == "av") {
            getVideoInfoAV(qid);
        }
        if (mode == "au") {
            getAudioInfo(qid);
        }
        if (mode == "bv") {
            getVideoInfoBV(qid);
        }
        if (mode == "cv") {
            getArticleInfo(qid);
        }
        if (mode == "ss") {
            getBangumiInfo(qid);
        }
        if (mode == "user") {
            getUserInfo(qid);
        }

        pop.move();
        pop.show();
    }, 500)
});

$(document).on("mouseleave", "a:not(#popups a)", function() {
    // console.log("<< mouseleave a");
    let $that = $(this);
    if ($that.hasClass("popups-focus")) {
        pop.state = 0;
        clearTimeout(pop.timer);
        pop.timer = setTimeout(function() {
            pop.hide();
            $that.removeClass("popups-focus");
        }, 500)
    } else {
        pop.state = 0;
        clearTimeout(pop.timer);
    }
});

function getUrlPath(url){
    var arrUrl = url.split("//");

    var start = arrUrl[arrUrl.length - 1].indexOf("/");
    var relUrl = arrUrl[arrUrl.length - 1].substring(start);

    if(relUrl.indexOf("?") != -1){
        relUrl = relUrl.split("?")[0];
    }
    return relUrl;
}

function getJSONInfo(url) {
    $.getJSON(url,
    function (ajson) {
        console.log(ajson);
    });
}

function getVideoInfoAV(aid) {
    $.getJSON("https://api.bilibili.com/x/web-interface/view?aid=" + aid,
    function (ajson) {
        if (ajson.code == 0) {
            factoryVideoInfo(ajson.data);
        } else {
            pop.error("出错啦！", "未能获取视频信息，可能是网络问题，或是视频已被删除。<del>又或者是作者写了个BUG！</del>");
        }
    });
}

function getVideoInfoBV(bvid) {
    $.getJSON("https://api.bilibili.com/x/web-interface/view?bvid=" + bvid,
    function (ajson) {
        if (ajson.code == 0) {
            factoryVideoInfo(ajson.data);
        } else {
            pop.error("出错啦！", "未能获取视频信息，可能是网络问题，或是视频已被删除。<del>又或者是作者写了个BUG！</del>");
        }
    });
}

function factoryVideoInfo(obj) {
    $("#popups .title").text(obj.title);
    $("#popups").append('<p>'+popf.link(popf.url('www','video/av'+obj.aid), obj.aid)+' | '+popf.link(popf.url('www','video/'+obj.bvid), obj.bvid)+'</p>');
    $("#popups").append(popf.userinfo(obj.owner.mid, obj.owner.name));
    $("#popups").append('<p>分区：<span>'+obj.tname+'</span></p>');
    $("#popups").append('<p>发布时间：<span>'+getDateTime(obj.pubdate)+'</span></p>');
    $("#popups").append('<p>播放：<span>'+obj.stat.view+'</span></p>');
    $("#popups").append('<table class="video-stat"></table>');
    $("#popups .video-stat").append('<tr><td>点赞：<span>'+obj.stat.like+'</span></td><td>投币：<span>'+obj.stat.coin+'</span></td></tr>');
    $("#popups .video-stat").append('<tr><td>弹幕：<span>'+obj.stat.danmaku+'</span></td><td>评论：<span>'+obj.stat.reply+'</span></td></tr>');
    $("#popups .video-stat").append('<tr><td>收藏：<span>'+obj.stat.favorite+'</span></td><td>分享：<span>'+obj.stat.share+'</span></td></tr>');
    //$("#popups").append('<p>时长：<span>'+obj.duration+'</span></p>');
    $("#popups").append('<hr>');
    $("#popups").append('<p><a target="_blank" href="https://www.biliplus.com/video/'+obj.bvid+'">BiliPlus</a></p>');
    $("#popups").append('<p><a target="_blank" href="'+obj.pic+'">查看视频封面</a></p>');
    $("#popups").append('<hr>');
    $("#popups").append('<p>简介：</p>');
    $("#popups").append('<p class="video-desc">'+obj.desc+'</p>');
}

function getArticleInfo(cvid) {
    $.getJSON("https://api.bilibili.com/x/article/viewinfo?id="+cvid,
    function (ajson) {
        if (ajson.code == 0) {
            let obj = ajson.data;
            $("#popups .title").text(obj.title);
            $("#popups").append('<p><a target="_blank" href="https://www.bilibili.com/read/cv'+cvid+'">cv'+cvid+'</a></p>');
            $("#popups").append(popf.userinfo(obj.mid, obj.author_name));
            $("#popups").append('<p>阅读：<span>'+obj.stats.view+'</span></p>');
            $("#popups").append('<table class="video-stat"></table>');
            $("#popups .video-stat").append('<tr><td>点赞：<span>'+obj.stats.like+'</span></td><td>投币：<span>'+obj.stats.coin+'</span></td></tr>');
            $("#popups .video-stat").append('<tr><td>收藏：<span>'+obj.stats.favorite+'</span></td><td>分享：<span>'+obj.stats.share+'</span></td></tr>');
            $("#popups .video-stat").append('<tr><td>评论：<span>'+obj.stats.reply+'</span></td><td>动态转发：<span>'+obj.stats.dynamic+'</span></td></tr>');
            $("#popups").append('<hr>');
            $("#popups").append('<p><a target="_blank" href="'+obj.banner_url+'">查看文章头图</a></p>');
        } else {
            pop.error("出错啦！", "未能获取专栏信息，可能是网络问题，或是专栏已被删除。<del>又或者是作者写了个BUG！</del>");
        }
    });
}

function getAudioInfo(auid) {
    $.getJSON("https://www.bilibili.com/audio/music-service-c/web/song/info?sid="+auid,
    function (ajson) {
        if (ajson.code == 0) {
            let obj = ajson.data;
            $("#popups .title").text(obj.title);
            $("#popups").append('<p>'+popf.link(popf.url("www","audio/au"+auid), "au"+auid)+'</p>');
            $("#popups").append(popf.userinfo(obj.uid, obj.uname));
            $("#popups").append('<p>发布时间：<span>'+getDateTime(obj.passtime)+'</span></p>');
            $("#popups").append('<p>播放：<span>'+obj.statistic.play+'</span></p>');
            $("#popups").append('<table class="video-stat"></table>');
            $("#popups .video-stat").append('<tr><td>投币：<span>'+obj.coin_num+'</span></td><td>收藏：<span>'+obj.statistic.collect+'</span></td></tr>');
            $("#popups .video-stat").append('<tr><td>评论：<span>'+obj.statistic.comment+'</span></td><td>分享：<span>'+obj.statistic.share+'</span></td></tr>');
            $("#popups").append('<hr>');
            $("#popups").append('<p><a target="_blank" href="'+obj.cover+'">查看音频封面</a></p>');
            $("#popups").append('<hr>');
            $("#popups").append('<p>简介：</p>');
            $("#popups").append('<p class="video-desc">'+obj.intro+'</p>');
        } else {
            pop.error("出错啦！", "未能获取音频信息，可能是网络问题，或是音频已被删除。<del>又或者是作者写了个BUG！</del>");
        }
    });
}

function getBangumiInfo(ssid) {
    $.getJSON("https://api.bilibili.com/pgc/view/web/season?season_id="+ssid,
    function (ajson) {
        if (ajson.code == 0) {
            let obj = ajson.result;
            $("#popups .title").text(obj.season_title);
            $("#popups").append('<p>'+popf.link(popf.url("www","bangumi/play/ss"+ssid), "au"+ssid)+'</p>');
            //$("#popups").append(popf.userinfo(obj.uid, obj.uname));
            $("#popups").append('<p><span>'+obj.new_ep.desc+'</span></p>');
            $("#popups").append('<p>类型：<span>'+bangumiType[obj.type]+'</span></p>');
            $("#popups").append('<p>发布时间：<span>'+obj.publish.pub_time+'</span></p>');
            $("#popups").append('<p>总集数：<span>'+(obj.total != -1 ? obj.total : "未知")+'</span></p>');
            $("#popups").append('<p>播放：<span>'+obj.stat.views+'</span></p>');
            $("#popups").append('<table class="video-stat"></table>');
            $("#popups .video-stat").append('<tr><td>投币：<span>'+obj.stat.coins+'</span></td><td>收藏：<span>'+obj.stat.favorites+'</span></td></tr>');
            $("#popups .video-stat").append('<tr><td>弹幕：<span>'+obj.stat.danmakus+'</span></td><td>评论：<span>'+obj.stat.reply+'</span></td></tr>');
            $("#popups .video-stat").append('<tr><td>分享：<span>'+obj.stat.share+'</span></td><td></td></tr>');
            $("#popups").append('<hr>');
            $("#popups").append('<p><a target="_blank" href="'+obj.link+'">查看剧集简介</a></p>');
            $("#popups").append('<p><a target="_blank" href="'+obj.cover+'">查看剧集封面</a></p>');
            $("#popups").append('<p><a target="_blank" href="https://zh.moegirl.org.cn/'+obj.season_title+'">查询萌娘百科</a></p>');
            $("#popups").append('<hr>');
            $("#popups").append('<p>简介：</p>');
            $("#popups").append('<p class="video-desc">'+obj.evaluate+'</p>');
        } else {
            pop.error("出错啦！", "未能获取音频信息，可能是网络问题，或是音频已被删除。<del>又或者是作者写了个BUG！</del>");
        }
    });
}

function getUserInfo(uid) {
    $("#popups").append('<p>UID：'+popf.link(popf.url("space", uid, "user-uid"), uid)+'</p>');
    $("#popups").append('<p>关注：'+popf.link(popf.url("space", uid+"/fans/follow"), "...", "user-friend")+' | 粉丝：'+popf.link(popf.url("space", uid+"/fans/fans"), "...", "user-fans")+'</p>');

    $.getJSON("https://api.bilibili.com/x/space/acc/info?mid="+uid,
    function (ajson) {
        if (ajson.code == 0) {
            let obj = ajson.data;
            $("#popups .title").text(obj.name);
            $("#popups .user-uid").text(obj.mid);
            $("#popups").append('<p>等级：<span>Lv'+obj.level+'</span></p>');
            $("#popups").append('<hr>');
            $("#popups").append('<p><a target="_blank" href="https://message.bilibili.com/#whisper/mid'+obj.mid+'">私信</a> | <a target="_blank" href="https://space.bilibili.com/'+obj.mid+'/dynamic">动态</a> | <a target="_blank" href="https://space.bilibili.com/'+obj.mid+'/video">投稿</a> | <a target="_blank" href="https://space.bilibili.com/'+obj.mid+'/channel/series">列表</a></p>');
            $("#popups").append('<p><a target="_blank" href="'+obj.face+'">查看头像</a></p>');
            $("#popups").append('<p><a target="_blank" href="'+obj.top_photo+'">查看主页头图</a></p>');
        }
    });

    $.getJSON("https://api.bilibili.com/x/web-interface/card?mid="+uid,
    function (ajson) {
        if (ajson.code == 0) {
            let obj = ajson.data.card;
            $("#popups .user-friend	").text(obj.friend);
            $("#popups .user-fans").text(obj.fans);
        }
    });
}

function getDateTime(stamp) {
    let t = new Date(stamp * 1000);
    return t.getFullYear() + '-' + (t.getMonth() + 1) + '-' + t.getDate() + ' ' + timeZero(t.getHours()) + ':' + timeZero(t.getMinutes()) + ':' + timeZero(t.getSeconds());
}

function timeZero(value) {
    return value < 10 ? "0" + value : value
}