Greasy Fork

Greasy Fork is available in English.

咪咕奥运小助手

添加显示热门赛事比分等详细信息;切换标签时静音上一个标签,方便多赛事切换观看;屏蔽聊天室默认热词。

当前为 2021-07-30 提交的版本,查看 最新版本

// ==UserScript==
// @name         咪咕奥运小助手
// @version      0.0.0011_a
// @namespace    http://greasyfork.icu/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() {
  //去多余
  GM_addStyle('.user-guide-app , .list_box>.name{display:none!important}');

  let FilterList = [
    'slay东京',
    '这才是真正的高手',
    '奔跑自由是方向',
    '期待破纪录',
    '运动永无止境',
    'watch out',
    '见证奥林匹克精神!',
    '这水花绝了',
    '队?这就叫',
    '队?这就叫',
    '这就是压水花天',
    '军团,全力',
    '奋力一搏',
    '不留遗憾',
    '就是要拼',
    '运健儿取得',
    '决战奥运,',
    '马,卫冕东京',
    '战斗从未停止,20',
    '预祝举办成功',
    '携手破浪,冲',
    '憾,年轻就',
  ];
  let FilterReg = new RegExp(`(${FilterList.join('|')})`);

  document.querySelector('.__view>ul>div.list_item').addEventListener(
    //插入事件。'DOMSubtreeModified',
    'DOMNodeInserted',
    (e) => {
      // console.log('insert,e:', e);
      if (FilterReg.test(e.target.textContent)) {
        // console.log('block hot word');
        e.target.style.display = 'none';
      }
    },
    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];
  vedioTitle.style.display = 'none';
  const chatTitle = tabColumn.children[0];
  let chatRoom = document.querySelector('#chat');
  if (chatRoom === null) {
    chatRoom = document.querySelector('.live-review');
  }

  let scheduleTitle = GM_addElement(tabColumn, 'li', { 'data-v-66839cfa': '' });
  scheduleTitle.innerHTML = '热门赛程';
  scheduleTitle.addEventListener('click', (e) => {
    chatRoom.style.display = 'none';
    scheduleList.style.display = 'block';
    scheduleTitle.style.color = '#007AFF';
    chatTitle.style.color = '#999';
  });
  chatTitle.addEventListener('click', (e) => {
    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 {  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 ;}.scheduleItemTeams {  overflow: hidden;  font-size:1.2em;  flex: 5;}.scheduleitemScores {  flex: 1;  font-size:1.2em;  }')

  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;

        let scheduleItemGroup = GM_addElement(scheduleItem, 'div', { class: 'scheduleItemGroup' });

        //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;
      }

      // if (element.liveId === '' && element.matchInfo.quarter === '进行中') {
      // if (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);
    });

    // new Promise((resolve) => {
    //   scheduleList.innerHTML = null;
    //   resolve();
    // }).then((res) => {
    //   getSchedule(getXhrUrl(), (responseText) => {
    //     let today = getNowFormatDate();
    //     newResultObject = JSON.parse(responseText).data.matches[`${today}`].list;
    //     add_schedule(newResultObject);
    //   });
    //   return '';
    // });
  }

  //第一次获取数据
  add_schedule(resultObject);

  // 每一分钟更新数据
  // setInterval(() => {
  //   update_schedule();
  // }, 1000 * 60);


  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(),
  };
  // 数据源:sports.qq.com
  // https://app.sports.qq.com/match/list?columnId=130003&dateNum=1&flag=0&date=2021-07-30
  // https://app.sports.qq.com/match/list?columnId=130003&dateNum=1&flag=2&date=2021-07-30
  return 'https://app.sports.qq.com/match/list?' + Qs.stringify(urlData);
  // console.log(xhrUrl);
}

//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('接口请求失败'));
      }
    },
  });
}

// vedioMute();
// window.onload = chatRoomFilter;
// getSchedule();

window.onload = function myPromise() {
  new Promise((resolve, reject) => {
    vedioMute();
    chatRoomFilter;
    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);
    });
};