/** * @file 湖南师范大学专业技术人员继续教育网.js * @author 14239 * @date 2025/3/14 10:17 * @version * @copyright 2025 */ // ==UserScript== // @name 湖南师范大学专业技术人员继续教育网 // @namespace http://tampermonkey.net/zzzzzzys_湖南师范大学专业技术人员继续教育网 // @version 1.0.0 // @copyright zzzzzzys.All Rights Reserved. // @description 湖南师范大学专业技术人员继续教育网,最多可全自动、三倍速播放视频！ // @author zzzzzzys // @match https://www.ejxjy.com/a/sys/portal/* // @require https://fastly.jsdelivr.net/npm/crypto-js@4.2.0/crypto-js.min.js // @resource https://cdn.staticfile.org/limonte-sweetalert2/11.7.1/sweetalert2.min.css // @require https://fastly.jsdelivr.net/npm/sweetalert2@11.12.2/dist/sweetalert2.all.min.js // @connect fc-mp-8ba0e2a3-d9c9-45a0-a902-d3bde09f5afd.next.bspapp.com // @connect mp-8ba0e2a3-d9c9-45a0-a902-d3bde09f5afd.cdn.bspapp.com // @grant unsafeWindow // @grant GM_getValue // @grant GM_setValue // @grant GM_deleteValue // @grant GM_xmlhttpRequest // @grant GM_info // @grant GM_addStyle // @run-at document-end // ==/UserScript== class Runner { constructor() { this.runner = null this.run() } run() { const url = location.href; if (url.includes("myCourseDetail.html")) { this.runner = new Course("channel-ejxjy") // this.runner.run() } else if (url.includes("person")) { this.runner = new Index("channel-ejxjy") } } } class Index { constructor(channel = "channel-my") { this.panel = new AuthWindow({ VIPBtnText: "高级功能-全自动/三倍速" }) this.channel = new BroadcastChannel(channel) this.VIP = false this.running = false this.init() } init() { this.panel.setOnVerifyCallback(async (data) => { this.url = await Utils.validateCode(data) if (this.url) { this.panel.setTip(Utils.vipText) this.VIP = true return true } }) this.panel.setOnBegin(() => { if (!this.running) { this.running = true console.log("运行时：", this.VIP) this.run().then(r => { this.running = false }) } }) this.panel.setOnVIP(async () => { if (!this.url) { await this.panel.handleVerify() } await this.runVIP() }) this.loadVIPStatus() try { Swal.fire({ title: "提示", text: "请手动点击开始！", icon: 'info', timer: 0, confirmButtonText: '确定', willClose: () => { if (!this.VIP) { Swal.fire({ title: "当前是基础版", text: '课程不会自动连播！', icon: 'info', timer: 5000, timerProgressBar: true, confirmButtonColor: "#FF4DAFFF", confirmButtonText: "确定", }) } } }); } catch (e) { console.error(e) // this.panel.startAutomation() } } loadVIPStatus() { if (Utils.loadStatus()) { this.panel.setTip(Utils.vipText) this.VIP = true } else { this.panel.setTip(Utils.baseText) this.VIP = false } console.log("VIP:", this.VIP) } async runVIP() { try { if (!this.VIP) { Utils.showLinkSwal() console.log("需要授权码！") return } Swal.fire({ title: "高级功能已启用！", text: `学习已完全自动化！`, icon: 'success', confirmButtonColor: "#FF4DAFFF", confirmButtonText: "确定", }) } catch (error) { console.error(error) Swal.fire({ title: "高级功能执行失败！", text: "若一直失败，请联系进行售后处理！", icon: 'error', confirmButtonText: '确定', allowOutsideClick: false, willClose: () => { console.log(' 用户确认错误，脚本已停止'); } }); } } async run() { try { const onlyTime = true const catalogSelecter = '#con_a_2 ul li' const numList = '.number' const btn = 'a' const catalogList = await Utils.getStudyNode(catalogSelecter, 'nodeList') for (let j = 0; j < catalogList.length; j++) { const node=catalogList[j] console.log(catalogList[j].querySelector('.courseListHead').innerText) const status = this.checkStatus(catalogList[j]) if (status) { console.log("完成，跳过！") continue; } catalogList[j].querySelector(btn).click() const val = await this.waitForFinsh(); console.log("完成！等待6s进行下一个！") await sleep(6000) if (val !== 0) { throw Error("错误的监听信息，请关闭其他插件") } if (!this.VIP) { Swal.fire({ title: "未开启高级功能", text: '自动连播课程，需要开启高级功能!脚本已停止！', icon: 'error', confirmButtonColor: "#FF4DAFFF", confirmButtonText: "确定", }) break } } this.finish() } catch (e) { console.error(e) Swal.fire({ title: "失败", text: e + '', icon: 'error', confirmButtonColor: "#FF4DAFFF", confirmButtonText: "确定", }) } } finish() { if (Swal) { Swal.fire({ title: "学习完成！", text: `学习时间已达到最大值`, icon: 'success', confirmButtonColor: "#FF4DAFFF", confirmButtonText: "确定", }).then((result) => { if (result.isConfirmed) { // 尝试关闭当前页面 try { // window.close(); // 关闭当前页面 } catch (error) { console.error("无法直接关闭页面：", error); // 如果无法直接关闭页面，提示用户手动关闭 Swal.fire({ title: "无法自动关闭页面", text: "请手动关闭此页面。", icon: 'warning', confirmButtonColor: "#FF4DAFFF", confirmButtonText: "确定", }); } } }); } } checkStatus(dom) { const isFinish = dom.querySelector('.learPercent').innerText return isFinish === "100%" } async waitForFinsh() { return new Promise(async (resolve) => { const task = setInterval(() => { console.log("等待当前任务完成！") }, 5000) this.channel.onmessage = (event) => { clearInterval(task) resolve(event.data === 'finish' ? 0 : 1); }; }); } } class Course { constructor(channel = "channel-my") { this.panel = new AuthWindow({ VIPBtnText: "高级功能-全自动/三倍速" }) this.channel = new BroadcastChannel(channel) this.VIP = false this.running = false // this.initAjaxHooker() this.init() } init() { this.panel.setOnVerifyCallback(async (data) => { this.url = await Utils.validateCode(data) if (this.url) { this.panel.setTip(Utils.vipText) this.VIP = true return true } }) this.panel.setOnBegin(() => { if (!this.running) { this.running = true console.log("运行时：", this.VIP) this.run().then(r => { this.running = false }) } }) this.panel.setOnVIP(async () => { // if(!this.url){ // await this.panel.handleVerify() // } await this.runVIP() }) this.loadVIPStatus() try { Swal.fire({ title: "提示", text: "脚本即将开始！", icon: 'info', timer: 3000, confirmButtonText: '确定', timerProgressBar: true, willClose: () => { this.panel.startAutomation() } }); } catch (e) { console.error(e) this.panel.startAutomation() } } initAjaxHooker() { // ajaxHooker.filter([ // // {type: 'xhr', url: 'www.example.com', method: 'GET', async: true}, // {url: "/videoPlay/takeRecordByToken"}, // ]); ajaxHooker.hook(request => { if (request.url.includes('course/activities-read')) { console.log("捕获activities-read：", request); request.response = res => { const json = JSON.parse(res.responseText) console.log(json); window.actRead = json // res.responseText += 'test'; }; } else if (request.url.includes('api/activities/')) { console.log("捕获activities：", request); request.response = res => { const json = JSON.parse(res.responseText) console.log(json); window.activities = json // res.responseText += 'test'; }; } }); console.log("hooker:", ajaxHooker) } loadVIPStatus() { if (Utils.loadStatus()) { this.panel.setTip(Utils.vipText) this.VIP = true } else { this.panel.setTip(Utils.baseText) this.VIP = false } console.log("VIP:", this.VIP) } async runVIP() { try { if (!this.VIP) { Utils.showLinkSwal() console.log("需要授权码！") return } Swal.fire({ title: "高级功能已使用！", text: "初次认证完，建议刷新后再开始！", icon: 'success', confirmButtonText: '确定', willClose: () => { } }); } catch (error) { console.error(error) Swal.fire({ title: "高级功能执行失败！", text: "若一直失败，请联系进行售后处理！", icon: 'error', confirmButtonText: '确定', allowOutsideClick: false, willClose: () => { console.log(' 用户确认错误，脚本已停止'); } }); } } async run() { const catalogSelector = '.catalog a' const courseId = location.href.split('courseId=')[1] const curItemID = document.querySelector('.catalog .hover a').getAttribute('href').split('columnId=')[1] const record = GM_getValue(courseId, null) //测试三倍速 const beta = GM_getValue('beta_3x_speed', false); console.log("beta_3x_speed:", beta) let i = 0 let video // 递归处理目录节点 let catalogList = await this.getStudyNode(catalogSelector, 'nodeList'); for (let j = 0; j < catalogList.length; j++) { const node = catalogList[j] const text = node.querySelector('div').innerText console.log(text) // 检查是否已有缓存 let itemID = node.getAttribute('href').split('columnId=')[1] if (!itemID) { itemID = document.querySelector('.catalog .hover a').getAttribute('href').split('columnId=')[0] } if (record && record.includes(itemID)) { console.log('当前视频已有缓存！') continue } if (node.querySelector('.catalogmain').getAttribute('style').includes('21c703')) { console.log('当前视频已完成！') continue } if (curItemID !== itemID) { console.log("尝试点击，进入下一个") node.click() await sleep(1000) } console.log("开始等待视频完成...") const video = await this.getStudyNode('video'); video.volume = 0 video.muted = true if (beta && !this.VIP) { Swal.fire({ title: "BETA三倍速功能是高级版功能！", text: "请升级高级版！", icon: 'info', confirmButtonText: '确定', timerProgressBar: true, timer: 3000, allowOutsideClick: false, willClose: () => { } }); } if (beta && this.VIP) { Swal.fire({ title: "BETA三倍速功能已启用！", text: "视频可暂停！", icon: 'info', confirmButtonText: '确定', timerProgressBar: true, timer: 3000, allowOutsideClick: false, willClose: () => { } }); await new Promise((resolve, reject) => { unsafeWindow.saveVid = function (data) { console.log("截获原函数"); }; this.panel.showProgress('当前课程学习进度'); // 确保视频元数据已加载 const maxDuration = parseInt(video.duration); this.panel.setProgressMax(maxDuration); let cur = parseInt(video.currentTime); const update = async () => { try { try{ video.volume = 0 video.muted = true video.play() }catch (e){} if (cur >= maxDuration) { this.panel.updateProgress(maxDuration, "学习完成"); resolve(); // 正确触发resolve return; } await this.updateVideo({nowTime: cur}); this.panel.updateProgress(cur, `正在学习：${text}`); cur = Math.min(cur + 10, maxDuration); // 确保不溢出 setTimeout(update, 3500); // 递归调用 } catch (error) { console.error("进度更新失败:", error); reject(error); // 异常时触发reject } }; update(); // 启动递归 }); continue } await video.pause() video.volume = 0 video.muted = true await video.play() await this.waitForVideoEnd(video) if (!record) { GM_setValue(courseId, curItemID) } else { GM_setValue(courseId, record + ',' + curItemID) } if (!this.VIP) { Swal.fire({ title: '当前是基础版，脚本已自动停止！', text: '请升级高级版在使用！！！', icon: 'error', confirmButtonText: '确定', timer: 0, willClose: () => { // onClose() } }); break } } // await processCatalog(document); const onClose = () => { window.close() } if (!this.VIP) { Swal.fire({ title: '当前是基础版', text: '脚本已常速学习完第一个视频，若有需要请获取授权码！', icon: 'info', confirmButtonText: '确定', timer: 0, willClose: () => { } }); } else { this.finish() GM_deleteValue(courseId) } } sendMsg(msg) { // 创建 BroadcastChannel const channel = new BroadcastChannel(this.channel); channel.postMessage(msg); } finish() { if (Swal) { this.sendMsg('finish') Swal.fire({ title: "学习完成！", text: `学习完成，脚本5s后自动关闭页面！`, icon: 'success', confirmButtonColor: "#FF4DAFFF", confirmButtonText: "确定", timer: 5000, willClose: () => { window.close() } }) setTimeout(() => { window.close() }, 5000) } } async updateVideo(data) { const id = document.querySelector('#studentRuleId').value if (!id) { throw Error("can't get ID!") } let res = await fetch("https://www.ejxjy.com/a/onlinelearn/stuCourse/saveVideo?id=" + id, { "headers": { "accept": "*/*", "accept-language": "zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6", "content-type": "application/x-www-form-urlencoded; charset=UTF-8", "priority": "u=0, i", "sec-ch-ua": "Chromium;v=134, Not:A-Brand;v=24, Microsoft Edge;v=134", "sec-ch-ua-mobile": "?0", "sec-ch-ua-platform": "Windows", "sec-fetch-dest": "empty", "sec-fetch-mode": "cors", "sec-fetch-site": "same-origin", "x-requested-with": "XMLHttpRequest" }, "referrer": location.href, "referrerPolicy": "strict-origin-when-cross-origin", "body": new URLSearchParams(data), "method": "POST", "mode": "cors", "credentials": "include" }); if (res.ok) { res = await res.json() console.log(res) if (res.code === "0000") { return 0 } else { Swal.fire({ title: '请求过快！', text: '请休息会儿再开始！5s后脚本会尝试刷新页面重试！', icon: 'info', confirmButtonText: '确定', timer: 5000, timerProgressBar: true, willClose: () => { // onClose() } }); setTimeout(()=>{ location.reload() },5000) } } return 1 } async waitForVideoEnd(video) { return new Promise(resolve => { const checkInterval = setInterval(async () => { try { video.volume = 0 video.muted = true if (video && video.paused) { console.log("视频暂停了，重新开始播放..."); video.volume = 0 video.muted = true await video.play(); } if (!video.src) { console.error("视频源未设置，即将重新加载"); setTimeout(() => { location.reload() }, 5000) } } catch (e) { console.error("checkInterval error:", e); clearInterval(checkInterval); setTimeout(() => { location.reload() }, 2000); } }, 3000); video.addEventListener('ended', () => { clearInterval(checkInterval); resolve() }, {once: true}); // 监听视频结束事件 }); } getStudyNode(selector, type = 'node', dom, timeout = 10000) { return new Promise((resolve, reject) => { if (!['node', 'nodeList'].includes(type)) { console.error('Invalid type parameter. Expected "node" or "nodeList"'); reject('Invalid type parameter. Expected "node" or "nodeList"'); } const cleanup = (timeoutId, intervalId) => { clearTimeout(timeoutId); clearInterval(intervalId); }; const handleSuccess = (result, timeoutId, intervalId) => { console.log(`${selector} ready!`); cleanup(timeoutId, intervalId); resolve(result); }; const handleFailure = (timeoutId, intervalId) => { cleanup(timeoutId, intervalId); resolve(null); }; const checkNode = () => { try { let nodes; if (type === 'node') { nodes = dom ? dom.querySelector(selector) : document.querySelector(selector); return nodes } nodes = dom ? dom.querySelectorAll(selector) : document.querySelectorAll(selector); return nodes.length > 0 ? nodes : null; } catch (error) { console.error('节点检查错误:', error); reject('节点检查错误:', error) } }; const intervalId = setInterval(() => { const result = checkNode(); if (result) { handleSuccess(result, timeoutId, intervalId); } else { console.log(`等待节点: ${selector}...`); } }, 1000); const timeoutId = setTimeout(() => { console.error(`节点获取超时: ${selector}`); handleFailure(timeoutId, intervalId); }, timeout); }); } checkOpenStatus(dom) { try { const style = dom.querySelector('svg').getAttribute('style') return !!style.includes('transform: rotate(180deg)'); } catch (e) { return false } } /** * * @param dom * @returns {number} 0 视频 |1 文档|2 材料 */ checkType(dom) { if (dom.querySelector('.font-syllabus-online-video')) { // 视频 return 0 } else if (dom.querySelector('.font-syllabus-page')) { // 文档页面 return 1 } else if (dom.querySelector('.font-syllabus-material')) { // 材料 return 2 } } } class Utils { constructor() { } static flag = 'ouchn_VIP' static vipText = '高级功能已启用！(湖南师范大学专技培训)' static baseText = '您正在使用基础版本，功能可能存在限制' static loadStatus() { try { let VIP = GM_getValue(this.flag) return !!VIP } catch (e) { console.error(e) } return false } static async validateCode(data) { try { console.log(data); let info = document.querySelector('.minfo')?.innerText if (!info) { throw new Error("无效的账号信息！请在课程目录页认证！") } data.bindInfo = info data.website = "67d3c546a7c43286118bd648" console.log(data); // return const res = await new Promise((resolve, reject) => { GM_xmlhttpRequest({ 'url': "https://fc-mp-8ba0e2a3-d9c9-45a0-a902-d3bde09f5afd.next.bspapp.com/validCodeFuncCas?" + new URLSearchParams(data), method: 'GET', onload: function (res) { if (res.status === 200) { const result = JSON.parse(res.response) console.log(result) resolve(result) } reject('请求失败：' + res.response) }, onerror: function (err) { console.error(err) reject('请求错误！' + err.toString()) } }) }) if (res.code !== 200) { GM_deleteValue(this.flag) throw new Error('验证失败：' + res.data) } Swal.fire({ title: "高级功能已启用！", text: "校验成功！", icon: 'success', confirmButtonText: '确定', }); GM_setValue(this.flag, true) return res.data } catch (e) { console.error(e) Swal.fire({ title: "验证失败！", text: e.toString(), icon: 'error', confirmButtonText: '确定', }); } } static async getJsCode(url) { try { let code = GM_getValue('jsCode') if (!code) { const jsUrl = url //获取js文件，然后在这里执行，然后获得结果 const jsCode = await new Promise((resolve, reject) => { GM_xmlhttpRequest({ 'url': jsUrl, method: 'GET', onload: function (res) { console.log(res) if (res.status === 200) { const result = (res.responseText) // console.log(result) resolve(result) } else { reject('服务器拒绝：' + res.response) } }, onerror: function (err) { console.error(err) reject('请求错误！' + err.toString()) } }) }) code = jsCode .replace(/\\/g, '\\\\') .replace(/'/g, '\'') .replace(/"/g, '') GM_setValue('jsCode', code) } return code } catch (error) { console.error('远程加载失败:', error); throw new Error("远程加载失败") } } static showLinkSwal() { const link = [ "https://68n.cn/IJ8QB", "https://68n.cn/RM9ob", ] Swal.fire({ title: '<i class="fas fa-crown swal-vip-icon"></i> 高级功能解锁', html: ` <div class="vip-alert-content"> <div class="alert-header"> <h3>需要验证授权码才能使用</h3> <p class="version-tag">高级版</p> </div> <div class="requirements-box"> <div class="requirement-item"> <span class="number-badge">1</span> <p>需有效授权码激活高级功能模块</p> </div> <div class="requirement-item"> <span class="number-badge">2</span> <p>当前账户权限：<span class="status-tag free-status">基础版</span></p> </div> </div> <div class="action-guide"> <p>获取授权码步骤：</p> <ol class="step-list"> <li>点击前往以下链接，获取授权码</li> <li><a href=${link[0]} class="pricing-link" target="_blank" ">获取授权码链接1</a></li> <li><a href=${link[1]} class="pricing-link" target="_blank"">获取授权码链接2</a></li> </ol> </div> </div> `, icon: 'info', confirmButtonText: '前往激活', showCloseButton: true, timer: 30000, customClass: { popup: 'vip-alert-popup', confirmButton: 'vip-confirm-btn' }, willClose: () => { window.open(link[1]) } }); } static getStudyNode(selector, type = 'node', timeout = 10000) { return new Promise((resolve, reject) => { if (!['node', 'nodeList'].includes(type)) { console.error('Invalid type parameter. Expected "node" or "nodeList"'); reject('Invalid type parameter. Expected "node" or "nodeList"'); } const cleanup = (timeoutId, intervalId) => { clearTimeout(timeoutId); clearInterval(intervalId); }; const handleSuccess = (result, timeoutId, intervalId) => { console.log(`${selector} ready!`); cleanup(timeoutId, intervalId); resolve(result); }; const handleFailure = (timeoutId, intervalId) => { cleanup(timeoutId, intervalId); resolve(null); }; const checkNode = () => { try { let nodes; if (type === 'node') { nodes = document.querySelector(selector); return nodes } nodes = document.querySelectorAll(selector); return nodes.length > 0 ? nodes : null; } catch (error) { console.error('节点检查错误:', error); reject('节点检查错误:', error) } }; const intervalId = setInterval(() => { const result = checkNode(); if (result) { handleSuccess(result, timeoutId, intervalId); } else { console.log(`等待节点: ${selector}...`); } }, 1000); const timeoutId = setTimeout(() => { console.error(`节点获取超时: ${selector}`); handleFailure(timeoutId, intervalId); }, timeout); }); } } class AuthWindow { constructor() { this.storageKey = 'AuthData'; this.injectGlobalStyles(); this.initDOM(); this.loadPersistedData(); this.show(); // this.startAutomation() this.initProgress() } injectGlobalStyles() { GM_addStyle(` .auth-window { position: fixed; bottom: 10px; right: 10px; z-index: 999999999; background: white; padding: 24px; border-radius: 12px; box-shadow: 0 6px 30px rgba(0,0,0,0.15); border: 1px solid #e4e7ed; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; min-width: 320px; transform: translateY(20px); opacity: 0; transition: all 0.3s ease; } .auth-window.visible { transform: translateY(0); opacity: 1; } .auth-title { margin: 0 0 16px; font-size: 20px; color: #2c3e50; font-weight: 600; display: flex; align-items: center; gap: 8px; } .auth-version { font-size: 12px; color: #95a5a6; font-weight: normal; } .auth-tip { margin: 0 0 20px; color: #ffbb00; font-size: 14px; font-weight: weight; line-height: 1.5; } .input-group { margin-bottom: 18px; } .input-label { display: block; margin-bottom: 6px; color: #34495e; font-size: 14px; font-weight: 500; } .input-field { width: 80%; padding: 10px 12px; border: 2px solid #e0e0e0; border-radius: 8px; font-size: 14px; transition: border-color 0.2s; } .input-field:focus { outline: none; border-color: #3498db; box-shadow: 0 0 0 3px rgba(52,152,219,0.1); } .auth-button { width: 100%; padding: 12px; background: #3498db; color: white; border: none; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; gap: 8px; } .auth-button:hover { background: #2980b9; transform: translateY(-1px); } .auth-button:active { transform: translateY(0); } .error-message { color: #e74c3c; font-size: 13px; margin-top: 8px; padding: 8px; background: #fdeded; border-radius: 6px; display: none; animation: shake 0.4s; } @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } } .control-panel { opacity: 1; transform: translateY(10px); transition: all 0.3s ease; } .control-panel.visible { opacity: 1; transform: translateY(0); } .auth-button[disabled] { background: #bdc3c7 !important; cursor: not-allowed; } .auth-window { position: fixed; right: 30px; bottom: 80px; transition: transform 0.3s ease; } .window-toggle:hover .toggle-icon { animation: bounce 0.6s; } .toggle-icon { width: 20px; height: 20px; transition: transform 0.3s ease; } @keyframes bounce { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(4px); } } /* VIP 按钮特效 */ .vip-btn { width: 100%; position: relative; padding: 12px 24px; border: none; border-radius: 8px; background: linear-gradient(135deg, #ffd700 0%, #ffd900 30%, #ffae00 70%, #ff8c00 100%); color: #2c1a00; font-weight: 600; font-family: 'Segoe UI', sans-serif; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; box-shadow: 0 4px 15px rgba(255, 174, 0, 0.3); } /* 辉光动画效果 */ .glow-effect::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.4) 0%, transparent 70%); opacity: 0; transition: opacity 0.3s; } /* 悬停交互 */ .vip-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 174, 0, 0.5); } .vip-btn:hover::after { opacity: 1; } /* 点击反馈 */ .vip-btn:active { transform: translateY(1px); box-shadow: 0 2px 8px rgba(255, 174, 0, 0.3); } /* 皇冠图标动画 */ .crown-icon { width: 20px; height: 20px; margin-right: 8px; vertical-align: middle; transition: transform 0.3s; } .vip-btn:hover .crown-icon { transform: rotate(10deg) scale(1.1); } /* 文字渐变特效 */ .vip-text { background: linear-gradient(45deg, #2c1a00, #5a3a00); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; } * 弹窗容器 */ .vip-alert-popup { border: 2px solid #ffd700; border-radius: 12px; background: linear-gradient(145deg, #1a1a1a, #2d2d2d); } /* 标题区域 */ .alert-header { border-bottom: 1px solid #404040; padding-bottom: 12px; margin-bottom: 15px; } .swal-vip-icon { color: #ffd700; font-size: 2.2em; margin-right: 8px; } /* 需求列表 */ .requirements-box { background: rgba(255,215,0,0.1); border-radius: 8px; padding: 15px; margin: 15px 0; } .requirement-item { display: flex; align-items: center; margin: 10px 0; } .number-badge { background: #ffd700; color: #000; width: 24px; height: 24px; border-radius: 50%; text-align: center; margin-right: 12px; font-weight: bold; } /* 状态标签 */ .status-tag { padding: 4px 8px; border-radius: 4px; font-size: 0.9em; } .free-status { background: #ff4444; color: white; } /* 操作引导 */ .action-guide { background: rgba(255,255,255,0.05); padding: 15px; border-radius: 8px; } .step-list li { margin: 8px 0; padding-left: 8px; } .pricing-link { color: #00ff9d !important; text-decoration: underline dotted; transition: all 0.3s; } .pricing-link:hover { color: #00cc7a !important; text-decoration: underline; } /* 确认按钮 */ .vip-confirm-btn { background: linear-gradient(135deg, #ffd700 0%, #ff9900 100%) !important; border: none !important; font-weight: bold !important; transition: transform 0.2s !important; } .vip-confirm-btn:hover { transform: scale(1.05); } `) GM_addStyle(` /* 实验功能容器 */ .beta-container { margin: 18px 0; border-radius: 10px; background: linear-gradient(145deg, #2d2d2d, #1a1a1a); border: 1px solid rgba(255, 215, 0, 0.2); box-shadow: 0 4px 20px rgba(0,0,0,0.2); } .beta-card { padding: 16px; } /* 标题区域 */ .beta-header { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; } .beta-icon { width: 28px; height: 28px; fill: #ffd700; filter: drop-shadow(0 0 4px rgba(255,215,0,0.3)); } .beta-title { margin: 0; color: #ffd700; font-size: 16px; font-weight: 600; text-shadow: 0 2px 4px rgba(0,0,0,0.2); } /* 开关组件 */ .beta-toggle { display: flex; align-items: center; gap: 12px; cursor: pointer; padding: 10px; border-radius: 8px; transition: background 0.3s; } .beta-toggle:hover { background: rgba(255,215,0,0.05); } .beta-checkbox { display: none; } /* 自定义轨道 */ .beta-track { position: relative; width: 50px; height: 28px; border-radius: 14px; background: rgba(255,215,0,0.1); border: 1px solid rgba(255,215,0,0.3); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } /* 滑块 */ .beta-thumb { position: absolute; left: 2px; top: 2px; width: 24px; height: 24px; background: linear-gradient(145deg, #ffd700, #ffae00); border-radius: 50%; transform: translateX(0); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0,0,0,0.2); } /* 选中状态 */ .beta-checkbox:checked + .beta-track { background: rgba(255,215,0,0.2); border-color: #ffd700; } .beta-checkbox:checked + .beta-track .beta-thumb { transform: translateX(22px); } /* 光效 */ .beta-sparkles { position: absolute; width: 100%; height: 100%; background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.8) 10%, transparent 60%); opacity: 0; transition: opacity 0.3s; } .beta-checkbox:checked + .beta-track .beta-sparkles { opacity: 0.3; } /* 文字样式 */ .beta-label { color: #fff; font-size: 14px; font-weight: 500; letter-spacing: 0.5px; background: linear-gradient(90deg, #ffd700, #ffae00); -webkit-background-clip: text; background-clip: text; color: transparent; } .beta-tip { margin: 12px 0 0; color: rgba(255,215,0,0.6); font-size: 12px; line-height: 1.4; padding-left: 8px; border-left: 3px solid rgba(255,215,0,0.3); } /* 新增进度条样式 */ .progress-overlay { position: fixed; bottom: 0; left: 30%; transform: translate(0 -50%); background: rgba(0,0,0,0.8); padding: 24px; border-radius: 12px; color: white; z-index: 9999999999; display: none; min-width: 300px; height:100px; box-shadow: 0 4px 20px rgba(0,0,0,0.3); backdrop-filter: blur(8px); } .progress-header { margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center; } .progress-title { margin: 0; font-size: 16px; color: #fff; } .progress-bar { display:block; width: 100%; height: 8px; background: rgba(255,255,255,0.1); border-radius: 4px; overflow: hidden; } .progress-fill { height: 100%; background: linear-gradient(90deg, #00ff88, #00ccff); transition: width 0.3s ease; } .progress-info { margin-top: 15px; text-align: center; /* 整体内容水平居中 */ gap: 20px; /* 添加元素间距 */ font-size: 12px; color: rgba(255,255,255,0.8); }`); } initProgress() { // 添加进度条DOM this.progressOverlay = document.createElement('div'); this.progressOverlay.className = 'progress-overlay'; this.progressOverlay.innerHTML = ` <div class="progress-header"> <h3 class="progress-title">进度初始化中...</h3> <span class="progress-percent">0%</span> </div> <div class="progress-bar"> <div class="progress-fill" style="width: 0"></div> </div> <div class="progress-info"> <span class="progress-text">0/0</span> <span class="progress-status">正在初始化...</span> </div> <div class="progress-info"> 注意：通过接口更新进度中，视频进度非实时！ 播放视频，只是安全保留相关日志信息！ </div> `; document.body.appendChild(this.progressOverlay); // DOM元素引用 this.progressTitle = this.progressOverlay.querySelector('.progress-title'); this.progressFill = this.progressOverlay.querySelector('.progress-fill'); this.progressPercent = this.progressOverlay.querySelector('.progress-percent'); this.progressText = this.progressOverlay.querySelector('.progress-text'); this.progressStatus = this.progressOverlay.querySelector('.progress-status'); } // 新增进度控制方法 showProgress(title = '操作进度') { this.progressTitle.textContent = title; this.progressOverlay.style.display = 'block'; } hideProgress() { this.progressOverlay.style.display = 'none'; } setProgressMax(max) { this.progressMax = max; this.updateProgressDisplay(); } updateProgress(current, status = '') { this.progressCurrent = Math.min(current, this.progressMax); if (status) this.progressStatus.textContent = status; this.updateProgressDisplay(); } updateProgressDisplay() { const percent = (this.progressCurrent / this.progressMax * 100).toFixed(1); this.progressFill.style.width = `${percent}%`; this.progressPercent.textContent = `${percent}%`; this.progressText.textContent = `${this.progressCurrent}/${this.progressMax}`; } initDOM() { this.container = document.createElement('div'); this.container.className = 'auth-window'; // 标题区域 const title = document.createElement('h3'); title.className = 'auth-title'; title.innerHTML = ` <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/> <path d="M12 7v5l3 3"/> </svg> <span>脚本控制台<span class="auth-version">v${GM_info.script.version}</span></span> `; // 提示信息 const tip = document.createElement('p'); tip.className = 'auth-tip'; tip.textContent = '您正在使用基础版本，功能可能存在限制'; this.tip = tip // 输入框组 // this.phoneInput = this.createInput(' 手机/QQ号', 'text', '#phone'); this.authInput = this.createInput(' 授权密钥', 'password', '#auth'); // this.beginNum = this.createInput(' 开始章节', 'number', '#begin'); // 授权链接 const link = [ "https://68n.cn/IJ8QB", "https://68n.cn/RM9ob", ] const authLink1 = this.createLink('authLink1', link[0], '获取授权链接1'); const authLink2 = this.createLink('authLink2', link[1], '获取授权链接2'); // 验证按钮 this.verifyBtn = document.createElement('button'); this.verifyBtn.className = 'auth-button'; this.verifyBtn.innerHTML = ` <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"> <path d="M20 12l-8 8-4-4m0 0l4-4m-4 4L4 12l4-4"/> </svg> 验证授权码 `; this.verifyBtn.onclick = () => this.handleVerify(); // 启动控制面板 this.controlPanel = document.createElement('div'); this.controlPanel.className = 'control-panel'; this.controlPanel.style.cssText = ` margin-top: 20px; border-top: 1px solid #eee; padding-top: 16px; `; this.vipBtn = document.createElement('button'); this.vipBtn.className = 'vip-btn glow-effect'; this.vipBtn.innerHTML = ` <span class="glow-container"></span> <svg class="crown-icon" viewBox="0 0 24 24"> <path d="M5 16L3 5l5.5 5L12 4l3.5 6L21 5l-2 11H5zm14 3H5v2h14v-2z"/> </svg> <span class="vip-text">高级功能-刷课全自动化！</span> `; this.vipBtn.addEventListener('click', () => { this.handleVIPClick() }) // 计时器 this.timerDisplay = document.createElement('div'); this.timerDisplay.className = 'timer'; this.timerDisplay.textContent = '运行时间: 00:00:00'; this.timerDisplay.style.cssText = ` color: #2ecc71; font-size: 13px; margin-bottom: 12px; `; // 开始按钮 this.startBtn = document.createElement('button'); this.startBtn.className = 'auth-button'; this.startBtn.style.backgroundColor = '#2ecc71'; this.startBtn.innerHTML = ` <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"> <path d="M5 12h14M12 5l7 7-7 7"/> </svg> 开始运行-自动化挂机 `; this.startBtn.onclick = () => this.startAutomation(); // 错误提示 this.errorBox = document.createElement('div'); this.errorBox.className = 'error-message'; this.betaGroup = document.createElement('div'); this.betaGroup.className = 'beta-container'; this.betaGroup.innerHTML = ` <div class="beta-card"> <div class="beta-header"> <svg class="beta-icon" viewBox="0 0 24 24"> <path d="M16 3l1.5 3h3l-2 2 1 3-3-1-2 2v-3l-2-2-2 2v3l-2-2-3 1 1-3-2-2h3L8 3h2l1 2 1-2h4zM8 13h8v6H8v-6z"/> </svg> <h3 class="beta-title">实验性功能</h3> </div> <label class="beta-toggle"> <input type="checkbox" id="beta-speed" class="beta-checkbox"> <div class="beta-track"> <div class="beta-thumb"> <span class="beta-sparkles"></span> </div> </div> <span class="beta-label">三倍速播放模式</span> </label> <p class="beta-tip">* 首次开启，请刷新页面。视频进度非实时，直接通过接口每3.3s更新10s</p> </div> `; this.betaCheckbox = this.betaGroup.querySelector('#beta-speed'); this.betaCheckbox.checked = GM_getValue('beta_3x_speed', false); this.betaCheckbox.onchange = (e) => { GM_setValue('beta_3x_speed', e.target.checked); }; // 组装结构 this.controlPanel.append( this.vipBtn, this.betaGroup, this.timerDisplay, this.startBtn ); this.container.append( title, tip, // this.phoneInput.container, this.authInput.container, authLink1, authLink2, this.verifyBtn, this.controlPanel, this.errorBox ); document.body.appendChild(this.container); this.initControlBtn() } initControlBtn() { // 创建控制按钮 this.toggleBtn = document.createElement('button'); this.toggleBtn.className = 'window-toggle'; this.toggleBtn.innerHTML = ` <svg class="toggle-icon" viewBox="0 0 24 24"> <path d="M19 12H5M12 19l-7-7 7-7"/> </svg> <span class="toggle-text">展开面板</span> `; this.toggleBtn.style.cssText = ` position: fixed; right: 30px; bottom: 30px; padding: 12px 20px; background: #fff; border: none; border-radius: 30px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); cursor: pointer; display: flex; align-items: center; gap: 8px; transition: all 0.3s ease; z-index: 9999999999999999; `; // 添加交互效果 this.toggleBtn.addEventListener('mouseenter', () => { this.toggleBtn.style.transform = 'translateY(-2px)'; this.toggleBtn.style.boxShadow = '0 6px 16px rgba(0,0,0,0.2)'; }); this.toggleBtn.addEventListener('mouseleave', () => { this.toggleBtn.style.transform = 'none'; this.toggleBtn.style.boxShadow = '0 4px 12px rgba(0,0,0,0.15)'; }); // 点击事件处理 this.toggleBtn.onclick = () => { const isVisible = this.container.style.display !== 'none'; this.container.style.display = isVisible ? 'none' : 'block'; // 更新按钮状态 this.toggleBtn.querySelector('.toggle-icon').style.transform = isVisible ? 'rotate(180deg)' : 'none'; this.toggleBtn.querySelector('.toggle-text').textContent = isVisible ? '展开面板' : '收起面板'; // 添加动画效果 if (!isVisible) { this.container.animate([ {opacity: 0, transform: 'translateY(20px)'}, {opacity: 1, transform: 'none'} ], {duration: 300, easing: 'ease-out'}); } }; document.body.appendChild(this.toggleBtn); } startAutomation(callback) { if (!this.isRunning) { this.startTime = Date.now(); this.isRunning = true; this.startBtn.innerHTML = ` <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"> <path d="M6 12h12"/> </svg> 运行中... `; this.startBtn.style.backgroundColor = '#e67e22'; this.startBtn.disabled = true; // 启动计时器 this.timer = setInterval(() => { const elapsed = Date.now() - this.startTime; const hours = Math.floor(elapsed / 3600000); const minutes = Math.floor((elapsed % 3600000) / 60000); const seconds = Math.floor((elapsed % 60000) / 1000); this.timerDisplay.textContent = `运行时间: ${hours.toString().padStart(2, '0')}:` + `${minutes.toString().padStart(2, '0')}:` + `${seconds.toString().padStart(2, '0')}`; }, 1000); // 触发自动化任务 if (typeof callback === 'function') { callback() } if (this.begin && typeof this.begin === 'function') { this.begin() } } } createBtn(text, callback) { const btn = document.createElement('button'); btn.className = 'vip-btn glow-effect'; btn.innerHTML = ` <span class="glow-container"></span> <svg class="crown-icon" viewBox="0 0 24 24"> <path d="M5 16L3 5l5.5 5L12 4l3.5 6L21 5l-2 11H5zm14 3H5v2h14v-2z"/> </svg> <span class="vip-text">${text}</span> `; btn.addEventListener('click', () => { if (typeof callback === 'function') { callback() } }) this.controlPanel.append(btn) } createInput(labelText, type, id) { const container = document.createElement('div'); container.className = 'input-group'; const label = document.createElement('label'); label.className = 'input-label'; label.textContent = labelText; label.htmlFor = id; const input = document.createElement('input'); input.className = 'input-field'; input.type = type; input.id = id; input.maxLength = 16 container.appendChild(label); container.appendChild(input); return {container, input}; } get getBeginNum() { return this.beginNum.input.value || 1 } createLink(id, link, name) { const authLink = document.createElement('a'); authLink.id = id; authLink.className = 'auth-link'; authLink.href = link; authLink.target = '_blank'; authLink.textContent = name; authLink.style.cssText = ` display: block; margin: 12px 0; color: #3498db; text-decoration: none; font-size: 13px; transition: opacity 0.2s; `; authLink.addEventListener('mouseenter', () => { authLink.style.opacity = '0.8'; authLink.style.textDecoration = 'underline'; }); authLink.addEventListener('mouseleave', () => { authLink.style.opacity = '1'; authLink.style.textDecoration = 'none'; }); return authLink } show() { setTimeout(() => { this.container.classList.add('visible'); }, 100); } showError(message) { this.errorBox.textContent = message; this.errorBox.style.display = 'block'; setTimeout(() => { this.errorBox.style.display = 'none'; }, 5000); } async handleVerify() { const data = { // phone: this.phoneInput.input.value, key: this.authInput.input.value }; console.log(data); if (!data.key || !(/^[A-Z0-9]{16}$/).test(data.key)) { Swal.fire({ title: "授权码不正确，应为16位", text: "请正确输入！", icon: 'info', confirmButtonText: '确定', }); return } // 触发验证回调 if (this.onVerify) { if (await this.onVerify(data)) { GM_setValue(this.storageKey, JSON.stringify(data)) } else { } } } handleVIPClick() { if (this.vipCallback) { this.vipCallback() } else { Swal.fire({ title: "提示", text: "请在视频播放页面使用！", icon: 'info', confirmButtonText: '确定', willClose: () => { console.log(' 用户确认错误，脚本已停止'); } }); } } loadPersistedData() { let saved = GM_getValue(this.storageKey); if (saved) { saved = JSON.parse(saved) // this.phoneInput.input.value = saved.phone || ''; this.authInput.input.value = saved.key || ''; } } hide() { this.container.style.display = 'none'; } get key() { return this.authInput.input.value; } set key(value) { // this.authInput.input.value = value; } setTip(text) { this.tip.innerText = text } setOnVerifyCallback(callback) { this.onVerify = callback; } setOnBegin(callback) { this.begin = callback; } setOnVIP(callback) { this.vipCallback = callback; } } const sleep = function (time) { return new Promise(resolve => setTimeout(resolve, time)); } new Runner()