优化课程加载逻辑，增加等待条件处理，修复视频播放逻辑

qingshuxuetang_auto_play.user.js

@@ -15,10 +15,34 @@
 
   const url = window.location.href;
   const MIN_STUDY_SECONDS = 5 * 60;
-  const COURSEWARE_DETECT_TIMEOUT_SECONDS = 60;
+  const VIDEO_SELECTOR = "#vjs_video_3_html5_api";
-  const TEXT_COURSEWARE_SELECTOR = "#easyXDM_default2872_provider";
+  const TEXT_SELECTOR = "#easyXDM_default2872_provider";
   console.log("插件加载完成，等待界面渲染");
 
+  const waitForCondition = (getResult) => {
+    const result = getResult();
+
+    if (result) {
+      return Promise.resolve(result);
+    }
+
+    return new Promise((resolve) => {
+      const observer = new MutationObserver(() => {
+        const result = getResult();
+
+        if (result) {
+          observer.disconnect();
+          resolve(result);
+        }
+      });
+
+      observer.observe(document.documentElement, {
+        childList: true,
+        subtree: true,
+      });
+    });
+  };
+
   const parseStudySeconds = (text) => {
     const hourMatch = text.match(/(\d+)\s*小时/);
     const minuteMatch = text.match(/(\d+)\s*分钟/);
@@ -53,73 +77,62 @@
     history.back();
   };
 
-  const onPageLoad = () => {
+  const waitForCoursewareElement = () =>
+    waitForCondition(
+      () =>
+        document.querySelector(VIDEO_SELECTOR) ||
+        document.querySelector(TEXT_SELECTOR)
+    );
+
+  const onPageLoad = async () => {
     console.log("页面加载完成，开始执行脚本");
 
     if (url.includes("CourseStudy")) {
       console.log("进入准备阶段");
-      // 等待3秒后点击下一个未播放的视频
+      const items = await waitForCondition(() => {
-      setTimeout(() => {
-        // 准备阶段
         const list = document.querySelector("#list");
-        if (!list) {
+        const items = list ? list.querySelectorAll("li > a.node") : [];
-          console.error("课程列表未找到，结束脚本");
-          return;
-        }
-        const items = list.querySelectorAll("li > a.node");
-        console.log("获取到课程数量：", items.length);
 
-        if (items.length === 0) {
+        return items.length > 0 ? items : null;
-          console.error("课程数量为空，结束脚本");
+      });
+
+      console.log("获取到课程数量：", items.length);
+
+      for (const item of items) {
+        if (shouldEnterCourseware(item)) {
+          const mark = item.querySelector(".study_being");
+          const studiedSeconds = mark ? parseStudySeconds(mark.innerText) : 0;
+          console.log(
+            "点击未完成学习时长的视频：" +
+              item.querySelector(".title").innerText +
+              "，已学习：" +
+              studiedSeconds +
+              "秒"
+          );
+          item.click();
           return;
         }
-        for (const item of items) {
+      }
-          if (shouldEnterCourseware(item)) {
+      console.log("所有视频均已播放完毕，结束脚本");
-            const mark = item.querySelector(".study_being");
-            const studiedSeconds = mark ? parseStudySeconds(mark.innerText) : 0;
-            console.log(
-              "点击未完成学习时长的视频：" +
-                item.querySelector(".title").innerText +
-                "，已学习：" +
-                studiedSeconds +
-                "秒"
-            );
-            item.click();
-            return;
-          }
-        }
-        console.log("所有视频均已播放完毕，结束脚本");
-      }, 3000);
     } else if (url.includes("CourseShow")) {
       console.log("进入学习阶段");
       // 学习阶段
-      const showPageStartedAt = Date.now();
+      const coursewareElement = await waitForCoursewareElement();
+
+      if (coursewareElement.matches(TEXT_SELECTOR)) {
+        console.log("检测到文本课件，等待5分钟后返回准备页面");
+        setTimeout(() => {
+          console.log("文本课件等待完成，返回准备页面");
+          returnToStudyPage();
+        }, MIN_STUDY_SECONDS * 1000);
+        return;
+      }
+
       const videoInterval = setInterval(() => {
-        const video = document.querySelector("#vjs_video_3_html5_api");
+        const video = document.querySelector(VIDEO_SELECTOR);
 
         if (!video) {
-          const textCourseware = document.querySelector(TEXT_COURSEWARE_SELECTOR);
+          console.log("视频元素暂时不可用，继续等待");
-
-          if (textCourseware) {
-            console.log("检测到文本课件，等待5分钟后返回准备页面");
-            clearInterval(videoInterval);
-            setTimeout(() => {
-              console.log("文本课件等待完成，返回准备页面");
-              returnToStudyPage();
-            }, MIN_STUDY_SECONDS * 1000);
-            return;
-          }
-
-          if (
-            Date.now() - showPageStartedAt >
-            COURSEWARE_DETECT_TIMEOUT_SECONDS * 1000
-          ) {
-            console.error("视频和文本课件元素均未找到，结束脚本");
-            clearInterval(videoInterval);
-            return;
-          }
-
-          console.log("课件元素尚未渲染完成，继续等待");
           return;
         }