运行状态
${isAuto ? '● 自动运行中' : '○ 已暂停'}
离开窗口防暂停
已持续保护
弹窗验证/题目拦截
自动拦截与应答
播放倍速
视频播放完毕自动下一节
课程学完自动下一门
`;
// 最小化恢复浮标
const floatBtn = document.createElement('div');
floatBtn.id = 'hnedu-toggle-float-btn';
floatBtn.innerHTML = '⚡';
floatBtn.title = '展开挂机助手面板';
floatBtn.style.display = 'none';
document.body.appendChild(container);
document.body.appendChild(floatBtn);
// 绑定事件
document.getElementById('hnedu-btn-minimize').onclick = () => {
container.style.display = 'none';
floatBtn.style.display = 'flex';
};
floatBtn.onclick = () => {
container.style.display = 'block';
floatBtn.style.display = 'none';
};
// 开关按钮
const toggleBtn = document.getElementById('hnedu-btn-toggle');
toggleBtn.onclick = () => {
const current = GM_getValue('hnedu_autoRunning', true);
const next = !current;
GM_setValue('hnedu_autoRunning', next);
updatePanelUI();
logMsg(next ? '已开启自动化挂机' : '已暂停挂机');
};
// 倍速切换
container.querySelectorAll('.hnedu-speed-btn').forEach(btn => {
btn.onclick = () => {
const s = parseFloat(btn.getAttribute('data-speed'));
GM_setValue('hnedu_playbackRate', s);
container.querySelectorAll('.hnedu-speed-btn').forEach(b => b.classList.remove('active'));
btn.classList.add('active');
logMsg(`已设置播放倍速为: ${s}x`);
};
});
// 选项切换
document.getElementById('hnedu-chk-next-video').onchange = e => {
GM_setValue('hnedu_autoNextVideo', e.target.checked);
logMsg(`自动下一节: ${e.target.checked ? '开' : '关'}`);
};
document.getElementById('hnedu-chk-next-course').onchange = e => {
GM_setValue('hnedu_autoNextCourse', e.target.checked);
logMsg(`自动下一门课程: ${e.target.checked ? '开' : '关'}`);
};
// 面板简单拖拽
const header = document.getElementById('hnedu-panel-header');
let isDragging = false, startX, startY, initLeft, initTop;
header.onmousedown = e => {
if (e.target.tagName === 'BUTTON') return;
isDragging = true;
startX = e.clientX;
startY = e.clientY;
const rect = container.getBoundingClientRect();
initLeft = rect.left;
initTop = rect.top;
container.style.bottom = 'auto';
container.style.right = 'auto';
container.style.left = `${initLeft}px`;
container.style.top = `${initTop}px`;
document.onmousemove = ev => {
if (!isDragging) return;
const dx = ev.clientX - startX;
const dy = ev.clientY - startY;
container.style.left = `${initLeft + dx}px`;
container.style.top = `${initTop + dy}px`;
};
document.onmouseup = () => {
isDragging = false;
document.onmousemove = null;
document.onmouseup = null;
};
};
logMsg('助手面板加载完成，自动准备就绪');
}
function updatePanelUI() {
const isAuto = GM_getValue('hnedu_autoRunning', true);
const statusBadge = document.getElementById('hnedu-status-badge');
const toggleBtn = document.getElementById('hnedu-btn-toggle');
if (statusBadge) {
statusBadge.className = `hnedu-tag ${isAuto ? 'tag-green' : 'tag-gray'}`;
statusBadge.textContent = isAuto ? '● 自动运行中' : '○ 已暂停';
}
if (toggleBtn) {
toggleBtn.className = `hnedu-main-btn ${isAuto ? 'btn-stop' : 'btn-start'}`;
toggleBtn.textContent = isAuto ? '暂停自动化挂机' : '启动自动化挂机';
}
}
// ==========================================
// 6. 入口主函数 (Init)
// ==========================================
function init() {
injectPanelStyles();
createPanelDOM();
new CourseController();
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();