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

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,26 +77,27 @@
     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;
+        return items.length > 0 ? items : null;
-        }
+      });
-        const items = list.querySelectorAll("li > a.node");
+
       console.log("获取到课程数量：", items.length);
 
-        if (items.length === 0) {
-          console.error("课程数量为空，结束脚本");
-          return;
-        }
       for (const item of items) {
         if (shouldEnterCourseware(item)) {
           const mark = item.querySelector(".study_being");
@@ -89,20 +114,13 @@
         }
       }
       console.log("所有视频均已播放完毕，结束脚本");
-      }, 3000);
     } else if (url.includes("CourseShow")) {
       console.log("进入学习阶段");
       // 学习阶段
-      const showPageStartedAt = Date.now();
+      const coursewareElement = await waitForCoursewareElement();
-      const videoInterval = setInterval(() => {
-        const video = document.querySelector("#vjs_video_3_html5_api");
 
-        if (!video) {
+      if (coursewareElement.matches(TEXT_SELECTOR)) {
-          const textCourseware = document.querySelector(TEXT_COURSEWARE_SELECTOR);
-
-          if (textCourseware) {
         console.log("检测到文本课件，等待5分钟后返回准备页面");
-            clearInterval(videoInterval);
         setTimeout(() => {
           console.log("文本课件等待完成，返回准备页面");
           returnToStudyPage();
@@ -110,16 +128,11 @@
         return;
       }
 
-          if (
+      const videoInterval = setInterval(() => {
-            Date.now() - showPageStartedAt >
+        const video = document.querySelector(VIDEO_SELECTOR);
-            COURSEWARE_DETECT_TIMEOUT_SECONDS * 1000
-          ) {
-            console.error("视频和文本课件元素均未找到，结束脚本");
-            clearInterval(videoInterval);
-            return;
-          }
 
-          console.log("课件元素尚未渲染完成，继续等待");
+        if (!video) {
+          console.log("视频元素暂时不可用，继续等待");
           return;
         }