script.js

// ==UserScript==
// @name         清华社视听说 - 自动答题
// @namespace    http://tampermonkey.net/
// @version      0.36
// @description  解放你的双手
// @author       EpicMo
// @include      *://www.tsinghuaelt.com/*
// @icon        https://www.tsinghuaelt.com/favicon.ico
// @require     https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js
// @grant        GM_addStyle
// @grant       GM.setValue
// @grant       GM.getValue
// @grant       GM.deleteValue
// @run-at       document-start
// ==/UserScript==

(function () {
  "use strict";

  // 下方时间你可以根据你的网络情况酌情调整
  const submitDelay = 3000; // Submit 之后的等待时间
  const pageNextDelay = 5000; // 换页 之后的等待时间
  const inputDelay = 500; // 输入 之后的等待时间

  const allauto = [
    "auto_tiankong",
    "auto_luyin",
    "auto_lytk",
    "auto_roleplay",
    "auto_danxuan",
    "auto_dropchoose",
    "auto_drag",
    "auto_video",
  ];

  let vocabulary = [
    "fantastic",
    "error",
    "whatsoever",
    "arouse",
    "magnificent",
    "remarkable",
    "schoolwork",
    "ease",
    "devil",
    "factor",
    "outstanding",
    "infinite",
    "infinitely",
    "accomplish",
    "accomplished",
    "mission",
    "investigate",
    "mysterious",
    "analysis",
    "peak",
    "excellence",
    "credit",
    "responsibility",
    "amount",
    "entertain",
    "alternative",
    "irregular",
    "grant",
    "cease",
    "concentration",
    "adapt",
    "weird",
    "profit",
    "alter",
    "performance",
    "echo",
    "hallway",
    "await",
    "abortion",
    "database",
    "available",
    "indecision",
    "ban",
    "predict",
    "breakthrough",
    "fate",
    "host",
    "pose",
    "instance",
    "expert",
    "surgery",
    "naval",
    "aircraft",
    "target",
    "spoonful",
    "navigation",
    "numerous",
    "fluent",
    "mechanic",
    "advertise",
    "advertising",
    "waken",
    "enormous",
    "enormously",
    "oversleep",
    "survey",
    "best-selling",
    "filmmaker",
    "prosperous",
    "involve",
  ];
  let phrases = ["Yes, he is", "No, he isn't", "Yes", "No"];
  let getRanWord = () => {
    return vocabulary[parseInt(Math.random() * vocabulary.length)];
  };
  let getRanPhrase = () => {
    return phrases[parseInt(Math.random() * phrases.length)];
  };
  let sleep = (ms) => {
    return new Promise((resolve) => setTimeout(resolve, ms));
  };
  let click_btn = () => {
    $(".wy-course-bottom .wy-course-btn-right .wy-btn").click();
  };
  let config = {
    autodo: allauto,
    autotryerr: true,
    autostop: false,
    delay: 10000,
  };

  function input_in(e, txt) {
    if (e.type == "textarea") {
      e.value = txt;
    } else {
      e.innerText = txt;
    }

    let changeEvent = null;
    changeEvent = document.createEvent("HTMLEvents");
    changeEvent.initEvent("input", true, true);
    e.dispatchEvent(changeEvent);

    changeEvent = document.createEvent("HTMLEvents");
    changeEvent.initEvent("keyup", true, true);
    e.dispatchEvent(changeEvent);

    changeEvent = document.createEvent("HTMLEvents");
    changeEvent.initEvent("change", true, true);
    e.dispatchEvent(changeEvent);
  }

  function mouseEvent(div, type, pos) {
    var mousedown = document.createEvent("MouseEvents");

    let x = 0;
    let y = 0;
    if (pos == undefined) {
      let rect = div.getBoundingClientRect();
      x = (rect.x * 2 + rect.width) / 2;
      y = (rect.y * 2 + rect.height) / 2;
    } else {
      x = pos.x;
      y = pos.y;
    }

    mousedown.initMouseEvent(
      type,
      true,
      true,
      unsafeWindow,
      0,
      x,
      y,
      x,
      y,
      false,
      false,
      false,
      false,
      0,
      null
    );
    div.dispatchEvent(mousedown);
  }

  async function dragTo(from, to) {
    let dragBlock = $(".lib-drag-block");
    dragBlock.scrollTop(to.offsetTop - dragBlock[0].offsetTop);
    $(document).scrollTop(dragBlock[0].offsetTop);
    await sleep(100);
    mouseEvent(from, "mousedown");
    await sleep(100);
    mouseEvent(to, "mousemove");
    await sleep(10);
    mouseEvent(to, "mousemove");
    mouseEvent(to, "mousemove");
    mouseEvent(to, "mouseup");
    await sleep(100);
  }

  async function doTopic() {
    let setTixing = async (t) => {
      console.log("[+] 题型:", t);
      $("#yun_status").text("当前题型：" + t);
    };

    if (
      $(".wy-course-bottom .wy-course-btn-right .wy-btn")
        .text()
        .indexOf("Submit") == -1 &&
      $("#J_prismPlayer").length == 0
    ) {
      // $('.page-next')[1].click();
      // await sleep(pageNextDelay);
      $("#yun_status").text("当前题目已完成");
      return false;
    }

    if (
      $('img[title="录音"]').length != 0 &&
      config.autodo.includes("auto_luyin")
    ) {
      await setTixing("录音");
      await doReadRepeat();
    } else if (
      $(".lib-textarea-container, .img-blank-answer").length != 0 &&
      config.autodo.includes("auto_lytk")
    ) {
      await setTixing("听力/图片填空");
      await doListenImgAnswer();
    } else if (
      $(".lib-fill-blank-do-input-left").length != 0 &&
      config.autodo.includes("auto_tiankong")
    ) {
      await setTixing("填空");
      await doTianKone();
    } else if (
      $(".lib-single-item-img").length != 0 &&
      config.autodo.includes("auto_danxuan")
    ) {
      await setTixing("单选");
      await doSingleChoose();
    } else if (
      $(".lib-role-select-item").length != 0 &&
      config.autodo.includes("auto_roleplay")
    ) {
      await setTixing("角色扮演");
      await doRolePlay();
    } else if (
      $(".ant-select-dropdown-menu-item").length != 0 &&
      config.autodo.includes("auto_dropchoose")
    ) {
      await setTixing("下拉选择");
      await doDropChoose();
    } else if (
      $(".lib-drag-box").length != 0 &&
      config.autodo.includes("auto_drag")
    ) {
      await setTixing("托块");
      await doDrag();
    } else if (
      $("#J_prismPlayer").length != 0 &&
      config.autodo.includes("auto_video")
    ) {
      await setTixing("视频");
      await doVideo();
      await sleep(config.delay); // 挂机，增加时长
      return true;
    } else {
      await unSupposedOrSkip();
      return false;
    }

    await sleep(config.delay); // 挂机，增加时长
    click_btn(); // Submit
    return true;
  }

  // ===========================================

  // 填空题
  async function doTianKone() {
    // 先填写随机单词，获得答案

    let inputs = $(".lib-fill-blank-do-input-left");
    $.each(inputs, function (i, item) {
      input_in(item, getRanWord());
    });

    await sleep(inputDelay);
    click_btn(); // Submit
    await sleep(submitDelay);

    let answer = [],
      anyAnswer = false;
    $('.lib-edit-score span[data-type="1"]').each((i, item) => {
      if (item.innerText.toLowerCase().indexOf("vary") != -1) {
        // 任意填空
        anyAnswer = true;
        return false;
      }
      answer.push(item.innerText);
    });

    if (anyAnswer) {
      return;
    }

    click_btn(); // Retry
    await sleep(submitDelay);

    // 提交正确答案
    inputs = $(".lib-fill-blank-do-input-left");
    $(inputs).each((i, item) => {
      let ans = answer[i];
      if (answer[i].includes(";")) {
        ans = ans.split(";")[0];
      }
      input_in(item, ans);
    });

    await sleep(inputDelay);
  }

  // 录音题
  async function doReadRepeat() {
    let sum_record = 0;

    if ($(".lib-oral-container-top").length != 0) {
      var rec_div = $(".lib-oral-container-top");
    } else {
      var rec_div = $(".lib-listen-item-right-img");
    }

    rec_div.each((i, div) => {
      if ($(div).find('img[title="播放"]').length != 0) {
        return true;
      }

      let click_record = (e) => {
        console.log("click:", e);
        $(e).find('img[title="录音"],img[title="停止"]').click();
      };

      setTimeout(() => {
        click_record(div);
      }, sum_record * 5000);
      setTimeout(() => {
        click_record(div);
      }, 3000 + sum_record * 5000);
      sum_record++;
    });
    await sleep(2000 + sum_record * 5000);
  }

  // 单选题
  async function doSingleChoose() {
    let answer_map = { A: 0, B: 1, C: 2, D: 3, E: 4, F: 5 };

    // 随机选择以获得正确答案
    $(".lib-single-item-img img").click();

    await sleep(inputDelay);
    click_btn(); // Submit
    await sleep(submitDelay);

    let answer = [];
    $(".lib-single-cs-answer").each((i, item) => {
      answer.push(item.innerText);
    });

    click_btn(); // Retry
    await sleep(submitDelay);

    $(".lib-single-box").each((i, item) => {
      $($(item).find(".lib-single-item")[answer_map[answer[i]]])
        .find("img")
        .click();
    });

    await sleep(inputDelay);
  }

  // 下拉选择题
  async function doDropChoose() {
    // 随机选择以获得正确答案
    $(".ant-select-dropdown-menu-item").click();

    await sleep(inputDelay);
    click_btn(); // Submit
    await sleep(submitDelay);

    let answer = [];
    $(".wy-lib-cs-key + span").each((i, item) => {
      answer.push(item.innerText);
    });

    click_btn(); // Retry
    await sleep(submitDelay);

    $(".ant-select-dropdown-menu").each((i, div) => {
      $(div)
        .find("li")
        .each((index, item) => {
          if ($.trim(item.innerText) == answer[i]) {
            $(item).click();
            return false;
          }
        });
    });

    await sleep(inputDelay);
  }

  // 角色扮演
  async function doRolePlay() {
    $(".lib-role-select-item img")[0].click();
    $(".lib-role-select-start button").click();

    await sleep(80000);
  }

  // 听力/图片填空
  async function doListenImgAnswer() {
    let inputs = $(".lib-textarea-container, .img-blank-answer");
    $.each(inputs, function (i, item) {
      input_in(item, getRanPhrase());
    });

    await sleep(inputDelay);
  }

  // 托块
  async function doDrag() {
    let answerbox = $(".lib-drag-answer-list");
    let boxes = $(".lib-drag-box");
    for (let i = 0; i < answerbox.length; i++) {
      await dragTo(boxes[i], answerbox[i]);
    }

    await sleep(inputDelay);
    click_btn(); // Submit
    await sleep(submitDelay);

    let answer = [];
    $(".lib-drag-stu-info-answer").each((i, item) => {
      let temp = [];
      $(item)
        .find("span")
        .each((j, answer) => {
          temp.push(answer.innerText);
        });
      answer.push(temp);
    });

    click_btn(); // Retry
    await sleep(submitDelay);

    answerbox = $(".lib-drag-answer-list");
    boxes = $(".lib-drag-box");
    for (let i = 0; i < answerbox.length; i++) {
      for (const box of boxes) {
        if (
          answer[i] != undefined &&
          answer[i].includes($(box).find("span")[0].innerText)
        ) {
          await dragTo(box, answerbox[i]);
        }
      }
    }

    await sleep(inputDelay);
  }

  async function doVideo() {
    await sleep(2000);

    let player = unsafeWindow["yunPlayer"];
    if (player == undefined) {
      console.error("yunPlayer is undefined!");
      return;
    }
    player.play();
    await sleep(1000);
    player.seek(player.getDuration() - 5);
    await sleep(8000);
  }

  // 不支持体型
  async function unSupposedOrSkip(params) {
    console.log("[!]", "遇到不支持体型或未选择，自动跳过。。。");
  }
  // ===========================================

  let running = false;

  async function initConf() {
    config = await GM.getValue("config", config);

    $.each(config.autodo, (index, id) => {
      $("#" + id).prop("checked", true);
    });
    $("#set_tryerr").prop("checked", config.autotryerr);
    $("#set_manu").prop("checked", config.autostop);
    $("#set_delay").val(config.delay);
  }

  async function doLoop() {
    while (running) {
      let status = await doTopic();
      if (!status && config.autostop) {
        $("#yun_status").text("不支持当前体型, 已停止");
        break;
      }
      console.log("[*]", "已完成，切换下一题。。。");
      await sleep(submitDelay);
      $(".page-next")[1].click();
      await sleep(pageNextDelay);
    }
    $(".yunPanel button").prop("disabled", false);
    $("#yun_status").text("IDLE");
  }

  console.log("=== 视听说 - 脚本启动 ===");

  let ori_create_player = unsafeWindow["Aliplayer"];
  Object.defineProperty(unsafeWindow, "Aliplayer", {
    set: (v) => {
      ori_create_player = v;
    },
    get: () => {
      return function (config) {
        unsafeWindow["yunPlayer"] = ori_create_player(config);
        console.log("getPlayer!!!", unsafeWindow["yunPlayer"]);
        return unsafeWindow["yunPlayer"];
      };
    },
  });

  window.addEventListener("load", pageFullyLoaded);

  function pageFullyLoaded() {
    console.log("=== 视听说 - 注入窗口 ===");
    $(
      `<style>.course-main{padding-left: 0px ! important;}.yunPanel input[type="checkbox"]{margin-left: 10px;}.yunPanel h3,.yunPanel input,.yunPanel label{font-size:smaller}.yunPanel p{margin:10px 0}.yunPanel{padding:10px 20px;position:fixed;top:100px;right:150px;height:380px;width:200px;border:1px solid #000;background-color:#fcff6680;z-index:9999}.yunPanel .close{position:absolute;cursor:pointer;top:8px;right:10px}.yunPanel .close:hover{color:#00000088}</style>`
    ).appendTo("head");
    $(document.body).after(`
            <div class="yunPanel">
            <div class="close">x</div>
            <h1 style="text-align: center;font-size: medium;">社听说 - 自动答题</h1>
            <hr>
            <h2 style="font-size: small;">自动完成题型：</h2>
            <p>
                <input type="checkbox" id="auto_tiankong">
                <label for="auto_tiankong">填空</label>
                <input type="checkbox" id="auto_luyin">
                <label for="auto_luyin">录音</label>
                <input type="checkbox" id="auto_lytk">
                <label for="auto_lytk">录音填空</label>
                <input type="checkbox" id="auto_roleplay">
                <label for="auto_roleplay">角色扮演</label>
                <input type="checkbox" id="auto_danxuan">
                <label for="auto_danxuan">单项选择</label>
                <input type="checkbox" id="auto_dropchoose">
                <label for="auto_dropchoose">下拉选择</label>
                <input type="checkbox" id="auto_drag">
                <label for="auto_drag">托块</label>
                <input type="checkbox" id="auto_video">
                <label for="auto_video">视频</label>
            </p>
            <h2 style="font-size: small;">设置</h2>
            <p>
                <p>
                    <input type="checkbox" id="set_tryerr">
                    <label for="set_tryerr">自动试错</label>
                    <input type="checkbox" id="set_manu">
                    <label for="set_manu">不支持题型停止</label>
                </p>
                <label>每题耗时(ms) <input style="width: 50px;" type="text" id="set_delay"></label>
                <button id="yun_save" style="float: left;margin-top:5px;width: 48%;">保存</button>
                <button id="yun_reset" style="float: right;margin-top:5px;width: 48%;">默认</button>
                <div style="clear: both;"></div>
            </p>
            <hr>
            <h2 id="yun_status" style="font-size: small;text-align: center;margin-bottom:8px;">IDLE</h2>
            <button id="yun_doone" style="width: 100%;margin-bottom: 3px;">做一题</button>
            <button id="yun_start" style="width: 100%;">开始</button>
            </div>
        `);

    $("#yun_start").click(() => {
      if ($("#yun_start").text() == "开始") {
        $("#yun_doone").prop("disabled", true);
        running = true;
        doLoop();
        $("#yun_start").text("停止");
      } else {
        $(".yunPanel button").prop("disabled", true);
        running = false;
        $("#yun_start").text("开始");
      }
    });

    $("#yun_doone").click(() => {
      $("#yun_start").text("开始");
      running = false;
      $(".yunPanel button").prop("disabled", true);
      doTopic().then((result) => {
        $(".yunPanel button").prop("disabled", false);
        if (result) {
          $("#yun_status").text("Done!");
        }
      });
    });
    $(".yunPanel .close").click(() => {
      $(".yunPanel").hide();
    });
    $("#yun_reset").click(() => {
      GM.deleteValue("config");
      window.location.reload();
    });
    $("#yun_save").click(() => {
      config.autodo = [];
      $.each(allauto, (index, id) => {
        if ($("#" + id).prop("checked")) {
          config.autodo.push(id);
        }
      });
      config.autotryerr = $("#set_tryerr").prop("checked");
      config.autostop = $("#set_manu").prop("checked");
      config.delay = $("#set_delay").val();

      GM.setValue("config", config).then(() => {
        $("#yun_status").text("保存成功");
      });
    });

    initConf();
  }

  // Your code here...
})();