☰

江西职培在线网课助手

江西职培在线自动化助手

// ==UserScript==
// @name         江西职培在线网课助手
// @namespace    jiangxizhipeizaixian
// @version      1.1
// @description  江西职培在线自动化助手
// @author       Nanako660
// @match        https://jiangxi.zhipeizaixian.com/study/video*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=zhipeizaixian.com
// @require      https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js
// @grant        GM_xmlhttpRequest
// @grant        GM_log
// @grant        GM_notification
// @grant        GM_setValue
// @grant        GM_getValue
// @connect      furina.one
// @license      MIT
// ==/UserScript==
(function () {
    'use strict';

    // #region 全局配置
    // 自动播放视频
    var isAutoPlay = GM_getValue('isAutoPlay', true);
    // 自动下一节
    var isAutoNext = GM_getValue('isAutoNext', true);
    // 自动跳转最新课程
    var isAutoJump = GM_getValue('isAutoJump', true);
    // 自动过人机验证
    var isAutoVerify = GM_getValue('isAutoVerify', false);
    // 自动发送邮件通知
    var isEmailNotice = GM_getValue('isEmailNotice', true);
    // 主循环间隔
    var mainLoopInterval = GM_getValue('mainLoopInterval', 1000);
    // 调试模式
    var isDebug = GM_getValue('isDebug', false);
    // 邮件地址
    var localEmail = GM_getValue('localEmail', null);
    // #endregion

    // #region 常量
    // 人机验证弹窗class
    const POP_WINDOWS_CLASS = '.zhipei-modal-content';
    // 验证码弹窗特征class
    const CODE_CLASS = '.code_box___32BrH';
    // 人脸弹窗特征class
    const FACE_CLASS = '.video_box___2zomT';
    // 标题class
    const TITLE_CLASS = '.header_box_title___1INxv';
    // 视频控件class
    const VIDEO_ID = 'J_prismPlayer';
    // 目录class
    const CONTENTS_CLASS = '.content_box___1fOQp';
    // 目录子项class
    const CONTENTS_ITEM_CLASS = '.content_box_wrap___ZdoU3';
    // 目录子项标题class
    const CONTENTS_ITEM_TITLE_CLASS = '.units_title___1Js-7';
    // 目录子项时长class
    const CONTENTS_ITEM_DURATION_CLASS = '.time_box___1PlPI';
    // 目录子项链接class
    const CONTENTS_ITEM_LINK_CLASS = 'a.units_wrap_box___1ncip';
    // 目录子项完成状态class
    const CONTENTS_ITEM_STATUS_CLASS = '.anticon-check-circle';
    // 课程下一节按钮class
    const NEXT_BUTTON_CLASS = '.next_button___YGZWZ';
    // 邮箱发送API
    const EMAIL_API_URL = 'https://furina.one/api/email.php';
    // #endregion

    // #region 标志位
    var isPopWindows = false;

    const FinishType = {
        NOT_FINISH: 0,
        FINISHED: 1,
        UPPER_LIMIT: 2
    };
    var finishType = FinishType.NOT_FINISH;

    // 验证类型
    const VerifyType = {
        NONE: 0,
        CODE: 1,
        FACE: 2
    };
    var verifyType = VerifyType.NONE;
    // #endregion

    // #region 全局变量
    // 主循环
    var MainLoop;

    // 获取视频控件
    var checkVideoInterval;

    // 全局悬浮窗
    var shadowWindows;

    var updateDebugInfoInterval;
    // #endregion

    /**
    * 打印调试信息
    * @param {string} message - 要打印的消息
    */
    function print(message) {
        if (isDebug) {
            console.log(message);
        }
    }

    // 等待视频加载完成
    checkVideoInterval = setInterval(function () {
        if (getVideo()) {
            Main();
            clearInterval(checkVideoInterval);
        }
    }, 1000);

    function Main() {
        print("职培在线网课助手脚本开始运行...");

        if (isAutoJump) {
            autoJumpToLatestCourse();
        }

        // 创建信息悬浮窗
        createFloatingWindow();

        // 主循环
        mainLoop();
    }

    function mainLoop() {
        MainLoop = setInterval(function () {

            if (finishType === FinishType.FINISHED || finishType === FinishType.UPPER_LIMIT) {
                alert("当前课程已完成或者每日学习时长已达8小时上限，脚本停止执行...");
                clearInterval(MainLoop);
                return;
            }

            // 更新调试信息
            if (isDebug) {
                updateDebugInfo();
            }

            // 检测弹窗
            let popWindows = getPopWindows();
            if (isPopWindows) {
                print("等待人机验证...");
                if (!popWindows) {
                    isPopWindows = false;
                    print("人机验证完成，继续播放视频...");
                    window.location.reload();
                }
                return;
            }
            if (popWindows) {
                isPopWindows = true;
                checkPopWindowsType(popWindows);

                // 截取弹窗并发送邮件
                if (isEmailNotice) {
                    setTimeout(() => {
                        sendNoticeEmail(POP_WINDOWS_CLASS);
                    }, 3000);
                }
            }

            // 视频播放完毕，自动播放下一节
            if (isAutoNext) {
                let video = getVideo();
                if (video.currentTime >= video.duration) {
                    getNextButtonAndClick();
                    return;
                }
            }

            // 自动播放视频
            if (isAutoPlay && !isPopWindows) {
                let video = getVideo();
                if (video.paused) {
                    print("视频暂停，尝试继续播放...");
                    video.volume = 0;
                    video.play();
                }
            }
        }, mainLoopInterval);
    }

    function getPopWindows() {
        var popWindows = document.querySelector(POP_WINDOWS_CLASS)
        if (popWindows) {
            return popWindows;
        }
        return null;
    }

    function checkPopWindowsType(popWindows) {
        let code = popWindows.querySelector(CODE_CLASS);
        let face = popWindows.querySelector(FACE_CLASS);
        if (code) {
            verifyType = VerifyType.CODE;
            print("获取到人机验证弹窗，类型为验证码验证...");
            print(code.querySelector('img').src);
        } else if (face) {
            verifyType = VerifyType.FACE;
            print("获取到人机验证弹窗，类型为人脸验证...");
        } else {
            finishType = FinishType.UPPER_LIMIT;
            print("今日学习时长已达8小时上限...");
        }
    }

    function sendNoticeEmail(item = null) {
        let title;
        if (verifyType === VerifyType.CODE) {
            title = "验证码验证";
        } else if (verifyType === VerifyType.FACE) {
            title = "人脸验证";
        } else {
            print("无弹窗，不发送邮件通知。");
            return;
        }
        captureScreenshot(item).then(dataURL => {
            let subject = `江西职培在线网课助手${title}弹窗通知`;
            let lvideo = getVideo();

            let message = `
            <div style="font-family: Arial, sans-serif; color: #333; line-height: 1.6;">
                <h2 style="color: #4CAF50; border-bottom: 2px solid #4CAF50; padding-bottom: 5px;">
                    江西职培在线网课助手 - ${title}弹窗通知
                </h2>

                <p>课程信息：</p>

                <table style="width: 100%; border-collapse: collapse; margin-top: 15px;">
                    <tr>
                        <td style="padding: 8px; border: 1px solid #ddd; background-color: #f9f9f9; width: 30%;">
                            <strong>课程标题：</strong>
                        </td>
                        <td style="padding: 8px; border: 1px solid #ddd;">${getTitle()}</td>
                    </tr>
                    <tr>
                        <td style="padding: 8px; border: 1px solid #ddd; background-color: #f9f9f9;">
                            <strong>视频时长：</strong>
                        </td>
                        <td style="padding: 8px; border: 1px solid #ddd;">${lvideo.duration.toFixed(0)} 秒</td>
                    </tr>
                    <tr>
                        <td style="padding: 8px; border: 1px solid #ddd; background-color: #f9f9f9;">
                            <strong>已看时长：</strong>
                        </td>
                        <td style="padding: 8px; border: 1px solid #ddd;">${lvideo.currentTime.toFixed(0)} 秒</td>
                    </tr>
                </table>

                <p style="margin-top: 20px;">${title}弹窗截图：</p>
                <div style="text-align: center; margin: 20px 0;">
                    <img src="${dataURL}" alt="人${title}弹窗截图" style="max-width: 100%; border: 1px solid #ddd; padding: 5px; background-color: #f9f9f9;" />
                </div>

                <p>请尽快处理${title}弹窗，以免影响课程进度！</p>
                <p style="color: #777; font-size: 12px;">
                    此邮件由江西职培在线网课助手自动发送，如有反馈可直接回复邮件，请勿泄露个人信息。
                </p>
            </div>
            `;
            //print(dataURL);
            sendEmail(localEmail, subject, message);
        });
    }

    function getNextButtonAndClick() {
        var nextButton = document.querySelector(NEXT_BUTTON_CLASS);
        if (nextButton) {
            print("当前视频播放完毕，尝试自动播放下一节...");
            nextButton.click();
        }
    }

    function autoJumpToLatestCourse() {
        var checkCourse = setInterval(() => {
            print("检测当前课程是否完成...");
            var contents = getContents();
            if (contents) {
                checkCurrentCourceIsCompleted(getContentsData(contents), true);
                clearInterval(checkCourse);
            }
        }, 1000);
    }

    function getTitle() {
        var title = document.querySelector(TITLE_CLASS);
        if (title) {
            return title.innerText;
        }
        return null;
    }

    /**
    * 获取页面中的视频元素
    * @returns {HTMLVideoElement|null} 返回视频元素，如果未找到视频元素，则返回 null。
    */
    function getVideo() {
        const videoContainer = document.getElementById(VIDEO_ID);
        if (!videoContainer) return null;

        const video = videoContainer.querySelector('video');
        return video || null;
    }

    function createFloatingWindow() {
        var floatingWindow = document.createElement('div');
        shadowWindows = floatingWindow.attachShadow({ mode: 'open' });

        // 添加样式
        var style = document.createElement('style');
        style.textContent = `
        #contentContainer {
            max-height: 50vh;
            overflow-y: auto;
            #padding: 10px;
            #border: 1px solid #ccc;
        }
        #debugWindow {
            position: fixed;
            top: 80px;
            right: 10px;
            background-color: #f0f0f0;
            color: #333;
            padding: 20px;
            border-radius: 15px;
            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
            z-index: 9999;
            #cursor: move;
            width: 320px;
            font-family: Arial, sans-serif;
            user-select: none;
        }
        h4 {
            margin-top: 0;
            margin-bottom: 10px;
            font-size: 18px;
            font-weight: bold;
            color: #444;
        }
        h3 {
            margin-top: 0;
            margin-bottom: 10px;
            font-size: 16px;
            font-weight: bold;
            color: #444;
        }
        p {
            margin: 8px 0;
            font-size: 14px;
            line-height: 1.5;
        }
        .func {
            margin: 8px 0;
            font-size: 15px;
            font-weight: bold;
            line-height: 1.2;
            color: #66ccff;
        }
        .highlight {
            margin: 8px 0;
            font-size: 16px;
            font-weight: bold;
            line-height: 1.5;
            color: red;
        }
        input[type="email"] {
            width: calc(100% - 100px);
            padding: 5px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
        button {
            margin-top: 10px;
            margin-bottom: 10px;
            padding: 5px 10px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
        }
        button:hover {
            background-color: #0056b3;
        }
        label {
            display: flex;
            align-items: center;
            #margin-bottom: 10px;
            font-size: 14px;
        }
        label input[type="checkbox"] {
            margin-right: 10px;
        }
        #debugContent {
            display: none;  /* 默认隐藏调试信息内容 */
        }
        `;
        shadowWindows.appendChild(style);

        // 添加内容
        var content = document.createElement('div');
        content.id = 'debugWindow';
        content.innerHTML = `
        <div id="contentContainer">
            <h3 id='title'>职培在线网课助手</h4>
            <h4>功能列表：</h3>
            <label>
                <p class="func">🔇 静音后台自动播放</p>
                <input type="checkbox" id="autoPlay" /> 
            </label>
            <label>
                <p class="func">⏭️ 自动播放下一节</p>
                <input type="checkbox" id="autoNext" /> 
            </label>
            <label>
                <p class="func">🛫 自动跳转最新节</p>
                <input type="checkbox" id="autoJump" /> 
            </label>
            <label">
                <p class="func">
                    <del>🤖 自动过人机验证</del>
                    <input type="checkbox" id="autoVerify" disabled /> 
                </p>
            </label>
            <label>
                <p class="func">📧 邮件提醒人机验证</p>
                <input type="checkbox" id="emailNotice" /> 
            </label>
            <h4>使用说明：</h4>
            <p class="highlight">填写邮箱用于接收人机验证通知邮件</p1>
            <p class="highlight">推荐使用QQ邮箱，手机下载QQ邮箱App设置通知优先级为高，以免错过通知</p>
            <p class="highlight"></p>
            <h4>配置信息：</h4>
            <p>邮箱地址：</p>
            <div></div>
            <input type="email" id="emailInput" placeholder="输入邮箱地址" />
            <div></div>
            <button id="saveEmail">保存邮箱</button>
            <div></div>
            <label>
                DebugMode <input type="checkbox" id="debugMode" /> 
            </label>
            <div id="debugContent">
                <h4>调试信息</h4>
                <div id="debugInfo">初始化调试信息...</div>
                <h4>调试按钮</h4>
                <p class="highlight">调试用，没事别乱点</p>
                <button id="backMyClass">返回我的班级</button>
                <div></div>
                <button id="testButton1">测试按钮1</button>
            </div>
        </div>
        `;
        shadowWindows.appendChild(content);

        // 将浮动窗口添加到文档中
        document.body.appendChild(floatingWindow);

        // 获取页面元素
        let autoPlay = shadowWindows.querySelector('#autoPlay');
        let autoNext = shadowWindows.querySelector('#autoNext');
        let autoJump = shadowWindows.querySelector('#autoJump');
        let autoVerify = shadowWindows.querySelector('#autoVerify');
        let emailNotice = shadowWindows.querySelector('#emailNotice');
        let emailInput = shadowWindows.querySelector('#emailInput');
        let saveEmailButton = shadowWindows.querySelector('#saveEmail');
        let debugMode = shadowWindows.querySelector('#debugMode');
        let debugContent = shadowWindows.querySelector('#debugContent');
        let backMyClassButton = shadowWindows.querySelector('#backMyClass');
        let testButton1 = shadowWindows.querySelector('#testButton1');

        // 初始化状态
        autoPlay.checked = isAutoPlay;
        autoNext.checked = isAutoNext;
        autoJump.checked = isAutoJump;
        autoVerify.checked = isAutoVerify;  // 自动过人机验证功能暂时关闭
        emailNotice.checked = isEmailNotice;

        shadowWindows.querySelector('#debugMode').checked = isDebug;
        let savedEmail = localEmail;
        emailInput.value = savedEmail;
        debugContent.style.display = isDebug ? 'block' : 'none';

        // 监听复选框状态变化
        autoPlay.addEventListener('change', function () {
            isAutoPlay = this.checked;
            GM_setValue('isAutoPlay', isAutoPlay);
        });

        autoNext.addEventListener('change', function () {
            isAutoNext = this.checked;
            GM_setValue('isAutoNext', isAutoNext);
        });

        autoJump.addEventListener('change', function () {
            isAutoJump = this.checked;
            GM_setValue('isAutoJump', isAutoJump);
            if (this.checked) {
                autoJumpToLatestCourse();
            }
        });

        autoVerify.addEventListener('change', function () {
            isAutoVerify = this.checked;
            GM_setValue('isAutoVerify', isAutoVerify);
        });

        emailNotice.addEventListener('change', function () {
            isEmailNotice = this.checked;
            GM_setValue('isEmailNotice', isEmailNotice);
        });

        debugMode.addEventListener('change', function () {
            isDebug = this.checked;
            GM_setValue('isDebug', isDebug);
            shadowWindows.querySelector('#debugContent').style.display = isDebug ? 'block' : 'none';
        });

        saveEmailButton.addEventListener('click', function () {
            var email = emailInput.value.trim();
            if (email) {
                GM_setValue('localEmail', email);
                alert('邮箱地址已保存!');
            } else {
                alert('请输入有效的邮箱地址!');
            }
        });

        backMyClassButton.addEventListener('click', function () {
            window.location.href = 'https://admin-jiangxi.zhipeizaixian.com/train-center/mine/student/subPages/student/class';
        });

        testButton1.addEventListener('click', function () {
            //checkCurrentCourceIsCompleted(true);
            sendNoticeEmail();
        });
    }

    function makeDraggable(element) {
        var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
        element.onmousedown = dragMouseDown;

        function dragMouseDown(e) {
            e = e || window.event;
            e.preventDefault();
            pos3 = e.clientX;
            pos4 = e.clientY;
            document.onmouseup = closeDragElement;
            document.onmousemove = elementDrag;
        }

        function elementDrag(e) {
            e = e || window.event;
            e.preventDefault();
            pos1 = pos3 - e.clientX;
            pos2 = pos4 - e.clientY;
            pos3 = e.clientX;
            pos4 = e.clientY;

            // 计算新的位置
            var newTop = element.offsetTop - pos2;
            var newLeft = element.offsetLeft - pos1;

            // 限制拖动范围，避免拖出屏幕
            var minLeft = 0;
            var minTop = 0;
            var maxLeft = window.innerWidth - element.offsetWidth;
            var maxTop = window.innerHeight - element.offsetHeight;

            // 限制 left 和 top 的最小最大值
            newLeft = Math.max(minLeft, Math.min(newLeft, maxLeft));
            newTop = Math.max(minTop, Math.min(newTop, maxTop));

            // 设置窗口的新位置，并保持固定宽度
            element.style.top = newTop + "px";
            element.style.left = newLeft + "px";
            element.style.width = '300px';  // 强制宽度固定，避免拖动时缩小
        }

        function closeDragElement() {
            document.onmouseup = null;
            document.onmousemove = null;
        }
    }

    function updateDebugInfo() {
        var video = getVideo();
        if (video) {
            var debugInfo = shadowWindows.getElementById('debugInfo');
            var info = `
                <strong>视频标题:</strong> ${getTitle()} <br>
                <strong>视频时长:</strong> ${video.duration.toFixed(0)} 秒 <br>
                <strong>播放时间:</strong> ${video.currentTime.toFixed(0)} 秒 <br>
                <strong>播放倍速:</strong> ${video.playbackRate}x <br>
                <strong>播放状态:</strong> ${video.paused ? '暂停' : '播放中'} <br>
                <strong>音量:</strong> ${Math.round(video.volume * 100)} % <br>
            `;
            debugInfo.innerHTML = info;
        }
    }

    function getContents() {
        var contents = document.querySelector(CONTENTS_CLASS);
        return contents;
    }

    function getContentsData(contents) {
        var result = {};

        if (contents) {
            print("成功获取目录父级元素");

            // 获取所有子元素
            var childElements = contents.querySelectorAll(CONTENTS_ITEM_CLASS);
            if (childElements.length > 0) {
                print('开始解析目录子集元素...');
                var parsedData = []; // 存储解析后的数据

                childElements.forEach(function (childElement, index) {
                    // 解析每个子元素的信息
                    var title = childElement.querySelector(CONTENTS_ITEM_TITLE_CLASS)?.textContent || '未找到标题';
                    var time = childElement.querySelector(CONTENTS_ITEM_DURATION_CLASS)?.textContent || '未找到时长';
                    var link = childElement.querySelector(CONTENTS_ITEM_LINK_CLASS)?.href || '未找到链接';
                    var completed = childElement.querySelector(CONTENTS_ITEM_STATUS_CLASS) ? '已完成' : '未完成';

                    // 将解析的信息存储在对象中
                    var item = {
                        index: index + 1,
                        title: title,
                        time: time,
                        link: link,
                        completed: completed
                    };

                    // 将对象添加到数组中
                    parsedData.push(item);
                });

                // 将解析后的数据存储在结果对象中
                result.data = parsedData;
            } else {
                print("未找到目录子元素");
                result.data = [];
            }
        } else {
            print("未找到目录父级元素");
            result.data = [];
        }

        return result.data;
    }

    // 查找第一个未完成的课程
    function findFirstIncompleteCourse(contents) {
        for (let element of contents) {
            if (element.completed === '未完成') {
                return element;  // 返回第一个未完成的课程对象
            }
        }
        return null;  // 如果没有未完成的课程，返回 null
    }

    /**
    * 检查当前课程是否已完成
    * @param {Array} contents - 课程目录数组
    * @param {boolean} autoNext - 如果为 true，且课程已完成，则自动跳转到下一个未完成的课程
    * @returns {boolean} - 返回当前课程是否已完成
    */
    function checkCurrentCourceIsCompleted(contents, autoNext = false) {
        // 获取当前页面的标题
        let currentTitle = getTitle();

        // 查找与当前标题匹配的课程
        let currentCourse = contents.find(element => element.title === currentTitle);

        if (currentCourse) {
            print(`检查当前课程是否已完成：${currentCourse.title}：${currentCourse.completed}`);
            if (currentCourse.completed === '已完成' && autoNext) {
                let nextCourse = findFirstIncompleteCourse(contents);
                if (nextCourse) {
                    print(`跳转到未完成的课程：${nextCourse.title}`);
                    window.location.href = nextCourse.link;  // 跳转到第一个未完成课程的链接
                }
                else {
                    print("所有课程已完成！");
                    finishType = FinishType.FINISHED;
                }
            }
            return currentCourse.completed === '已完成';
        }

        return false;  // 如果未找到当前课程，返回 false
    }

    /**
     * 发送邮件
     * @param {string} recipient - 收件人邮箱地址
     * @param {string} subject - 邮件主题
     * @param {string} message - 邮件内容
     * @param {string} image - 图片路径、URL或base64编码，可选
     */
    function sendEmail(recipient, subject, message, image = null) {
        // 检查收件人邮箱地址是否为空
        if (!recipient) {
            print("邮件通知发送失败，邮箱地址不正确！");
            alert("邮件通知发送失败，邮箱地址不正确！");
            return;
        }

        // 如果图片存在
        if (image) {
            // 检查是否是base64编码
            if (image.startsWith('data:image/')) {
                // 图片是base64编码
                message += `<br><img src="${image}" alt="邮件图片" />`;
            } else if (image.startsWith('http://') || image.startsWith('https://')) {
                // 图片是URL
                message += `<br><img src="${image}" alt="邮件图片" />`;
            } else {
                print("图片路径无效！");
                return;
            }
        }

        // 邮件发送数据
        const emailData = {
            recipient: recipient,
            subject: subject || "默认主题", // 如果没有提供主题，使用默认主题
            message: message || "默认内容" // 如果没有提供内容，使用默认内容
        };

        // 将emailData转换为JSON字符串
        const jsonData = JSON.stringify(emailData);

        // 调用PHP接口的URL
        const apiUrl = EMAIL_API_URL;

        // 使用GM_xmlhttpRequest发送POST请求
        GM_xmlhttpRequest({
            method: "POST",
            url: apiUrl,
            data: jsonData,
            headers: {
                "Content-Type": "application/json"
            },
            onload: function (response) {
                if (response.status === 200) {
                    // 处理成功响应
                    print("邮件发送成功: " + response.responseText);
                } else {
                    // 处理失败响应
                    print("邮件通知发送失败: " + response.status + " - " + response.responseText);
                    alert("邮件通知发送失败: " + response.status + " - " + response.responseText);
                }
            },
            onerror: function (error) {
                // 处理错误
                print("邮件通知发送失败，请求错误: " + error);
                alert("邮件通知发送失败，请求错误: " + error);
            }
        });
    }

    /**
     * 截取网页内容并返回base64编码的图片
     * @param {string} [selector] - 要截取的元素选择器，若为空则截取整个网页
     * @returns {Promise<string>} - 返回base64编码的图片数据URL
     */
    function captureScreenshot(selector = null) {
        return new Promise((resolve, reject) => {
            let element = document.body; // 默认截取整个网页

            // 如果提供了选择器，尝试查找元素
            if (selector) {
                element = document.querySelector(selector);
                if (!element) {
                    print("指定的元素未找到！");
                    reject("指定的元素未找到！");
                    return;
                }
            }

            // 使用 html2canvas 捕获截图
            html2canvas(element).then(canvas => {
                // 将 canvas 转换为 base64 编码的图像
                const dataURL = canvas.toDataURL('image/png');
                resolve(dataURL);
            }).catch(error => {
                print("截图失败: " + error);
                reject(error);
            });
        });
    }

})();