v${escapeHtml(meta('version'))}
`;
}
/** 官方改了主题、配置同步过来时刷新面板图标 */
refreshThemeIcon(mode) {
if (!this.panel) return;
this.settings.themeMode = mode;
this.panel.querySelectorAll('#dlo-theme svg[data-mode]').forEach((svg) => {
svg.dataset.active = svg.dataset.mode === mode ? '1' : '0';
});
const btn = this.panel.querySelector('#dlo-theme');
if (btn) btn.title = `配色：${THEME_LABEL[mode]}（点击切换）`;
}
/** 切主题：只把档位交给官方（写 cookie + 刷新 DOM 属性），面板随官方变量变化 */
cycleTheme(panel) {
const cur = THEME_MODES.includes(this.settings.themeMode) ? this.settings.themeMode : 'auto';
const next = THEME_MODES[(THEME_MODES.indexOf(cur) + 1) % THEME_MODES.length];
this.settings.themeMode = next;
saveSettings(this.settings);
panel.querySelectorAll('#dlo-theme svg[data-mode]').forEach((svg) => {
svg.dataset.active = svg.dataset.mode === next ? '1' : '0';
});
const btn = panel.querySelector('#dlo-theme');
if (btn) btn.title = `配色：${THEME_LABEL[next]}（点击切换）`;
this.onThemeChange?.(next);
log('theme ->', next);
}
bind(panel) {
panel.querySelector('#dlo-close')?.addEventListener('click', (e) => {
e.stopPropagation();
this.close();
});
panel.querySelector('#dlo-theme')?.addEventListener('click', (e) => {
e.preventDefault();
e.stopPropagation();
this.cycleTheme(panel);
});
panel.querySelector('#dlo-save')?.addEventListener('click', (e) => {
e.stopPropagation();
this.settings = {
muteOnHome: !!panel.querySelector('#dlo-mute')?.checked,
targetQuality: panel.querySelector('#dlo-quality-select')?.value ?? QUALITY_AUTO,
enableScreenPlusOne: !!panel.querySelector('#dlo-plus1')?.checked,
enableDanmakuHistory: !!panel.querySelector('#dlo-history')?.checked,
themeMode: THEME_MODES.includes(this.settings.themeMode) ? this.settings.themeMode : 'auto'
};
saveSettings(this.settings);
this.onThemeChange?.(this.settings.themeMode);
this.onApply(this.settings);
this.close();
log('settings saved', this.settings);
});
}
}
// ---------- bootstrap ----------
// 主题尽早刷，否则会先闪官方默认配色；脚本配置为准，用户点官方控件才反同步
const settings = loadSettings();
const officialTheme = new OfficialTheme(settings);
officialTheme.apply();
officialTheme.startWatch();
officialTheme.watchOfficialToggle();
// 官方改了主题时通知设置面板刷新图标
let onThemeSynced = null;
officialTheme.onModeChanged = (mode) => onThemeSynced?.(mode);
function main() {
injectStyles();
const quality = new QualityOptimizer(settings);
const screenPlusOne = new ScreenDanmakuPlusOne(settings);
const history = new DanmakuHistory(settings);
const ui = new SettingsUI(
settings,
(next) => {
quality.updateSettings(next);
screenPlusOne.update(next);
history.update(next);
applyRoute(next);
},
(mode) => {
// 配色只走官方那套
officialTheme.settings.themeMode = mode;
officialTheme.apply();
}
);
onThemeSynced = (mode) => ui.refreshThemeIcon(mode);
function applyRoute(s) {
if (s.muteOnHome) startHomeMute();
else stopMute();
if (isRoom()) quality.run();
}
ui.mountFab();
ui.watchFab();
screenPlusOne.bind();
history.bind();
applyRoute(settings);
// 画质面板起得慢，再补一次；用户手动切档会在 settle 检查里被尊重
setTimeout(() => {
if (isRoom()) quality.run();
}, 6000);
// SPA 路由：首页 <-> 直播间之间不刷新页面，靠 URL 变化把功能重新对一遍
let href = location.href;
const onNav = () => {
log('route change ->', location.pathname);
quality.done = false;
quality.targetText = '';
screenPlusOne.hide();
// 同标签内跳进房间时，首页那个大直播间的流也得停
if (isRoom()) {
stopHomepageLive();
cleanRoomUrl();
}
applyRoute(loadSettings());
};
window.addEventListener('popstate', onNav);
setInterval(() => {
if (location.href !== href) {
href = location.href;
onNav();
}
}, 2000);
log('initialized', { version: meta('version'), settings, home: isHome(), room: isRoom() });
}
// worker 钩子必须赶在播放器建 worker 之前（load 之前），故在 document-start 执行
installDanmakuWorkerHook();
// 房间链接多为 target=_blank，首页标签不会触发路由变化，点击时就得停掉首页大卡片
document.addEventListener(
'click',
(e) => {
const a = e.target?.closest?.('a[href]');
if (!isRoomLink(a)) return;
stopHomepageLive();
},
{ capture: true, passive: true }
);
// 房间 URL 上的参数去掉，只留 https://live.douyin.com/<房间号>
installUrlCleaner();
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => setTimeout(main, 300));
} else {
setTimeout(main, 300);
}
})();