平台
${currentPlatform.name}
状态
运行中
当前课程
检测中...
已完成
0 个
运行时长
00:00:00
播放倍速
${getConfig(CONFIG_KEYS.playbackRate, 2)}x
1x
1.5x
2x
3x
4x
8x
16x
`;
document.body.appendChild(panel);
// 绑定事件
bindPanelEvents();
// 启动运行时长计时器
setInterval(updateRuntime, 1000);
log('控制面板已创建');
}
function bindPanelEvents() {
// 最小化按钮
document.getElementById('trh-btn-minimize').addEventListener('click', () => {
const panel = document.getElementById('trh-panel');
panel.classList.toggle('minimized');
});
// 拖拽功能
makeDraggable(document.getElementById('trh-panel'), document.getElementById('trh-panel-header'));
// 开关切换
document.querySelectorAll('.trh-toggle').forEach(toggle => {
toggle.addEventListener('click', () => {
const key = toggle.dataset.key;
const configKey = CONFIG_KEYS[key];
const newVal = !getConfig(configKey, true);
setConfig(configKey, newVal);
toggle.classList.toggle('on', newVal);
log(`${getToggleLabel(key)} ${newVal ? '已开启' : '已关闭'}`);
// 特殊处理：防挂机检测
if (key === 'keepAlive' && newVal) {
installAntiIdle();
}
// 特殊处理：自动播放
if (key === 'autoPlay' && newVal) {
const video = STATE.currentVideo;
if (video && video.paused) {
video.play().catch(() => {});
}
}
});
});
// 倍速滑块
const speedSlider = document.getElementById('trh-speed-slider');
const speedValue = document.getElementById('trh-speed-value');
speedSlider.addEventListener('input', () => {
const rate = parseFloat(speedSlider.value);
speedValue.textContent = rate + 'x';
setConfig(CONFIG_KEYS.playbackRate, rate);
if (STATE.currentVideo) {
setVideoSpeed(STATE.currentVideo, rate);
}
updateSpeedPresetActive(rate);
});
// 倍速预设
document.querySelectorAll('.trh-speed-preset').forEach(preset => {
preset.addEventListener('click', () => {
const rate = parseFloat(preset.dataset.speed);
setConfig(CONFIG_KEYS.playbackRate, rate);
speedSlider.value = rate;
speedValue.textContent = rate + 'x';
if (STATE.currentVideo) {
setVideoSpeed(STATE.currentVideo, rate);
}
updateSpeedPresetActive(rate);
log(`倍速已设置为 ${rate}x`);
});
});
// 初始化倍速预设高亮
updateSpeedPresetActive(getConfig(CONFIG_KEYS.playbackRate, 2));
// 暂停/继续按钮
document.getElementById('trh-btn-toggle').addEventListener('click', () => {
STATE.running = !STATE.running;
const btn = document.getElementById('trh-btn-toggle');
const status = document.getElementById('trh-status');
if (STATE.running) {
btn.textContent = '暂停助手';
btn.className = 'trh-btn trh-btn-primary';
status.textContent = '运行中';
status.className = 'trh-info-value active';
startMainLoop();
log('助手已恢复运行');
} else {
btn.textContent = '继续运行';
btn.className = 'trh-btn trh-btn-danger';
status.textContent = '已暂停';
status.className = 'trh-info-value stopped';
stopMainLoop();
log('助手已暂停', 'warn');
}
});
// 下一集按钮
document.getElementById('trh-btn-next').addEventListener('click', () => {
goToNextLesson();
});
// 清空日志按钮
document.getElementById('trh-btn-clearlog').addEventListener('click', () => {
STATE.log = [];
updateLogDisplay();
log('日志已清空');
});
}
function getToggleLabel(key) {
const labels = {
autoPlay: '自动播放',
autoNext: '自动连播',
autoMute: '自动静音',
skipDialog: '弹窗处理',
skipQuiz: 'Quiz处理',
keepAlive: '防挂机检测',
};
return labels[key] || key;
}
function updateSpeedPresetActive(rate) {
document.querySelectorAll('.trh-speed-preset').forEach(preset => {
const presetRate = parseFloat(preset.dataset.speed);
preset.classList.toggle('active', Math.abs(presetRate - rate) < 0.01);
});
}
function makeDraggable(panel, handle) {
let isDragging = false;
let startX, startY, startLeft, startTop;
handle.addEventListener('mousedown', (e) => {
if (e.target.classList.contains('trh-btn-minimize')) return;
isDragging = true;
startX = e.clientX;
startY = e.clientY;
const rect = panel.getBoundingClientRect();
startLeft = rect.left;
startTop = rect.top;
panel.style.transition = 'none';
e.preventDefault();
});
document.addEventListener('mousemove', (e) => {
if (!isDragging) return;
const dx = e.clientX - startX;
const dy = e.clientY - startY;
let newLeft = startLeft + dx;
let newTop = startTop + dy;
// 边界限制
newLeft = Math.max(0, Math.min(window.innerWidth - 48, newLeft));
newTop = Math.max(0, Math.min(window.innerHeight - 48, newTop));
panel.style.left = newLeft + 'px';
panel.style.top = newTop + 'px';
panel.style.right = 'auto';
});
document.addEventListener('mouseup', () => {
if (isDragging) {
isDragging = false;
panel.style.transition = '';
}
});
}
function updatePanelStats() {
const titleEl = document.getElementById('trh-current-title');
const completedEl = document.getElementById('trh-completed');
if (titleEl) titleEl.textContent = STATE.currentVideoTitle || '检测中...';
if (completedEl) completedEl.textContent = STATE.completedCount + ' 个';
}
function updateRuntime() {
const runtimeEl = document.getElementById('trh-runtime');
if (!runtimeEl) return;
const elapsed = Math.floor((Date.now() - STATE.startTime) / 1000);
const h = String(Math.floor(elapsed / 3600)).padStart(2, '0');
const m = String(Math.floor((elapsed % 3600) / 60)).padStart(2, '0');
const s = String(elapsed % 60).padStart(2, '0');
runtimeEl.textContent = `${h}:${m}:${s}`;
}
function updateLogDisplay() {
const logBox = document.getElementById('trh-log-box');
if (!logBox) return;
const recentLogs = STATE.log.slice(-15);
logBox.innerHTML = recentLogs.map(entry => {
const levelClass = entry.level || 'info';
return `