在订阅的频道页面通过输入关键词检索相关的所有视频，以列表的形式展示在醒目位置。
// ==UserScript== // @name 关键词检索订阅频道内视频-爱奇艺 // @namespace [email protected] // @description 在订阅的频道页面通过输入关键词检索相关的所有视频，以列表的形式展示在醒目位置。 // @description 该脚本初衷是为《超神解说》编写，也可用于其他专辑页的检索，检索能力： 《超神解说》 > 其他LOL解说 > 其他专辑；若是用户以一个自建词库替换table数组则可以大大提高检索能力 // @include http://www.iqiyi.com/u/1102805267/v // @include http://www.iqiyi.com/u/*/v // @version 1.1 // @grant none // ==/UserScript== window.onload = function () { // 一个空数组用于缓存所有视频目录 var vlist = []; // 关键词词库，这里有一个LOL的称号词库辅助检索 // 用户可以用一个自建词库替代之，符合JSON格式即可。 var table = [ { "name": "凯隐", "title": "影流之镰", "arise": [] }, { "name": "霞", "title": "逆羽", "arise": [] }, { "name": "洛", "title": "幻翎", "arise": [] }, { "name": "卡蜜尔", "title": "青钢影", "arise": [] }, { "name": "艾翁", "title": "翠神", "arise": [] }, { "name": "克烈", "title": "暴怒骑士", "arise": [] }, { "name": "塔莉垭", "title": "岩雀", "arise": [] }, { "name": "奥瑞利安·索尔", "title": "铸星龙王", "arise": [] }, { "name": "烬", "title": "戏命师", "arise": [] }, { "name": "俄洛伊", "title": "海兽祭司", "arise": [] }, { "name": "千珏", "title": "永猎双子", "arise": [] }, { "name": "塔姆·肯奇", "title": "河流之王", "arise": [] }, { "name": "艾克", "title": "时间刺客", "arise": [] }, { "name": "巴德", "title": "星界游神", "arise": [] }, { "name": "雷克塞", "title": "虚空遁地兽", "arise": ["挖掘机"] }, { "name": "卡莉丝塔", "title": "复仇之矛", "arise": ["滑板鞋"] }, { "name": "阿兹尔", "title": "沙漠皇帝", "arise": ["黄金脆皮炸鸡"] }, { "name": "纳尔", "title": "迷失之牙", "arise": ["纳尔，小奶龙"] }, { "name": "布隆", "title": "弗雷尔卓德之心", "arise": ["布隆", "盾牌"] }, { "name": "维克兹", "title": "虚空之眼", "arise": ["大眼睛", "章鱼", "大眼球"] }, { "name": "亚索", "title": "疾风剑豪", "arise": ["亚索", "剑豪"] }, { "name": "金克丝", "title": "暴走萝莉", "arise": ["JINX", "萝莉"] }, { "name": "卢锡安", "title": "圣枪游侠", "arise": ["奥巴马"] }, { "name": "亚托克斯", "title": "暗裔剑魔", "arise": ["剑魔"] }, { "name": "丽桑卓", "title": "冰霜女巫", "arise": ["冰女"] }, { "name": "扎克", "title": "生化魔人", "arise": ["泥巴"] }, { "name": "奎因", "title": "德玛西亚之翼", "arise": ["鸟姐", "鸟人"] }, { "name": "锤石", "title": "魂锁典狱长", "arise": ["锤石"] }, { "name": "蔚", "title": "皮城执法官", "arise": ["拳女", "女汉子，铁三拳"] }, { "name": "娜美", "title": "唤潮鲛姬", "arise": ["娜美", "人鱼"] }, { "name": "劫", "title": "影流之主", "arise": ["劫"] }, { "name": "伊莉丝", "title": "蜘蛛女皇", "arise": ["蜘蛛"] }, { "name": "卡兹克", "title": "虚空掠夺者", "arise": ["螳螂"] }, { "name": "辛德拉", "title": "暗黑元首", "arise": ["球女"] }, { "name": "雷恩加尔", "title": "傲之追猎者", "arise": ["狮子狗"] }, { "name": "黛安娜", "title": "皎月女神", "arise": ["皎月", "月女"] }, { "name": "婕拉", "title": "荆棘之兴", "arise": ["花女"] }, { "name": "杰斯", "title": "未来守护者", "arise": ["杰斯"] }, { "name": "德莱文", "title": "荣耀行刑官", "arise": ["德莱文"] }, { "name": "德莱厄斯", "title": "诺克萨斯之手", "arise": ["诺手"] }, { "name": "韦鲁斯", "title": "惩戒之箭", "arise": ["韦屌丝"] }, { "name": "赫卡里姆", "title": "战争之影", "arise": ["人马"] }, { "name": "璐璐", "title": "仙灵女巫", "arise": ["璐璐"] }, { "name": "菲奥娜", "title": "无双剑姬", "arise": ["JJ"] }, { "name": "诺提勒斯", "title": "深海泰坦", "arise": ["泰坦"] }, { "name": "吉格斯", "title": "爆破鬼才", "arise": ["炸弹人"] }, { "name": "瑟庄妮", "title": "凛冬之怒", "arise": ["猪妹", "猪女"] }, { "name": "维克托", "title": "机械先驱", "arise": ["三只手"] }, { "name": "阿狸", "title": "九尾妖狐", "arise": ["狐狸", "九尾", "阿狸"] }, { "name": "沃利贝尔", "title": "雷霆咆哮", "arise": ["狗熊"] }, { "name": "菲兹", "title": "潮汐海灵", "arise": ["凤姐"] }, { "name": "希瓦娜", "title": "龙血武姬", "arise": ["龙女"] }, { "name": "格雷福斯", "title": "法外狂徒", "arise": ["男枪"] }, { "name": "泽拉斯", "title": "远古巫灵", "arise": ["炮台"] }, { "name": "锐雯", "title": "放逐之刃", "arise": ["雯雯"] }, { "name": "泰隆", "title": "刀锋之影", "arise": ["男刀"] }, { "name": "斯卡纳", "title": "水晶先锋", "arise": ["蝎子"] }, { "name": "孙悟空", "title": "齐天大圣", "arise": ["猴子"] }, { "name": "蕾欧娜", "title": "曙光女神", "arise": ["日女"] }, { "name": "约里克", "title": "牧魂人", "arise": ["掘墓"] }, { "name": "奥莉安娜", "title": "发条魔灵", "arise": ["发条"] }, { "name": "薇恩", "title": "暗夜猎手", "arise": ["VN"] }, { "name": "兰博", "title": "机械公敌", "arise": ["兰博"] }, { "name": "布兰德", "title": "复仇焰魂", "arise": ["火男"] }, { "name": "李青", "title": "盲僧", "arise": ["瞎子"] }, { "name": "魔腾", "title": "永恒梦魇", "arise": ["梦魇"] }, { "name": "嘉文四世", "title": "德玛西亚皇子", "arise": ["皇子"] }, { "name": "茂凯", "title": "扭曲树精", "arise": ["树精"] }, { "name": "卡尔玛", "title": "天启者", "arise": ["扇子妈"] }, { "name": "雷克顿", "title": "荒漠屠夫", "arise": ["鳄鱼"] }, { "name": "凯特琳", "title": "皮城女警", "arise": ["女警"] }, { "name": "卡西奥佩娅", "title": "魔蛇之拥", "arise": ["蛇女"] }, { "name": "特朗德尔", "title": "巨魔之王", "arise": ["巨魔"] }, { "name": "艾瑞莉娅", "title": "刀锋意志", "arise": ["刀妹"] }, { "name": "乐芙兰", "title": "诡术妖姬", "arise": ["一条姐"] }, { "name": "拉克丝", "title": "光辉女郎", "arise": ["光女"] }, { "name": "斯维因", "title": "策士统领", "arise": ["乌鸦"] }, { "name": "娑娜", "title": "琴瑟仙女", "arise": ["琴女", "琴妈"] }, { "name": "厄运小姐", "title": "赏金猎人", "arise": ["女枪"] }, { "name": "厄加特", "title": "首领之傲", "arise": ["螃蟹"] }, { "name": "加里奥", "title": "正义巨像", "arise": ["石像鬼"] }, { "name": "弗拉基米尔", "title": "猩红收割者", "arise": ["吸血鬼"] }, { "name": "赵信", "title": "德邦总管", "arise": ["菊花信"] }, { "name": "克格·莫", "title": "深渊巨口", "arise": ["大嘴"] }, { "name": "奥拉夫", "title": "狂战士", "arise": ["狂战"] }, { "name": "玛尔扎哈", "title": "虚空先知", "arise": ["蚱蜢"] }, { "name": "阿卡丽", "title": "暗影之拳", "arise": ["阿卡丽"] }, { "name": "盖伦", "title": "德玛西亚之力", "arise": ["德玛", "盖伦"] }, { "name": "凯南", "title": "狂暴之心", "arise": ["电耗子"] }, { "name": "慎", "title": "暮光之眼", "arise": ["慎"] }, { "name": "伊泽瑞尔", "title": "探险家", "arise": ["EZ"] }, { "name": "莫德凯撒", "title": "铁铠冥魂", "arise": ["铁男"] }, { "name": "古拉加斯", "title": "酒桶", "arise": ["酒桶"] }, { "name": "潘森", "title": "战争之王", "arise": ["斯巴达"] }, { "name": "波比", "title": "圣锤之毅", "arise": ["波比"] }, { "name": "奈德丽", "title": "狂野女猎手", "arise": ["奶大力"] }, { "name": "乌迪尔", "title": "兽灵行者", "arise": ["UD"] }, { "name": "黑默丁格", "title": "大发明家", "arise": ["大头"] }, { "name": "萨科", "title": "恶魔小丑", "arise": ["小丑"] }, { "name": "内瑟斯", "title": "沙漠死神", "arise": ["狗头"] }, { "name": "卡特琳娜", "title": "不祥之刃", "arise": ["卡特"] }, { "name": "库奇", "title": "英勇投弹手", "arise": ["飞机"] }, { "name": "蒙多", "title": "祖安狂人", "arise": ["蒙多"] }, { "name": "墨菲特", "title": "熔岩巨兽", "arise": ["石头人"] }, { "name": "迦娜", "title": "风暴之怒", "arise": ["风女"] }, { "name": "布里茨", "title": "蒸汽机器人", "arise": ["机器"] }, { "name": "普朗克", "title": "海洋之灾", "arise": ["船长"] }, { "name": "塔里克", "title": "瓦洛兰之盾", "arise": ["宝石"] }, { "name": "卡萨丁", "title": "虚空行者", "arise": ["KASS"] }, { "name": "维迦", "title": "邪恶小法师", "arise": ["小法"] }, { "name": "艾尼维亚", "title": "冰晶凤凰", "arise": ["冰鸟", "凤凰"] }, { "name": "拉莫斯", "title": "披甲龙龟", "arise": ["龙龟", "乌龟"] }, { "name": "阿木木", "title": "殇之木乃伊", "arise": ["木木"] }, { "name": "科·加斯", "title": "虚空恐惧", "arise": ["大虫子"] }, { "name": "卡尔萨斯", "title": "死亡颂唱者", "arise": ["死歌"] }, { "name": "图奇", "title": "瘟疫之源", "arise": ["老鼠"] }, { "name": "伊芙琳", "title": "寡妇制造者", "arise": ["EVE"] }, { "name": "泰达米尔", "title": "蛮族之王", "arise": ["蛮王"] }, { "name": "基兰", "title": "时光守护者", "arise": ["时光老头"] }, { "name": "辛吉德", "title": "炼金术士", "arise": ["炼金"] }, { "name": "莫甘娜", "title": "堕落天使", "arise": ["莫甘娜"] }, { "name": "贾克斯", "title": "武器大师", "arise": ["一灯"] }, { "name": "赛恩", "title": "亡灵战神", "arise": ["塞恩"] }, { "name": "崔丝塔娜", "title": "麦林炮手", "arise": ["炮娘"] }, { "name": "沃里克", "title": "祖安怒兽", "arise": ["狼人"] }, { "name": "易", "title": "无极剑圣", "arise": ["易大师", "剑圣", "JS"] }, { "name": "瑞兹", "title": "符文法师", "arise": ["浪法", "光头"] }, { "name": "索拉卡", "title": "众星之子", "arise": ["星妈"] }, { "name": "努努", "title": "雪人骑士", "arise": ["雪人"] }, { "name": "费德提克", "title": "末日使者", "arise": ["稻草"] }, { "name": "凯尔", "title": "审判天使", "arise": ["天使", "鸟人"] }, { "name": "提莫", "title": "迅捷斥候", "arise": ["TIMO", "提百万"] }, { "name": "希维尔", "title": "战争女神", "arise": ["轮子妈"] }, { "name": "崔斯特", "title": "卡牌大师", "arise": ["卡牌"] }, { "name": "阿利斯塔", "title": "牛头酋长", "arise": ["牛头"] }, { "name": "艾希", "title": "寒冰射手", "arise": ["爱射", "艾射"] }, { "name": "安妮", "title": "黑暗之女", "arise": ["火女"]} ]; // 定义ajax实例 /* 此处参考了stackoverflow上的一个高分回答https://stackoverflow.com/questions/8567114/how-to-make-an-ajax-call-without-jquery/18078705#18078705 */ var ajax = { x: function () { if (typeof XMLHttpRequest !== 'undefined') { return new XMLHttpRequest(); } var versions = [ 'MSXML2.XmlHttp.6.0', 'MSXML2.XmlHttp.5.0', 'MSXML2.XmlHttp.4.0', 'MSXML2.XmlHttp.3.0', 'MSXML2.XmlHttp.2.0', 'Microsoft.XmlHttp' ]; var xhr; for (var i = 0; i < versions.length; i++) { try { xhr = new ActiveXObject(versions[i]); break; } catch (e) { } } return xhr; }, send: function (url, method, data, success, fail, async) { if (async === undefined) { async = true; } var x = ajax.x(); x.open(method, url, async); x.onreadystatechange = function () { if (x.readyState == 4) { var status = x.status; if (status >= 200 && status < 300) { success && success(x.responseText, x.responseXML) } else { fail && fail(status); } } }; if (method == 'POST') { x.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); } x.send(data) }, get: function (url, data, success, fail, async) { var query = [ ]; for (var key in data) { query.push(encodeURIComponent(key) + '=' + encodeURIComponent(data[key])); } ajax.send(url + (query.length ? '?' + query.join('&') : ''), 'GET', null, success, fail, async) }, post: function (url, data, success, fail, async) { var query = [ ]; for (var key in data) { query.push(encodeURIComponent(key) + '=' + encodeURIComponent(data[key])); } ajax.send(url, 'POST', query.join('&'), success, fail, async) } }; // 定义字符串转DOM结构的方法 var parseDom = function (arg) { var objE = document.createElement('div'); objE.innerHTML = arg.replace(/(^\s*)|(\s*$)/g, ''); // 此处正则替换字符串首位的空格 return objE.childNodes; }; // 定义数组判断函数 var isArray = function (obj) { return Object.prototype.toString.call(obj) == '[object Array]'; }; // 将一个对象所有属性值连接并返回一个字符串 var meshstr = function(obj) { var str = ""; for(var i in obj) { str += isArray(obj[i])? obj[i].join(""): obj[i]; } return str; }; // 匹配一个对象和字符串 var matchstr = function(obj, str) { for(var i in obj) { if(isArray(obj[i]) === true) { if(obj[i].some(function(o) { return str.indexOf(o) >= 0; }) === true) return true; } else { if(str.indexOf(obj[i]) >= 0) return true; } } return false; }; // 拆分数组函数 var creArray = function(Max, copies) { copies = copies || 5; var step = Math.ceil(Max / copies); var result = []; for(let i=0; i<copies; i++) { result[i] = []; for(let j=0; j<step; j++) { if(j*copies+i < Max) result[i].push(Max- (j*copies+i)); } } return result; }; //创建搜索框容器 var info = document.createElement("span"); info.setAttribute("id", "info"); info.setAttribute("style", "color: purple;"); var custom = document.createElement('span'); custom.setAttribute('id', 'custom'); custom.setAttribute('style', 'float: right;') // 创建展示幕布 var ul = document.createElement('ul'); ul.setAttribute('class', 'wrapper-piclist site-piclist site-piclist-180101 site-piclist-180101_indivi site-piclist-180101_threeline wrapper-piclist-auto '); var curtain = document.createElement('div'); curtain.setAttribute('id', 'curtain'); curtain.setAttribute('class', 'wrap-customAuto-ht'); // 创建输入框节点 var search = document.createElement('INPUT'); search.setAttribute('type', 'input'); search.setAttribute('id', 'custipt'); search.setAttribute('style', 'width: 248px; height: 26px;border: 1px solid #6fa800;'); search.setAttribute('placeholder', '输入关键词检索往期所有相关视频'); // 创建确定按钮节点 var btnOK = document.createElement('INPUT'); btnOK.setAttribute('id', 'custbtn'); btnOK.setAttribute('type', 'button'); btnOK.setAttribute('value', 'Search'); btnOK.setAttribute('style', 'color: #fff; background: #77b400; border: 1px solid #6fa800; width: 60px; height: 28px;'); // 追加子节点 custom.appendChild(search); custom.appendChild(btnOK); curtain.appendChild(ul); // 添加搜索框和幕布 var parent = document.querySelector('div.tit-bgLine.tit-bgVideo > div.read-title.mb15'); parent.appendChild(info); parent.appendChild(custom); var tmp = document.querySelector('div#data-bigVzone-videolist'); document.querySelector('div.tit-bgLine.tit-bgVideo').insertBefore(curtain, tmp); // 用队列依次Ajax请求 var runAjax = function(pages) { // console.log(pages); if(pages.length > 0) { var page = pages.shift(); // console.log(`index = ${page}`); if(page !== undefined) { ajax.get(url = window.location.href, data = { page: page, video_type: 1 }, function (response, xml) { //success var result = parseDom(response); var plist = result[0].children[1].children[0].children; for (var i = plist.length - 1; i >= 0; i--) { vlist.push(plist[i]); } info.innerHTML = `正在载入频道目录：<strong style="color: red;"> ${vlist.length}</strong> / <strong style="color: blue;"> ${COUNT}</strong> 请稍候···`; runAjax(pages); }, function (status) { //fail console.warn(`Fail when ajax page${page} because get code: ${status}`); pages.push(page); runAjax(pages); }, async = true); } } else { // finshed } } // 加载所有视频表列方法 // 该方法需要重新换种实现以应对大流量Ajax带来的数据丢失问题，待完成。 // 目前采用控制视频加载上线实现流量控制。不足：只加载近期1050个视频，超过1050部分放弃加载。 var loadList = function () { if (vlist.length === 0) { COUNT = parseInt(document.querySelector("h2.read-title-bd > span.icon-num").textContent.replace(/(^\s*)|(\s*$)/g, '')); var index = COUNT> 1050? 25: Math.ceil(COUNT / 42); var pages = creArray(Math.ceil(COUNT / 42)); // console.log(pages); info.innerHTML = `正在载入频道目录，预计将载入近期的视频<strong style="color: blue;"> ${COUNT}</strong> 个`; /***********************************************************************************************/ // 遍历所有视频【初始方案，存在不足】 /* while (index >= 1) { // console.log(`index = ${index}`); ajax.get(url = window.location.href, data = { page: index, video_type: 1 }, function (response, xml) { //success var result = parseDom(response); var plist = result[0].children[1].children[0].children; for (var i = plist.length - 1; i >= 0; i--) { vlist.push(plist[i]); } }, function (status) { //fail console.warn(`Fail when ajax page${index} because get code: ${status}`); }, async = true); index = index - 1; } */ /*********************************************************************************************/ for(let i=0, LEN=pages.length; i<LEN; i++) runAjax(pages[i]); } }; // 通过关键词检索结果方法 var search = function () { // 获取输入的关键字，去除头尾空格并转为大写形式 var str = document.getElementById('custipt').value.replace(/(^\s*)|(\s*$)/g, '').toUpperCase(); if(str !== "") { if(table) { // 根据关键字匹配英雄 var heros = table.filter(function (t) { return meshstr(t).indexOf(str) >= 0; }); } // console.dir(heros); // 执行筛选，结果用videos保存 var videos = vlist.filter(function (video) { // 获取每个视频的描述 var title = video.children[1].children[0].children[0].textContent; if (title.indexOf(str) !== - 1) { return true; } else { if (heros.length > 0) { return heros.some(function (hero) { return matchstr(hero, title); }); } else { return false; } } }) // 重绘之前清空原有列表 while (ul.hasChildNodes()) { //当ul下还存在子节点时 循环继续 ul.removeChild(ul.firstChild); } // 展示搜索结果 if (videos.length === 0) { info.innerHTML = ""; alert('博主尚未发布相关视频，你可以给Ta留言！'); } else { // 将结果加入ul列表中 videos.map(function (v) { ul.appendChild(v); }); info.innerHTML = `<strong style="color: red;">${vlist.length}</strong> 个视频中检索到 <strong style="color: blue;">${str}</strong> 相关视频 <strong style="color: red;">${videos.length}</strong> 个`; console.log(`检索到视频 ${videos.length} 在 ${vlist.length} 个视频中`); } // 展示完毕 } else { while (ul.hasChildNodes()) { //当ul下还存在子节点时 循环继续 ul.removeChild(ul.firstChild); } info.innerHTML = ""; } }; try { // 绑定输入框的获得焦点事件 document.getElementById('custipt').attachEvent('onfocus', loadList); // 绑定输入框回车事件 document.getElementById('custipt').attachEvent('onkeypress', function (event) { if (event.keyCode == 13) { search(); } }); // 绑定搜索按钮的点击事件 document.getElementById('custbtn').attachEvent('onclick', search); console.log('Running on IE'); } catch (e) { // 绑定输入框的获得焦点事件 document.getElementById('custipt').addEventListener('focus', loadList); // 绑定输入框回车事件 document.getElementById('custipt').addEventListener('keypress', function (event) { if (event.keyCode == 13) { search(); } }); // 绑定搜索按钮的点击事件 document.getElementById('custbtn').addEventListener('click', search); console.log('Running on ~IE'); } // 测试输出 console.info('SearchHero Running Succeed!'); console.log('欢迎使用！'); };