添加实时热门赛事比分等详细信息；切换标签时静音上一个标签，方便多赛事切换观看；屏蔽聊天室默认热词和报比分的弱智。
// ==UserScript==
// @name 咪咕奥运小助手——实时比赛数据立刻了解
// @version 0.0.0025_a
// @namespace https://greasyfork.org/users/58790
// @description 添加实时热门赛事比分等详细信息；切换标签时静音上一个标签，方便多赛事切换观看；屏蔽聊天室默认热词和报比分的弱智。
// @author mission522
// @license MIT
// @match https://www.miguvideo.com/mgs/website/prd/sportLive.html?mgdbId=*
// @icon https://www.google.com/s2/favicons?domain=miguvideo.com
// @require https://cdn.bootcss.com/qs/6.7.0/qs.min.js
// @connect app.sports.qq.com
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_addStyle
// @grant GM_addElement
// @grant GM_xmlhttpRequest
// ==/UserScript==
// 静音
function vedioMute() {
document.addEventListener('visibilitychange', function () {
//浏览器切换事件
const mVedioPlayer = document.querySelector('#m-player');
if (document.visibilityState == 'hidden') {
console.log('离开当前tab标签');
mVedioPlayer.muted = true; // 使音频静音
} else {
console.log('回到当前tab标签');
mVedioPlayer.muted = false; // 取消音频静音
}
});
}
//聊天室过滤,去多余信息（vip,app等）
function chatRoomFilter() {
//去多余
// console.log('here');
GM_addStyle('.user-guide-app , .list_box>.name{display:none!important}');
let filterList = [
'(\\d){1,2}(-|比|:|：|/|s)(\\d){1,2}',
'slay东京',
'这才是真正的高手',
'奔跑自由是方向',
'期待破纪录',
'运动永无止境',
// 'watch out',
'见证奥林匹克精神!',
'这水花绝了',
'队？这就叫',
'这就是压水花天',
'军团，全力',
'奋力一搏',
// '不留遗憾',
'就是要拼',
'运健儿取得',
'决战奥运，',
'马,卫冕东京',
'战斗从未停止，2020奥运会',
'预祝举办成功！',
'携手破浪，冲',
'憾，年轻就',
];
let filterReg = new RegExp(`(${filterList.join('|')})`);
document.querySelector('.__view>ul>div.list_item').addEventListener(
//插入事件。'DOMSubtreeModified',
'DOMNodeInserted',
(e) => {
// console.log('ec:', e.target.textContent, ';;;');
if (filterReg.test(e.target.textContent)) {
// e.target.style.display = 'none';
e.target.remove();
console.log('ec_block:', e.target.textContent);
}
},
false
);
}
//获取今天日期
function getNowFormatDate() {
var date = new Date();
var seperator1 = '-';
var year = date.getFullYear();
var month = date.getMonth() + 1;
var strDate = date.getDate();
if (month >= 1 && month <= 9) {
month = '0' + month;
}
if (strDate >= 0 && strDate <= 9) {
strDate = '0' + strDate;
}
var currentdate = year + seperator1 + month + seperator1 + strDate;
return currentdate;
}
// 添加赛程元素
function creatScheduleElement(resultObject) {
const tabColumn = document.querySelector('.tabColumn');
const vedioTitle = tabColumn.children[1];
if (vedioTitle != undefined) {
vedioTitle.style.display = 'none';
}
let chatRoom = document.querySelector('#chat');
if (chatRoom === null) {
//chatRoom不在，选live-review
chatRoom = document.querySelector('.live-review');
}
let scheduleTitle = GM_addElement(tabColumn, 'li', { 'data-v-66839cfa': '', title: '点击立即刷新数据' });
scheduleTitle.innerHTML = '热门赛程';
scheduleTitle.addEventListener('click', (e) => {
chatRoom.style.display = 'none';
scheduleList.style.display = 'block';
scheduleTitle.style.color = '#007AFF';
chatTitle.style.color = '#999';
});
let chatTitle = tabColumn.children[0];
if (chatTitle === null || (chatTitle.innerHTML !== '聊天室' && chatTitle.innerHTML !== '精彩回顾')) {
chatTitle = GM_addElement(tabColumn, 'li', { 'data-v-66839cfa': '' });
chatTitle.innerHTML = '聊天室';
GM_addStyle('.vipInfo{ display:none;}');
}
chatTitle && chatTitle.addEventListener('click', switchToChatroom);
function switchToChatroom() {
chatRoom.style.display = 'block';
scheduleList.style.display = 'none';
chatTitle.style.color = '#007AFF';
scheduleTitle.style.color = '#999';
}
let rightBox = document.querySelector('.right-box');
let scheduleList = GM_addElement(rightBox, 'ul', { class: 'scheduleList', style: 'display: none;' });
//样式
GM_addStyle(
'::-webkit-scrollbar { width: 6px}::-webkit-scrollbar-thumb { border-radius: 10px; background: #555555;}.right-box { background-color: #333;}.scheduleList { padding: 0 1rem; height: 382px; overflow-y: scroll; color: white;}.scheduleItem { min-height: 5rem; color: #fcf7f7; font-size: 12px; padding: .3rem .1rem; border-bottom: .5px solid #969ba3 ;}.scheduleItemGroup{ display: flex; flex-direction: row; align-items: center; text-align:left;}.scheduleItemMatch { padding: .5em 0; color:#969ba3 ; box-sizing:border-box;height:30px;}.scheduleItemTeams { overflow: hidden; font-size:1.2em; flex: 8; cursor: pointer;}.scheduleitemScores { flex: 1; font-size:1.2em; }'
);
//去vip条，加回高度
GM_addStyle(
'@media screen and (max-width: 1680px) { .vipInfo { display: none; } .scheduleList, .live-review .review .review-content { height: 440px!important; } .chat .room-content[data-v-9945c5b2] { height: 380px!important; }}'
);
function add_schedule(obj) {
// console.log('add_schedule');
obj.forEach((element) => {
let matchInfo = element.matchInfo;
function add_scheduleItem() {
let scheduleItem = GM_addElement(scheduleList, 'li', { class: 'scheduleItem' });
//match
let scheduleItemMatch = GM_addElement(scheduleItem, 'div', { class: 'scheduleItemMatch' });
// scheduleItemMatch.innerHTML = matchInfo.cnSportName + matchInfo.cnGenderName + matchInfo.cnEventName + matchInfo.cnPhaseName;
scheduleItemMatch.innerHTML = matchInfo.matchDesc;
// 添加图标
let icon = {
isChina:
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABNVBMVEVHcEzhKBLgKRLeKhLfKBLgJxLgKBLeKBLhJxLhJxHeKRLgJxHdLhPgPBXhLhPdURffRRXeLRHgfR3fKRHcNxbhYh7eQRfeMA7hKxPjdB7bMRHhJxDhKRHgLQ3gRBjZLxLfPBXeMhPbOxbgMRThLBPcVxjfaB3fNBPeKBHdLBLaSBneORTdKRHfKg/dKw3dLhLgKQ3dQxTgKA/cLRLfKgzdKBLcSRffWhbhKQzeLQ/ePxPdLhHbMxPeLRLbRRLbKhLeWRTcMxLdLRLdKhLqnA7cPRDdKxLbNxX0xw372QbeUxbcThXgVBHdXRPsqhP3zgrmfhXfOBLrlxbeSxHnhxPeMxLeKRDytw3wrxHhMRLdMBLnlBfiTRPtog/dKRPdThfcKhLaMxTcKRLdYhvdSBbgbxnaMxPoqwMqAAAAAXRSTlMAQObYZgAAALRJREFUGNNjYEAH7HCQkAQiIQJuzuxcickpcVAB5iivUBautNR4a00WkIBtoE9QTCRzmJONlhITCwO7vXd0uH9EgDsbh7aaqqw0A7upo6+HZ2ywJQeHirqiDCdQi7Gdn0uIlREHh7KcmAQHUEDfzMHV3JCVlU1BUpQPJKCjZ2JhoMvOLi8lLsgIEmDX4AQCJhEhfmE2DrAAOwsHBwcjjwAvNwdUgB3I4GDl5ORAEYACTAF0AACPpxf6y2UvAwAAAABJRU5ErkJggg==',
isGold:
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAACZ1BMVEVHcEzubUjuxojsYUP0b07rYkHrbEfzfFDwcUvzfU/78szPn2Dfr3Dnv3D925nvv4D232fw0HHvzpv135PjuXr15aHvz4/y3qXfr3D33Y/u16Drw4Dty3DpUjzwyZHPl1jspGT14arkvmv65JjPnlvZrmTDi0j44Xb65aDFikrDiUjEi0n5s2X8wW7qWD7x2Jjx1pfpVz3/2p/o0JLixYXmv3Dryof21pvivnjnyobw2n3lym/tZUT04KLdvmbcvGzxdkzva0fwcEn14oLt1nn034H46cHoz4Ls03fyd0314YLt1Xn864rv26Tq0HXs1JLq0nb66Yjo0oTkxnHmynDy3p3rWz/qWj/ywYvmzYbuakb35ITrX0HpVDzz4an76Lbvy4/wjVX35YXy3X7257nmzH3jx23gwm32333iwnjdvHrqXT/tzITtZkXp0IXpy4Tq0pn76r7fwWjs1IT78Lfy3X/44LLp0I7bu2Tjxmz977vTtUf12Kvto2Djwn757bTv2Xvp0HTwcUrev2bz2E3py5Tlyonx2Z3z5KjoyX7647Przn3hv3fs0Ij04JbwqGPqWD7y1Jzev2v347HYunHznmfsYELy3aDoVzzpzI3q0XXr1ZP1453657bp0pzev2f33lru0J/dvXXiyobgv3XpWj7467HoznPu253lyXjtt3rVt0725azkyG7u1pPZt2DtY0Pz1Zns2Zr23pj65n7y4qX44prr0Zfo05Lua0fqWj72ypTt1ZLrXUDo0IPueEzrXkHtbkfrunzsZEPhw2rn0I3q0JPw2pnr04jbwWXixX3nz4XexW22FZx5AAAAOnRSTlMA9NihF3Xaw0SX9xAQgI8Q/dDe4aPxEOBAysZA4CLAIMr0v/CrsEDz/jCAcKuVtv79iWDUulDOqaHfyEwpxgAAAQVJREFUGNNj4PRs2mlzQI+BwXDvhignB3YGFsbcabsO79fRPbh0QoyNIwcDA2tY9tTdh/QNVvUnxoYzMwABW0Th5D371k2PT6idIQsSYHKLzLOd02cbVz1TAcTn5fJ1D01OirYqnr3a2BQoIJUS5O/h6hNYOmvl0ZMWQAHx9tRgPytnr4blR06dMWFgkBbt7Uy3DnDxblxrZ3/akoFBTLg7s6AoLcS6cv76YyfMgFokM/Kz2iY121XYz1tz3BwowCeQ0zpl0ZKeuvKSuYpGQAF+wZaJCxfvWNFRX1UmB3IHg4TMgo3bN21d1lUjxAMWYJBXUt+yeZuGsgg3AwyoaamqaGuCmQAaOFMafK95jQAAAABJRU5ErkJggg==',
};
GM_addStyle('.scheduleItemIcon{display: inline; padding-left:3px; width:12px; vertical-align:middle;}');
if (matchInfo.isChina == 1) {
// console.log(`${matchInfo.matchDesc}:${matchInfo.isChina}`);
GM_addElement(scheduleItemMatch, 'img', { class: 'scheduleItemIcon', src: icon.isChina });
}
if (matchInfo.isGold == 1) {
// console.log(`${matchInfo.matchDesc}:${matchInfo.isGold}`);
GM_addElement(scheduleItemMatch, 'img', { class: 'scheduleItemIcon', src: icon.isGold });
}
let scheduleItemGroup = GM_addElement(scheduleItem, 'div', { class: 'scheduleItemGroup', title: '点击立即刷新数据' });
//time
let scheduleItemTime = GM_addElement(scheduleItemGroup, 'div', { class: 'scheduleItemTime' });
// scheduleItemTime.innerHTML = matchInfo.startTime;
//Teams
let scheduleItemTeams = GM_addElement(scheduleItemGroup, 'div', { class: 'scheduleItemTeams' });
let scheduleItemTeam1 = GM_addElement(scheduleItemTeams, 'div', { class: 'scheduleItemTeam' });
scheduleItemTeam1.innerHTML = matchInfo.leftName;
let scheduleItemTeam2 = GM_addElement(scheduleItemTeams, 'div', { class: 'scheduleItemTeam' });
scheduleItemTeam2.innerHTML = matchInfo.rightName;
//Score
let scheduleItemScores = GM_addElement(scheduleItemGroup, 'div', { class: 'scheduleitemScores' });
let scheduleItemScore1 = GM_addElement(scheduleItemScores, 'div', { class: 'scheduleitemScore' });
scheduleItemScore1.innerHTML = matchInfo.leftGoal;
let scheduleItemScore2 = GM_addElement(scheduleItemScores, 'div', { class: 'scheduleitemScore' });
scheduleItemScore2.innerHTML = matchInfo.rightGoal;
//详细数据获取按钮
// console.dir(scheduleItemTeams);
scheduleItemTeams.addEventListener('click', () => {
detailUrl = `https://app.sports.qq.com/TokyoOly/statDetail?mid=${matchInfo.mid}`;
getStatsDetail(detailUrl, scheduleItem);
});
}
if (element.liveId === '' && element.matchInfo.quarter !== '') {
// if (element.liveId === '') {
add_scheduleItem();
}
});
}
function update_schedule() {
let newResultObject = {};
scheduleList.innerHTML = null;
getSchedule(getXhrUrl(), (responseText) => {
let today = getNowFormatDate();
newResultObject = JSON.parse(responseText).data.matches[`${today}`].list;
add_schedule(newResultObject);
});
}
//第一次获取数据
add_schedule(resultObject);
// 每3分钟更新数据
setInterval(() => {
update_schedule();
}, 1000 * 60 * 3);
scheduleTitle.addEventListener('click', update_schedule);
}
function getXhrUrl() {
let urlData = {
// 130003热门
columnId: 130003,
dateNum: 1,
flag: 2,
// sportID:null,
// venueID:null,
// nocID:null,
// parentChildType:1,
date: getNowFormatDate(),
};
return 'https://app.sports.qq.com/match/list?' + Qs.stringify(urlData);
}
//xhr获取赛程信息
function getSchedule(url, success, fail) {
// 执行xhr
GM_xmlhttpRequest({
method: 'GET',
url: url,
onload: (result) => {
if (result.readyState === 4 && result.status === 200) {
success && success(result.responseText);
} else {
fail && fail(new Error('接口请求失败'));
}
},
});
}
function getStatsDetail(url, parentElement) {
function addDetailElement(responseText) {
let response = JSON.parse(responseText);
let stats = '';
//删掉原来的
if (parentElement.lastChild.classList[0] === 'statsTable') {
parentElement.lastChild.remove();
}
let statsTable = GM_addElement(parentElement, 'table', { class: 'statsTable' });
if (response.code === 4) {
return (statsTable.innerHTML = '暂无数据');
} else {
stats = response.data.stats['0'];
// console.dir(stats);
}
// statsTable.innerHTML = stats['0'];
let statsTbody = GM_addElement(statsTable, 'tbody', { class: 'statsTbody' });
for (let i = 0; i < stats.rowCount; i++) {
let statsTr = GM_addElement(statsTable, 'tr', { class: 'statsTr' });
for (let j = 0; j < stats.rows[i].length; j++) {
let statsTd = GM_addElement(statsTr, 'td', { class: 'statsTd' });
// console.log(`i:${i},j:${j}`);
statsTd.innerHTML = stats.rows[i][j].html;
}
}
GM_addStyle(
'.statsTable { text-align: left; margin: 2px 0; min-width: 3.75rem; border-collapse: separate; font-size: 12px;}.scheduleItemGroup { padding-bottom: 10px;}.statsTr { border-bottom: 1px solid #f5f5f5;}.statsTd { min-width: 5em; white-space: normal; text-align: left; padding-right: .5em; padding-bottom:.5em; overflow: hidden;}'
);
}
getSchedule(url, addDetailElement);
}
window.onload = function myPromise() {
new Promise((resolve, reject) => {
vedioMute();
setTimeout(() => {
chatRoomFilter();
}, 300);
resolve();
})
.then((res) => {
getSchedule(getXhrUrl(), (responseText) => {
let today = getNowFormatDate();
let responseDataList = JSON.parse(responseText).data.matches[`${today}`].list;
creatScheduleElement(responseDataList);
});
return new Promise((resolve, reject) => {
resolve('end');
});
})
.then((res) => {
// console.log(res);
});
};