☰

B站(Bilibili)搜索页面、个人主页已看视频标记

在B站搜索结果页面标记哪些视频是已经看过的，直观区分已看和未看的视频。已增加个人主页各页面支持。

目前为 2021-09-21 提交的版本，查看 最新版本。

// ==UserScript==
// @name B站(Bilibili)搜索页面、个人主页已看视频标记
// @version 1.8.1
// @description 在B站搜索结果页面标记哪些视频是已经看过的，直观区分已看和未看的视频。已增加个人主页各页面支持。
// @author Truazusa
// @namespace BiliSearchViewed
// @match https://search.bilibili.com/*
// @match https://space.bilibili.com/*
// @match https://t.bilibili.com/*
// @match https://www.bilibili.com/account/history
// @match https://www.bilibili.com/video/*
// @match https://www.bilibili.com/watchlater/*
// @match https://www.bilibili.com/medialist/play/watchlater*
// @require https://static.hdslb.com/js/jquery.min.js
// @grant GM_setValue
// @grant GM_getValue
// ==/UserScript==

var GM_addStyle = GM_addStyle || function(css) {
  var style = document.createElement("style");
  style.type = "text/css";
  style.appendChild(document.createTextNode(css));
  document.getElementsByTagName("head")[0].appendChild(style);
};

// 增加自定义样式
GM_addStyle(".btnView{opacity:0.8;width:25px;text-align:center;cursor:pointer;display:inline-block;position:absolute;right:0;top:0;z-index:1;border:2px solid #999;border-radius:4px;padding:3px 5px;background:#fff;color:#999;}.btnView:hover{opacity:1;background:#aaa;color:#fff;}");
GM_addStyle(".btnNotView{}");
GM_addStyle(".btnIsView{background:rgba(255,255,255,0.5);opacity:0.2;}.btnIsView:hover{background:rgba(255,255,255,1);opacity:1;color:#999;}");

// 搜索结果页
GM_addStyle(".u-videos .btnView{left:0;top:0;right:unset;}");
GM_addStyle(".video-item{position:relative;}");

// 图文模式
GM_addStyle(".list .btnView{left:0;top:20px;right:unset;}");

GM_addStyle(".btnRefresh{display:inline-block;position:absolute;z-index:1;right:52px;top:17px;background:#fff;border:2px solid #999;border-radius:5px;color:#999;padding:1px 5px;}.btnList:hover{background:#aaa;color:#fff;}");
GM_addStyle(".btnList{display:inline-block;position:absolute;z-index:1;right:97px;top:17px;background:#fff;border:2px solid #999;border-radius:5px;color:#999;padding:1px 5px;}.btnList:hover{background:#aaa;color:#fff;}");
GM_addStyle(".btnListSave{display:inline-block;position:absolute;z-index:1;right:170px;top:17px;background:#fff;border:2px solid #999;border-radius:5px;color:#999;padding:1px 5px;display:none;}.btnListSave:hover{background:#aaa;color:#fff;}");
GM_addStyle(".btnAvToBv{display:inline-block;position:absolute;z-index:1;right:240px;top:17px;background:#fff;border:2px solid #999;border-radius:5px;color:#999;padding:1px 5px;display:none;}.btnAvToBv:hover{background:#aaa;color:#fff;}");

GM_addStyle(".viewList{width:100%;height:120px;display:none;color:#999;padding:1px 5px;}");

// 空间页
GM_addStyle(".small-item .btnView{top:10px;right:unset;z-index:10;}");
GM_addStyle(".btnSpaceRefresh{display:inline-block;cursor:pointer;position:absolute;z-index:1;right:30%;top:19px;background:#fff;border:2px solid #999;border-radius:5px;color:#999;padding:1px 5px;}.btnList:hover{background:#aaa;color:#fff;}");

GM_addStyle(".i-pin-part .content .btnView{right:unset;z-index:10;}");


// 空间页-动态
GM_addStyle(".video-container .btnView{top:0;right:unset;cursor:pointer;z-index:10;font-size:12px;}");

// 空间页-频道
GM_addStyle(".channel-detail .btnView{top:20px;right:unset;cursor:pointer;z-index:10;}");

// 代表作
GM_addStyle("#i-masterpiece .small-item .btnView{left:10px;top:0;}");

// 收藏页
GM_addStyle(".fav-video-list .small-item .btnView{left:0;top:0;}");

// 动态
GM_addStyle(".new-topic-panel .btnSpaceRefresh{position:static;top:0;margin:30px 0 0 0;}");

// 图文模式
GM_addStyle(".list-list .small-item .btnView{left:0;top:20px;right:unset;}");
GM_addStyle(".video .content div.small-item:nth-child(4n+1) .btnView{left:0;right:unset;}");

// 历史页
GM_addStyle(".history-wrap .btnView{left:0;}");
GM_addStyle(".history-wrap .btnRefresh{cursor:pointer;top:3px;right:unset;margin:0 0 0 85px;}");

// 视频观看页
GM_addStyle(".rec-title .btnRefresh{position:unset;font-size:12px;}");
GM_addStyle(".video-data .btnView{position:unset;margin:0 0 0 10px;border:none;}");

// 稍后再看页
GM_addStyle(".watch-later-list .btnView{left:50px;}");
GM_addStyle(".watch-later-list .btnRefresh{cursor:pointer;top:3px;right:unset;margin:0 0 0 35px;position:unset;}");

// 稍后再看-视频观看页
GM_addStyle(".tip-info .btnRefresh{font-size:12px;position:absolute;right:0;}");
GM_addStyle(".player-auxiliary-playlist-item{position:relative;}.player-auxiliary-playlist-item .btnView{position:absolute;top:6px;left:65px;}");
GM_addStyle(".player-auxiliary-playlist-item:first-child .btnView{top:0;}");



var setMethod = null;
var isSetView = 0;
var timer = null;
var viewVideoList = null;
window.onload = function(){
  viewVideoList = localStorage.BiliViewed;
  // 从缓存中读取已看视频列表
  if(viewVideoList){
    // 判断是否已经av转bv了
    if(!localStorage.BiliAvToBvFin){
      // 未有转
      convertListAvToBv();
    }
    // 转存到GM本地
    saveWebListToGMLocal();
  }
  // 已在GM本地 
  viewVideoList = getGMVideoList();
  var domain = location.href;
  var askIndex = domain.indexOf("?");
  if(askIndex > -1){
    domain = domain.substring(0,askIndex);
  }
  domain = domain.toLowerCase();
  if(domain.indexOf("search.") > -1){
    // 搜索页
    setMethod = setSearchPage;
    checkItemClass = ".video-item";
    coverItemClass = ".lazy-img";
    setSearchPage();
  }else if(domain.indexOf("space.") > -1){
    // 个人空间
    setMethod = setSpacePage;
    var href = location.href;
    href = href.toLowerCase();
    if(href.indexOf("/dynamic") > -1){
      checkItemClass = ".video-container";
      coverItemClass = ".image-area";
    }else{
      checkItemClass = ".small-item";
      coverItemClass = ".cover";
    }
    setSpacePage();
  }else if(domain.indexOf("t.") > -1){
    // 动态
    setMethod = setSpacePage;
    checkItemClass = ".video-container";
    setSpacePage();
  }else if(domain.indexOf("www.") > -1){
    // 主站
    var href = location.href;
    href = href.toLowerCase();
    if(href.indexOf("/history") > -1 ){
      // 历史页、稍后观看页
      setMethod = setHistoryPage;
      checkItemClass = ".history-record";
      coverItemClass = ".preview";
      setHistoryPage();
    }else if(href.indexOf("/play/watchlater") > -1){
      // 稍后再看-视频观看页
      setMethod = setPlayWatchlaterPage;
      checkItemClass = ".pic";
      coverItemClass = ".van-framepreview";
      setPlayWatchlaterPage();
    }else if(href.indexOf("/watchlater") > -1){
      // 稍后再看页
      setMethod = setWatchlaterPage;
      checkItemClass = ".av-item";
      coverItemClass = ".av-pic";
      setWatchlaterPage();
    }else if(href.indexOf("/video") > -1){
      // 视频观看页
      setMethod = setVideoPage;
      checkItemClass = ".pic";
      coverItemClass = ".van-framepreview";
      isCheck = false;
      setTimeout(function(){
        setVideoPage();
      },5000)
    }
  }
  // 检查执行结果
  timer = setInterval(checkBtnViewLoad,1000);
}

// 转存web-localStorage的list到GM本地
var saveWebListToGMLocal = function(){
  var viewVideoList = localStorage.BiliViewed;
  if(!viewVideoList){
    return;
  }
  // 开始转存
  GM_setValue("BiliViewed",viewVideoList);
  // 清空web-localStorage
  localStorage.BiliViewed = null;
  localStorage.removeItem("BiliViewed");
}

// 获取GM本地存储的列表
var getGMVideoList = function(){
  return GM_getValue("BiliViewed","start\n");
}

// 设置GM本地存储的列表
var saveGMVideoList = function(value){
  return GM_setValue("BiliViewed",value);
}

// 设置视频观看页
var setVideoPage = function(){
  var refreshObj = $(".btnRefresh");
  if(refreshObj.size() == 0){
    $(".rec-title").append("<a class='btnRefresh' title='如果列表没出现已看/未看标识，请手动点击这个按钮进行刷新'>刷新</a>");
    $(".btnRefresh").click(function(){
      // 从缓存中读取已看视频列表
      setVideoPage();
    })
    setTimeout(function(){
      $(".rec-list").bind("DOMNodeInserted",function(e){
        var insertClass = $(e.target).attr("class");
        if(insertClass != "video-page-card"){
          return;
        }
        if(refreshTimer != null){
          clearTimeout(refreshTimer);
          refreshTimer = null;
        }

        // 只执行最后一个
        refreshTimer = setTimeout(function(){
          setVideoPage();
          clearTimeout(refreshTimer);
          refreshTimer = null;
        },1000);
      })
    },5000);
  }
  
  // 清空所有已看和未看
  $(".btnView").remove();
  // 重新读取
  viewVideoList = getGMVideoList();
  videoArr = viewVideoList.split('\n');
  // 主视频
  // 获取av
  av = location.href.replace("https://www.bilibili.com/video/","");
  if(av == null || ( !av.startsWith("BV") && !av.startsWith("bv"))){
    return;
  }
  var slashIndex = av.indexOf("/");
  var avId = "";
  if(slashIndex > -1){
    av = av.substring(0,slashIndex);
  }
  slashIndex = av.indexOf("?");
  if(slashIndex > -1){
    av = av.substring(0,slashIndex);
  }
  avId = av.replace("BV","").replace("bv","");
  // 设置是否已看
  isView = 0;
  for(var i = 0 ; i < videoArr.length;i++){
    if(avId == videoArr[i]){
      // 已看
      isView = 1;
      break;
    }
  }
  if(isView == 1){
    // 已看
    $(".video-data").append("<a class='btnView btnIsView' data-view='1' data-av='"+avId+"'>已看</a>");
  }else{
    // 未看
    $(".video-data").append("<a class='btnView btnNotView' data-view='0' data-av='"+avId+"'>未看</a>");
  }
  // 接下来播放、相关推荐Item
  $("#reco_list .pic").each(function(){
    var preObj = $(this).children("a");
    // 获取av
    var href = preObj.attr("href");
    if(href == null || href == ""){
      return;
    }
    av = href.replace("/video/","");
    if(av == null || ( !av.startsWith("BV") && !av.startsWith("bv"))){
      return;
    }
    slashIndex = av.indexOf("/");
    if(slashIndex == -1){
      return;
    }
    avId = av.substring(0,slashIndex).replace("BV","").replace("bv","");
    // 设置是否已看
    isView = 0;
    for(var i = 0 ; i < videoArr.length;i++){
      if(avId == videoArr[i]){
        // 已看
        isView = 1;
        break;
      }
    }
    if(isView == 1){
      // 已看
      $(this).append("<a class='btnView btnIsView' data-view='1' data-av='"+avId+"'>已看</a>");
      preObj.children("img").css("opacity","0.1");
    }else{
      // 未看
      $(this).append("<a class='btnView btnNotView' data-view='0' data-av='"+avId+"'>未看</a>");
      preObj.children("img").css("opacity","1");
    }
  });
  // 已看/未看按钮响应
  setBtnView();
}

// 设置历史页
var setHistoryPage = function(){
  var refreshObj = $(".btnRefresh");
  if(refreshObj.size() == 0){
    $(".b-head-search").before("<a class='btnRefresh' title='如果列表没出现已看/未看标识，请手动点击这个按钮进行刷新'>刷新</a>");
    $(".btnRefresh").click(function(){
      // 从缓存中读取已看视频列表
      setHistoryPage();
    })
    setTimeout(function(){
      $("#history_list").bind("DOMNodeInserted",function(e){
        var insertClass = $(e.target).attr("class");
        if(insertClass != "history-record"){
          return;
        }
        if(refreshTimer != null){
          clearTimeout(refreshTimer);
          refreshTimer = null;
        }
        // 只执行最后一个
        refreshTimer = setTimeout(function(){
          setHistoryPage();
          clearTimeout(refreshTimer);
          refreshTimer = null;
        },1000);
      })
    },5000);
  }
  
  // 清空所有已看和未看
  $(".btnView").remove();
  // 重新读取
  viewVideoList = getGMVideoList();
  videoArr = viewVideoList.split('\n');
  // 普通Item
  $(".cover-contain").each(function(){
    var preObj = $(this).children(".preview");
    // 获取av
    av = preObj.attr("href").replace("//www.bilibili.com/video/","");
    if(av == null || ( !av.startsWith("BV") && !av.startsWith("bv"))){
      return;
    }
    var slashIndex = av.indexOf("/");
    var avId = "";
    if(slashIndex > -1){
      av = av.substring(0,slashIndex);
    }
    slashIndex = av.indexOf("?");
    if(slashIndex > -1){
      av = av.substring(0,slashIndex);
    }
    avId = av.replace("BV","").replace("bv","");
    // 设置是否已看
    isView = 0;
    for(var i = 0 ; i < videoArr.length;i++){
      if(avId == videoArr[i]){
        // 已看
        isView = 1;
        break;
      }
    }
    if(isView == 1){
      // 已看
      $(this).append("<a class='btnView btnIsView' data-view='1' data-av='"+avId+"'>已看</a>");
      preObj.css("opacity","0.1");
    }else{
      // 未看
      $(this).append("<a class='btnView btnNotView' data-view='0' data-av='"+avId+"'>未看</a>");
      preObj.css("opacity","1");
    }
  });
  // 已看/未看按钮响应
  setBtnView();
}

// 稍后再看-视频观看页
var setPlayWatchlaterPage = function(){
  var refreshObj = $(".btnRefresh");
  if(refreshObj.size() == 0){
    $(".tip-info").append("<a class='btnRefresh' title='如果列表没出现已看/未看标识，请手动点击这个按钮进行刷新'>刷新↗</a>");
    
    $(".btnRefresh").click(function(){
      // 从缓存中读取已看视频列表
      setPlayWatchlaterPage();
    })
    setTimeout(function(){
      
      $(".danmukuBox").bind("DOMNodeInserted",function(e){
        var insertClass = $(e.target).attr("class");
        if(insertClass != "danmaku-wrap"){
          return;
        }
        if(refreshTimer != null){
          clearTimeout(refreshTimer);
          refreshTimer = null;
        }
        // 只执行最后一个
        refreshTimer = setTimeout(function(){
          setPlayWatchlaterPage();
          clearTimeout(refreshTimer);
          refreshTimer = null;
        },5000);
      })
      
      
      $(".player-auxiliary-playlist-list").bind("DOMNodeInserted",function(e){
        var insertClass = $(e.target).attr("class");
        if(insertClass != "player-auxiliary-playlist-item"){
          return;
        }
        if(refreshTimer != null){
          clearTimeout(refreshTimer);
          refreshTimer = null;
        }
        // 只执行最后一个
        refreshTimer = setTimeout(function(){
          setPlayWatchlaterPage();
          clearTimeout(refreshTimer);
          refreshTimer = null;
        },1000);
      })
      
      $(".rcmd-list").bind("DOMNodeInserted",function(e){
        var insertClass = $(e.target).attr("class");
        if(insertClass != "remd-video-card"){
          return;
        }
        if(refreshTimer != null){
          clearTimeout(refreshTimer);
          refreshTimer = null;
        }

        // 只执行最后一个
        refreshTimer = setTimeout(function(){
          setPlayWatchlaterPage();
          clearTimeout(refreshTimer);
          refreshTimer = null;
        },1000);
      })
      
    },10000);
  }
  
  // 清空所有已看和未看
  $(".btnView").remove();
  // 重新读取
  viewVideoList = getGMVideoList();
  videoArr = viewVideoList.split('\n');
  // 主视频
  // 获取av
  av = location.href.replace("https://www.bilibili.com/medialist/play/watchlater/","");
  if(av == null || ( !av.startsWith("BV") && !av.startsWith("bv"))){
    return;
  }
  var slashIndex = av.indexOf("/");
  var avId = "";
  if(slashIndex > -1){
    av = av.substring(0,slashIndex);
  }
  slashIndex = av.indexOf("?");
  if(slashIndex > -1){
    av = av.substring(0,slashIndex);
  }
  avId = av.replace("BV","").replace("bv","");
  // 设置是否已看
  isView = 0;
  for(var i = 0 ; i < videoArr.length;i++){
    if(avId == videoArr[i]){
      // 已看
      isView = 1;
      break;
    }
  }
  if(isView == 1){
    // 已看
    $(".video-data").append("<a class='btnView btnIsView' data-view='1' data-av='"+avId+"'>已看</a>");
  }else{
    // 未看
    $(".video-data").append("<a class='btnView btnNotView' data-view='0' data-av='"+avId+"'>未看</a>");
  }
  // 播放列表Item
  $(".player-auxiliary-playlist-list .player-auxiliary-playlist-item").each(function(){
    av = $(this).data("bvid");
    if(av == null || ( !av.startsWith("BV") && !av.startsWith("bv"))){
      return;
    }
    avId = av.replace("BV","").replace("bv","");
    // 设置是否已看
    isView = 0;
    for(var i = 0 ; i < videoArr.length;i++){
      if(avId == videoArr[i]){
        // 已看
        isView = 1;
        break;
      }
    }
    var preObj = $(this).children(".player-auxiliary-playlist-item-img");
    if(isView == 1){
      // 已看
      $(this).append("<a class='btnView btnIsView' data-view='1' data-av='"+avId+"'>已看</a>");
      preObj.css("opacity","0.1");
    }else{
      // 未看
      $(this).append("<a class='btnView btnNotView' data-view='0' data-av='"+avId+"'>未看</a>");
      preObj.css("opacity","1");
    }
  });
  
  // 更多视频推荐Item
  $(".card-box .pic").each(function(){
    var preObj = $(this).children("a");
    // 获取av
    var href = preObj.attr("href");
    if(href == null || href == ""){
      return;
    }
    av = href.replace("https://www.bilibili.com/video/","");
    if(av == null || ( !av.startsWith("BV") && !av.startsWith("bv"))){
      return;
    }
    slashIndex = av.indexOf("/");
    if(slashIndex == -1){
      return;
    }
    avId = av.substring(0,slashIndex).replace("BV","").replace("bv","");
    // 设置是否已看
    isView = 0;
    for(var i = 0 ; i < videoArr.length;i++){
      if(avId == videoArr[i]){
        // 已看
        isView = 1;
        break;
      }
    }
    if(isView == 1){
      // 已看
      $(this).append("<a class='btnView btnIsView' data-view='1' data-av='"+avId+"'>已看</a>");
      preObj.css("opacity","0.1");
    }else{
      // 未看
      $(this).append("<a class='btnView btnNotView' data-view='0' data-av='"+avId+"'>未看</a>");
      preObj.css("opacity","1");
    }
  });
  // 已看/未看按钮响应
  setBtnView();
}

// 设置稍后观看页
var setWatchlaterPage = function(){
  var refreshObj = $(".btnRefresh");
  if(refreshObj.size() == 0){
    $(".r-con").before("<a class='btnRefresh' title='如果列表没出现已看/未看标识，请手动点击这个按钮进行刷新'>刷新</a>");
    $(".btnRefresh").click(function(){
      // 从缓存中读取已看视频列表
      setWatchlaterPage();
    })
    setTimeout(function(){
      $(".list-box").bind("DOMNodeInserted",function(e){
        var insertClass = $(e.target).attr("class");
        if(insertClass != "av-item"){
          return;
        }
        if(refreshTimer != null){
          clearTimeout(refreshTimer);
          refreshTimer = null;
        }
        // 只执行最后一个
        refreshTimer = setTimeout(function(){
          setWatchlaterPage();
          clearTimeout(refreshTimer);
          refreshTimer = null;
        },1000);
      })
    },5000);
  }
  
  // 清空所有已看和未看
  $(".btnView").remove();
  // 重新读取
  viewVideoList = getGMVideoList();
  videoArr = viewVideoList.split('\n');
  // 普通Item
  $(".av-item").each(function(){
    var preObj = $(this).children(".av-pic");
    // 获取av
    av = preObj.attr("href").replace("https://www.bilibili.com/medialist/play/watchlater/","");
    if(av == null || ( !av.startsWith("BV") && !av.startsWith("bv"))){
      return;
    }
    var slashIndex = av.indexOf("/");
    var avId = "";
    if(slashIndex > -1){
      av = av.substring(0,slashIndex);
    }
    slashIndex = av.indexOf("?");
    if(slashIndex > -1){
      av = av.substring(0,slashIndex);
    }
    avId = av.replace("BV","").replace("bv","");
    // 设置是否已看
    isView = 0;
    for(var i = 0 ; i < videoArr.length;i++){
      if(avId == videoArr[i]){
        // 已看
        isView = 1;
        break;
      }
    }
    if(isView == 1){
      // 已看
      $(this).append("<a class='btnView btnIsView' data-view='1' data-av='"+avId+"'>已看</a>");
      preObj.css("opacity","0.1");
    }else{
      // 未看
      $(this).append("<a class='btnView btnNotView' data-view='0' data-av='"+avId+"'>未看</a>");
      preObj.css("opacity","1");
    }
  });
  // 已看/未看按钮响应
  setBtnView();
}

// 设置空间页
var refreshTimer = null;
var setSpacePage = function(){
  var refreshObj = $(".btnSpaceRefresh");
  if(refreshObj.size() == 0){
    $("#navigator .wrapper").prepend("<a class='btnSpaceRefresh' title='如果列表没出现已看/未看标识，请手动点击这个按钮进行刷新'>刷新</a>");
    $("#navigator-fixed .wrapper").prepend("<a class='btnSpaceRefresh' title='如果列表没出现已看/未看标识，请手动点击这个按钮进行刷新'>刷新</a>");
    $(".new-topic-panel").append("<a class='btnSpaceRefresh' title='如果列表没出现已看/未看标识，请手动点击这个按钮进行刷新'>←刷新</a>");
    $(".btnSpaceRefresh").click(function(){
      // 从缓存中读取已看视频列表
      setSpacePage();
    })
    setTimeout(function(){
      $(".feed-card .content").bind("DOMNodeInserted",function(e){
        if(refreshTimer != null){
          clearTimeout(refreshTimer);
          refreshTimer = null;
        }
        // 只执行最后一个
        refreshTimer = setTimeout(function(){
          setSpacePage();
          clearTimeout(refreshTimer);
          refreshTimer = null;
        },1000);
      })
    },5000);
  }
  
  // 清空所有已看和未看
  $(".btnView").remove();
  // 重新读取
  viewVideoList = getGMVideoList();
  videoArr = viewVideoList.split('\n');
  // 置顶视频
  $(".i-pin-part .content").each(function(){
    // 获取av
    av = $(this).data("aid") + "";
    if(av == null || ( !av.startsWith("BV") && !av.startsWith("bv"))){
      return;
    }
    var avId = av.replace("BV","").replace("bv","");
    // 设置是否已看
    isView = 0;
    for(var i = 0 ; i < videoArr.length;i++){
      if(avId == videoArr[i]){
        // 已看
        isView = 1;
        break;
      }
    }
    if(isView == 1){
      // 已看
      $(this).append("<a class='btnView btnIsView' data-view='1' data-av='"+avId+"'>已看</a>");
      $(this).find(".cover").css("opacity","0.1");
    }else{
      // 未看
      $(this).append("<a class='btnView btnNotView' data-view='0' data-av='"+avId+"'>未看</a>");
      $(this).find(".cover").css("opacity","1");
    }
  });
  // 普通Item
  $(".small-item").each(function(){
    // 获取av
    av = $(this).data("aid") + "";
    if(av == null || ( !av.startsWith("BV") && !av.startsWith("bv"))){
      return;
    }
    var avId = av.replace("BV","").replace("bv","");
    // 设置是否已看
    isView = 0;
    for(var i = 0 ; i < videoArr.length;i++){
      if(avId == videoArr[i]){
        // 已看
        isView = 1;
        break;
      }
    }
    if(isView == 1){
      // 已看
      $(this).append("<a class='btnView btnIsView' data-view='1' data-av='"+avId+"'>已看</a>");
      $(this).find(".cover").css("opacity","0.1");
    }else{
      // 未看
      $(this).append("<a class='btnView btnNotView' data-view='0' data-av='"+avId+"'>未看</a>");
      $(this).find(".cover").css("opacity","1");
    }
  });
  // 动态Item
  $(".video-container").each(function(){
    // 获取av
    var a = $(this).children("a:eq(0)");
    av = $(a).attr("href").replace("//www.bilibili.com/video/","");
    av = av.replace("https:","");
    if(av == null || ( !av.startsWith("BV") && !av.startsWith("bv"))){
      return;
    }
    var slashIndex = av.indexOf("/");
    var avId = "";
    if(slashIndex > -1){
      av = av.substring(0,slashIndex);
    }
    slashIndex = av.indexOf("?");
    if(slashIndex > -1){
      av = av.substring(0,slashIndex);
    }
    avId = av.replace("BV","").replace("bv","");
    // 设置是否已看
    isView = 0;
    // 设置是否已看
    isView = 0;
    for(var i = 0 ; i < videoArr.length;i++){
      if(avId == videoArr[i]){
        // 已看
        isView = 1;
        break;
      }
    }
    if(isView == 1){
      // 已看
      $(this).append("<a class='btnView btnIsView' data-view='1' data-av='"+avId+"'>已看</a>");
      $(this).find(".image-area").children("img:eq(0)").css("opacity","0.1");
    }else{
      // 未看
      $(this).append("<a class='btnView btnNotView' data-view='0' data-av='"+avId+"'>未看</a>");
      $(this).find(".image-area").children("img:eq(0)").css("opacity","1");
    }
  });
  // 已看/未看按钮响应
  setBtnView();
  // 分页按钮响应
  $(".be-pager li").unbind('click').click(function(){
    reloadPage();
  })
  // 搜索视频按钮响应
  $(".search-btn").unbind('click').click(function(){
    reloadPage();
  })
  // 回车监听响应
  $(document).unbind('keyup').keyup(function(event){
    if(event.keyCode ==13){
      reloadPage();
    }
  });
  // 导航栏响应
  $(".n-tab-links a").unbind('click').click(function(){
    reloadPage();
  })
  // 侧栏按钮响应
  $(".contribution-item").unbind('click').click(function(){
    reloadPage();
  })
  // 排序按钮响应
  $(".be-tab-item").unbind('click').click(function(){
    reloadPage();
  })
  // Tag点击响应
  $("#submit-video-type-filter a").unbind('click').click(function(){
    reloadPage();
  })
  // 收藏列表响应
  $(".fav-item a").unbind('click').click(function(){
    reloadPage();
  })
}

// 设置已看/未看按钮响应
var coverItemClass = "";
var setBtnView = function(){
  $(".btnView").click(function(e){
    var avId = $(this).data("av");
    var view = $(this).data("view");
    // 先读再存（跨页操作）
    viewVideoList = getGMVideoList();
    var coverObjs = $(this).parent().find(coverItemClass);
    if(view == 0){
      // 未看 -> 已看
      viewVideoList += avId+"\n";
      $(this).text("已看");
      $(this).removeClass("btnNotView");
      $(this).addClass("btnIsView");
      $(this).data("view","1");
      coverObjs.css("opacity","0.1");
    }else{
      // 已看 -> 未看
      viewVideoList = viewVideoList.replace(avId+"\n","");
      $(this).text("未看");
      $(this).removeClass("btnIsView");
      $(this).addClass("btnNotView");
      $(this).data("view","0");
      coverObjs.css("opacity","0.1");
    }
    // 即时存储
    saveGMVideoList(viewVideoList);
    // 重新读取
    setMethod();
  });
}

// 重新读取页面
var reloadPage = function(){
  checkCount = 0;
  setTimeout(function(){
    // 执行一次
    setMethod();
    // 检查执行结果
    timer = setInterval(checkBtnViewLoad,2000);
  },1000);
}


// （多域名共用）检测按钮是否已加载，8次内有效
var isCheck = true;
var itemCount = 0;
var btnCount = 0;
var checkCount = 0;
var checkItemClass = "";

var checkBtnViewLoad = function(){
  if(!isCheck){
    clearInterval(timer);
    timer = null;
    return;
  }
  itemCount = $(checkItemClass).size();
  btnCount = $(".btnView").size();
  if((itemCount > 0 && itemCount == btnCount) || checkCount > 8){
    clearInterval(timer);
    timer = null;
  }else{
    setMethod();
  }
  checkCount++;
}

// 设置搜索页面
var isView = 0;
var avStartStr = "//www.bilibili.com/video/BV";
var avStartIndex = -1;
var avEndIndex = -1;
var av = null;
var videoArr = null;
var setSearchPage = function(){
  var refreshObj = $(".btnRefresh");
  if(refreshObj.size() == 0){
    $(".filter-wrap").append("<a class='btnList' title='显示/隐藏已看ID的数据列表，建议定期复制到其他地方进行保存，避免因事故造成丢失'>显示/隐藏</a>");
    $(".filter-wrap").append("<a class='btnRefresh' title='如果列表没出现已看/未看标识，请手动点击这个按钮进行刷新'>刷新</a>");
    $(".filter-wrap").append("<a class='btnListSave' title='如果文本框内容有修改，请点击这个按钮进行保存。'>保存列表</a>");
    $(".filter-wrap").append("<a class='btnAvToBv' title='转换列表上的av号为bv号'>转换</a>");
    $(".filter-wrap").append("<textarea class='viewList'></textarea>");

    $(".btnAvToBv").click(function(){
      convertListAvToBv();
      $(".viewList").text(getGMVideoList());
    })

    $(".btnList").click(function(){
      $(".viewList").text(getGMVideoList());
      $(".viewList").toggle();
      $(".btnListSave").toggle();
      $(".btnAvToBv").toggle();
    })

    $(".btnRefresh").click(function(){
      setSearchPage();
    })

    $(".btnListSave").click(function(){
      viewVideoList = $(".viewList").val();
      saveGMVideoList(viewVideoList);
      $(".viewList").toggle();
      $(".btnListSave").toggle();
      $(".btnAvToBv").toggle();
    })
  }
  
  // 清空所有已看和未看
  $(".btnView").remove();
  // 重新读取
  viewVideoList = getGMVideoList();
  videoArr = viewVideoList.split('\n');
  $(".video-item").each(function(){
    // 获取av
    av = $(this).find("a:eq(0)").attr("href");
    avStartIndex = av.indexOf(avStartStr);
    avEndIndex = av.indexOf("?");
    var avId = av.substring(avStartIndex+avStartStr.length,avEndIndex);
    // 设置是否已看
    isView = 0;
    for(var i = 0 ; i < videoArr.length;i++){
      if(avId == videoArr[i]){
        // 已看
        isView = 1;
        break;
      }
    }
    if(isView == 1){
      // 已看
      $(this).append("<a class='btnView btnIsView' data-view='1' data-av='"+avId+"'>已看</a>");
      $(this).find(".lazy-img").css("opacity","0.1");
    }else{
      // 未看
      $(this).append("<a class='btnView btnNotView' data-view='0' data-av='"+avId+"'>未看</a>");
      $(this).find(".lazy-img").css("opacity","1");
    }
  });
  // 已看/未看按钮响应
  setBtnView();
  // 分页按钮响应
  $(".page-item").unbind('click').click(function(){
    reloadPage();
  })
  // 搜索按钮响应
  $(".search-button").unbind('click').click(function(){
    reloadPage();
  })
  // 排序按钮响应
  $(".filter-item a").unbind('click').click(function(){
    reloadPage();
  })
  // 分类菜单响应
  $(".v-switcher-header-item a").unbind('click').click(function(){
    reloadPage();
  })
  // 回车监听响应
  $(document).unbind('keyup').keyup(function(event){
    if(event.keyCode ==13){
      reloadPage();
    }
  });
}


// 转换列表上面的av号为bv号
var convertListAvToBv = function(){
  var reg=/^\d{1,}$/
  var pattern=new RegExp(reg);
  videoArr = viewVideoList.split('\n');
  for(var i = 0 ; i < videoArr.length;i++){
    if(pattern.test(videoArr[i])){
      // 是av号
      videoArr[i] = bvid.encode(videoArr[i]).substr(2);
    }
  }
  // 转换完毕，重新组合
  viewVideoList = "";
  for(var i = 0 ; i < videoArr.length;i++){
    viewVideoList += videoArr[i]+"\n";
  }
  // 记入storage
  saveGMVideoList(viewVideoList);
  // 记入av转bv完成
  localStorage.BiliAvToBvFin = 1;
}



// av转bv，参考来源：https://github.com/Coxxs/bvid/blob/master/bvid.js
var bvid = (function () {
  var table = 'fZodR9XQDSUm21yCkr6zBqiveYah8bt4xsWpHnJE7jL5VG3guMTKNPAwcF'
  var tr = {}
  for (var i = 0; i < 58; i++) {
    tr[table[i]] = i
  }
  var s = [11, 10, 3, 8, 4, 6]
  var r = ['B', 'V', '1', '', '', '4', '', '1', '', '7', '', '']
  var xor = 177451812
  var add = 8728348608

 function encode(x) {
    if (x <= 0 || x >= 1e9) {
      return null
    }
    x = (x ^ xor) + add
    var result = r.slice()
    for (var i = 0; i < 6; i++) {
      result[s[i]] = table[Math.floor(x / 58 ** i) % 58]
    }
    return result.join('')
  }
  return { encode }
})()

if (typeof module !== 'undefined' && module != null) {
  module.exports = bvid
}

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址