To find the matched videos posted by followings
// ==UserScript==
// @name MatchedVideosOfBili
// @namespace http://tampermonkey.net/
// @version 0.1
// @description To find the matched videos posted by followings
// @author Ouphi
// @match https://search.bilibili.com/*
// @icon data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant none
// @license MPL
// ==/UserScript==
var cnt = 0
// 读取预处理好的关注列表文件（内容为uid）
var href = "https://space.bilibili.com/208259"
var iframe
var dm
var uids
var videos_target
var videos_src
var author_name_src
var n_pages_src
var btn_next_src
var btn_next_target
// 主页面翻页时的临时信息
var saved = 0
var saved_up_i
var saved_page_i
var saved_source_i
var saved_target_page
var saved_video_target_href
// 子页面翻页时的临时信息
var saved_video_src_href
init()
function init(){
// 等待主页面加载完成
if(checkElement(document, 'class', "vui_tabs--nav vui_tabs--nav-pl0") == null){
setTimeout(function(){init()}, 100)
return
}
console.log('1 ---- 加载成功')
// 添加子网页，读取关注列表
run_init(0, 1, document, 'class', "header-entry-avatar")
}
// flag=0代表需要继续等待，其他数字代表继续，
function run_init(flag, next_flag, element = null, method = null, text = null) {
// 限制访问次数，在连续搜索不到内容时，由于不同up的页面加载、run0的增加，会触发边界
cnt++
if(cnt >= 2000){ return }
console.log('1 ---- flag, next_flag : ' + flag + "," + next_flag)
// 每隔0.1s判断一次加载进度
if(flag == 0){
if(checkElement(element, method, text) == null){
if(next_flag == 2 || next_flag == 6 || next_flag == 8){
// 需要访问子页面的flag
// 不能直接传之前的document，只能动态更新
dm = document.getElementById('child-iframe').contentDocument
setTimeout(function(){run_init(0, next_flag, dm, method, text)}, 100)
}
else
// 需要访问主页面的flag
setTimeout(function(){run_init(0, next_flag, element, method, text)}, 100)
}
else{
run_init(next_flag, next_flag, element, method, text)
}
}
// 第一段，得到当前用户uid，创建follow page
if(flag == 1){
run1GetAndFixPage()
if(saved == 0)
run_init(0, 2, dm, 'id', "download-following-list-button")
else
run_init(0, 11, window.document, 'class', "vui_button--active-blue")
}
// 第二段，点击download按钮，等待follow page的信息
if(flag == 2){
run2ClickDownButton()
run_init(0, 3, dm, 'id', "following-list-text")
}
// 第三段，得到following list信息
if(flag == 3){
run3GetFollowingUids()
run_init(0, 4, window.document, 'class', "bili-video-card__wrap __scale-wrap")
}
// 第四段，得到主页面的视频列表
if(flag == 4){
run4GetTargetVideos()
if(saved == 1) fixBannerTarget()
if(saved == 1) run_continue()
}
// 第十一段，判断主页面加载完成
if(flag == 11){
if(run11CheckVideosTarget() == 1){
setTimeout(function(){run_init(0, 11, window.document, 'class', "vui_button--active-blue")}, 100)
}
else{
run_init(0, 4, window.document, 'class', "bili-video-card__wrap __scale-wrap")
}
}
}
function run_continue(){
// init后主页面加载完成，save前子页面加载完成，所以可以直接用
run_search(10, 10, document, '', '', 0, saved_up_i, saved_page_i, saved_source_i)
}
// flag=0代表需要继续等待，其他数字代表继续，
function run_search(flag, next_flag, element = null, method = null, text = null, target_i = 0, up_i = 0, page_i = 0, source_i = 0) {
cnt++
if(cnt >= 2000){ return }
var result
console.log('1 ---- flag, next_flag : ' + flag + "," + next_flag)
console.log('1 ---- target_i, up_i, page_i, source_i : ' + target_i + "," + up_i + "," + page_i + "," + source_i)
// 上条需要等待加载完成后再读取
// window.onload只能识别header条，不识别内容加载程度
// 每隔0.1s判断一次加载进度
if(flag == 0){
if(checkElement(element, method, text) == null){
// 带参数的需要写在函数内，不然会出错
if(next_flag == 2 || next_flag == 6 || next_flag == 8){
// 不能直接访问document，只能通过传值
dm = document.getElementById('child-iframe').contentDocument
setTimeout(function(){run_search(0, next_flag, dm, method, text, target_i, up_i, page_i, source_i)}, 100)
}
else{
setTimeout(function(){run_search(0, next_flag, element, method, text, target_i, up_i, page_i, source_i)}, 100)
}
}
else{
run_search(next_flag, next_flag, element, method, text, target_i, up_i, page_i, source_i)
}
}
// 第五段，判断并跳转到每个up主的视频页，等待读取
if(flag == 5){
if(run5ReloadChildPage(up_i) == 0)
run_search(0, 6, dm, 'id', "submit-video-type-filter", target_i, up_i, 0, 0)
}
// 读取当前up主信息
if(flag == 6){
result = run6GetUpVideosInfo(up_i)
if(result == 0) // 判断成功，继续运行
run_search(8, 8, dm, 'class', "small-item fakeDanmu-item", target_i, up_i, 0, 0)
else if(result == 1) // 等待当前页面加载
setTimeout(function(){run_search(0, 6, dm, 'id', "submit-video-type-filter", target_i, up_i, 0, 0)}, 100)
else if(result == 2) // 搜索内容为空，结束当前up主
run_search(5, 5, element, method, text, target_i, up_i+1, 0, 0)
}
// 第七段，判断并跳转到当前up主的下一页，等待读取
if(flag == 7){
// TODO: 冗余判断
if(run7ClickNextPage(page_i) == 1){ // 页数读取完成，结束当前up主
run_search(5, 5, element, method, text, target_i, up_i + 1, 0, 0)
}else{ // 读取下一页
run_search(0, 8, dm, 'class', "small-item fakeDanmu-item", target_i, up_i, page_i, 0)
}
}
// 考虑是空的情况啊啊啊
// 第六段，读取当前页面的视频列表
if(flag == 8){
var result = run8GetSrcVideos(up_i)
if(result == 1)
setTimeout(function(){run_search(8, 8, dm, 'class', "small-item fakeDanmu-item", target_i, up_i, page_i, 0)}, 100)
else
run_search(9, 9, element, method, text, target_i, up_i, page_i, 0)
}
// 第七段，判断结束条件
if(flag == 9){
var result = run9checkBoundary(target_i, up_i, page_i, source_i)
if(result == 0) // 判断成功，继续运行
run_search(10, 10, element, method, text, target_i, up_i, page_i, source_i)
else if(result == 2) // 结束当前up主
run_search(5, 5, element, method, text, target_i, up_i+1, 0, 0)
else if(result == 3) // 结束当前页面
run_search(7, 7, element, method, text, target_i, up_i, page_i + 1, 0)
}
// 第八段，循环
if(flag == 10){
run10ReplaceSingleVideo(target_i, up_i, source_i)
run_search(9, 9, element, method, text, target_i+1, up_i, page_i, source_i+1)
}
}
/***
* 运行流程相关函数
***/
// 1.得到页面信息，并添加子页面
function run1GetAndFixPage(){
// 得到用户uid
href = checkElement(document, 'class', "header-entry-avatar")[0].attributes['href'].nodeValue
var patt = /.+\/([0-9]+).*/
var uid = regGroup(patt, href)
console.log('1 ---- flag1 ' + '当前用户：' + '\r' + uid)
// 初次访问
if(saved == 0){
// 创建关注页面
/********* 如果需要设置分组，请确保分组内有人，可以修改这里的后缀?tagid=xxx ************ */
var src = "https://space.bilibili.com/"+ uid + "/fans/follow"
addChildIframe(src)
}
}
// 2.点击下载按钮
function run2ClickDownButton(){
// 不再重复下载
var btn_down = checkElement(dm, 'id', "download-following-list-button")
btn_down.click()
}
// 3.获取关注列表信息
function run3GetFollowingUids(){
var t_uids = checkElement(dm, 'id', "following-list-text").textContent
uids = t_uids.split('\n')
// 校验内容是否读取正确
if((uids.length - 1).toString() != uids[0]){
console.log('1 ---- flag3 uid wrong\n')
}
else
uids.shift()
// 预处理结束，增加筛选关注up主视频的按钮
addFollowLi()
}
// 4.获取目的视频列表（主页面）
function run4GetTargetVideos(){
var main_target = checkElement(window.document, 'class', "video-list row")[0]
videos_target = checkElement(main_target, 'class', "bili-video-card__wrap __scale-wrap")
videos_target = selectNotHideElement(videos_target)
}
// 5.将子页面设为当前up主的搜索页面，重新加载
function run5ReloadChildPage(i){
// 判断结束条件
if(i >= uids.length){
endButton(btn_next_target)
console.log('1 ---- flag5 ' + "The End：全部up主的视频读取完毕")
return 1
}
var patt = /.+keyword=([^&/]+).*/
var word = regGroup(patt, window.location.href)
console.log('1 ---- flag5 ' + '搜索词：' + '\r' + word)
var src = 'https://space.bilibili.com/' + uids[i] + '/search/video?keyword=' + word
iframe.remove()
addChildIframe(src)
return 0
}
// 6.当前up主的初始信息
function run6GetUpVideosInfo(up_i){
// 双重检验，确保加载成功
// TODO:由于remove重进了，可以不加这层判断
var src_videos_text_2 = dm.getElementsByClassName('v-search-count')[0].textContent
console.log('1 ---- flag6 ' + "当前up匹配的视频数2-", src_videos_text_2)
var src_videos_text = dm.getElementById('submit-video-type-filter').children[0].children[0].textContent
console.log('1 ---- flag6 ' + "当前up匹配的视频数--", src_videos_text)
if(src_videos_text_2 != src_videos_text || isNaN(src_videos_text_2) ||isNaN(src_videos_text)){
return 1
}else if(src_videos_text == '0'){
return 2
}
var t_pages = dm.getElementsByClassName("be-pager-total")[0].textContent
n_pages_src = regGroup(/.+([0-9]+).+/, t_pages)
console.log('2 ---- ' + '当前up总页数:' + ' ' + n_pages_src)
if(n_pages_src == '0'){
return 2
}
// 再检验，确保加载为新up
dm = document.getElementById('child-iframe').contentDocument
if(dm == null){return 1}
href = dm.getElementsByClassName('text router-link-exact-active router-link-active')[0].attributes['href'].nodeValue
btn_next_src = dm.getElementsByClassName('be-pager-next')[0]
var patt = /.*\/([0-9]+)\/.*/
var uid = regGroup(patt, href)
if(uid != uids[up_i]){return 1}
return 0
}
// 当前up主的下一页
function run7ClickNextPage(page_i){
if(page_i >= n_pages_src) return 1
btn_next_src.click()
return 0
}
// 8.获取源视频列表（子页面）
function run8GetSrcVideos(i){
// 获取源视频列表
videos_src = checkElement(dm, 'class', "small-item fakeDanmu-item")
var e_video_href = checkElement(videos_src[0], 'class', "title")
if(e_video_href == null)
return 1
var video_src_href = e_video_href[0].attributes['href'].nodeValue
if(saved_video_src_href == video_src_href)
return 1
author_name_src = dm.getElementById('h-name')
return 0
}
// 9.判断越界情况
function run9checkBoundary(target_i, up_i, page_i, source_i){
console.log('1 ---- flag9 ' + "target--" + videos_target.length + ":" + target_i + " source" + up_i +"-" + page_i + "--" + videos_src.length + ":" + source_i)
if(page_i >= n_pages_src){
console.log('1 ---- flag9 ' + "Mid：当前up主的所有页面读取完毕")
return 2
}
if(source_i >= videos_src.length){
console.log('1 ---- flag9 ' + "Mid：当前up主的当前页面读取完毕")
return 3
}
if(target_i >= videos_target.length){
saveTargrtInfo(up_i, page_i, source_i)
btn_next_target.style.display = 'block'
console.log('1 ---- flag9 ' + "当前主页面加载完成")
return 1
}
return 0
}
// 10.替换单个视频内容
function run10ReplaceSingleVideo(target_i , i, source_i){
console.log('1 ---- flag10 ' + "target--" + videos_target.length + ":" + target_i + " source" + i + "--" + videos_src.length + ":" + source_i)
var video_src = videos_src[source_i]
var img_src = video_src.children[0].getElementsByTagName('img')[0]
var title_src = video_src.getElementsByClassName('title')[0]
var banner_time_src = video_src.getElementsByClassName('time')[0]
var banner_duration_src = video_src.getElementsByClassName('length')[0]
var banner_playback_src = video_src.getElementsByClassName('play')[0]
var video_target = videos_target[target_i]
var img_target = video_target.children[0].getElementsByTagName('img')[0]
var img_source_target = video_target.children[0].getElementsByTagName('source')[0]
var title_target = video_target.children[1].getElementsByTagName('a')[0]
var author_link_target = video_target.getElementsByClassName('bili-video-card__info--owner')[0]
var author_name_target = video_target.getElementsByClassName('bili-video-card__info--author')[0]
var banner_time_target = video_target.getElementsByClassName('bili-video-card__info--date')[0]
var banner_duration_target = video_target.getElementsByClassName('bili-video-card__stats__duration')[0]
var banner_playback_target = video_target.getElementsByClassName('bili-video-card__stats--item')[0].getElementsByTagName('span')[0]
var banner_barage_target = video_target.getElementsByClassName('bili-video-card__stats--item')[1]
var player_target = video_target.getElementsByClassName('v-inline-player')[0]
var later_target = video_target.getElementsByClassName('bili-watch-later')[0]
img_target.parentElement.replaceChild(img_src, img_target)
video_target.children[0].href = title_src.href
author_link_target.href = iframe.src
author_name_target.textContent = author_name_src.textContent
img_source_target.srcset = img_src.src
title_target.parentElement.replaceChild(title_src, title_target)
banner_playback_target.textContent = banner_playback_src.textContent
banner_duration_target.textContent = banner_duration_src.textContent
banner_time_target.textContent = banner_time_src.textContent
player_target.style.display = 'none'
later_target.style.display = 'none'
banner_barage_target.style.display = 'none'
}
// 11.当前页面的信息
function run11CheckVideosTarget(){
// 双重检验，确保加载成功
var target_page = window.document.getElementsByClassName('vui_button--active-blue')[0].textContent
if(target_page == saved_target_page)
return 1
var main_target = checkElement(window.document, 'class', "video-list row")[0]
var video_target = checkElement(main_target, 'class', "bili-video-card__wrap __scale-wrap")[0]
var video_target_href = video_target.children[0].attributes['href'].nodeValue
if(saved_video_target_href == video_target_href)
return 1
var video_later = checkElement(video_target, 'class', 'bili-watch-later')
if(video_later == null)
return 1
return 0
}
/****
* 关注按钮相关函数
*****/
// 增加按钮到搜索栏末尾
function addFollowLi(){
var ul = document.getElementsByClassName("vui_tabs--nav vui_tabs--nav-pl0")[0]
const li = ul.getElementsByClassName("vui_tabs--nav-item")[0]
var follow_li= li.cloneNode(true)
follow_li.getElementsByClassName("vui_tabs--nav-text")[0].innerText = "关注"
follow_li.attributes['class'].nodeValue = "vui_tabs--nav-item"
follow_li.id = 'follow_btn'
follow_li.onclick = function(){clickFollowLi(follow_li)}
ul.appendChild(follow_li)
}
// 选择搜索关注内容，关注的元素内容修改
function clickFollowLi(follow_li){
// 更改活跃显示
var active_li = document.getElementsByClassName("vui_tabs--nav-item-active")[0]
active_li.attributes['class'].nodeValue = "vui_tabs--nav-item"
follow_li.attributes['class'].nodeValue = "vui_tabs--nav-item vui_tabs--nav-item-active"
fixBannerTarget()
// 开始搜索并取代原内容
run_search(5, 5, document, '', '', 0, 0, 0, 0)
}
function endButton(btn){
console.log(btn)
btn.style.display = 'block'
btn.textContent = "结束"
btn.disabled = true
}
/****
* 元素处理函数
*****/
// 得到关注页面，以及各up主的搜索页面
function addChildIframe(src){
var e_parent_iframe = document.body
iframe = document.createElement('iframe')
iframe.src = src
iframe.style.width = '500px'
iframe.style.height = '500px'
e_parent_iframe.appendChild(iframe, e_parent_iframe)
iframe.id = 'child-iframe'
dm = iframe.contentDocument
}
// 筛选未隐藏的视频
function selectNotHideElement(list){
var result = new Array()
for( var i = 0; i < list.length; ++i){
// 这里使用函数，所以不需要nodeValue
if(list[i].parentElement.parentElement.getAttribute('class').indexOf("to_hide_xs") == -1){
result.push(list[i])
}
}
return result
}
function clickNextButtonTarget(btn){
btn.style.display = 'none'
init()
}
function fixBannerTarget(){
// 删去细化筛选栏，综合/视频/番剧/用户栏；会固定按照关注顺序依次显示
if(checkElement(document, 'class', "search-header") != null){
var strategy_banner = document.getElementsByClassName("search-header")[0].children[3]
strategy_banner.style.display = "none"
}
// 删去选页栏，只留下一页；滚动显示，不保留全部内容
// TODO:也可以预处理多花些事件，获取所有视频列表后，排序显示，可选页
if(checkElement(document, 'class', "vui_pagenation--btns") != null){
var page_btns = document.getElementsByClassName("vui_pagenation--btns")[0]
for(var i = 0; i < page_btns.children.length - 1; ++i){
strategy_banner.style.display = "none"
page_btns.children[i].style.display = "none"
}
btn_next_target = page_btns.children[page_btns.children.length - 1]
btn_next_target.style.display = 'none'
btn_next_target.onclick = function(){clickNextButtonTarget(btn_next_target)}
}
}
/****
* 等待相关函数
****/
// 检查所需元素是否已加载成功
function checkElement(element, method, text){
if(element == null) return null
var result = null
switch(method){
case 'class':
result = element.getElementsByClassName(text)
break
case 'tag':
result = element.getElementsByTagName(text)
break
case 'id':
result = element.getElementById(text)
break
default:
result = element.getElementsByClassName(text)
break
}
// console.log(result)
if(result != null && result != undefined && result.length != 0){
return result
}else{
return null
}
}
/****
* 一些小函数
****/
// 正则匹配
function regGroup(patt, text){
var matched_str = text.match(patt)
var result = RegExp.$1
return result
}
// 保存过去信息：主页面翻页时
function saveTargrtInfo(up_i, page_i, source_i){
saved = 1
saved_up_i = up_i
saved_page_i = page_i
saved_source_i = source_i
saved_target_page = window.document.getElementsByClassName('vui_button--active-blue')[0].textContent
saved_video_target_href = videos_target[0].children[0].attributes['href'].nodeValue
}
// 保存过去信息：子页面翻页时
function saveSrcInfo(){
saved_video_src_href = videos_src[0].getElementsByClassName('title')[0].attributes['href'].nodeValue
}