${title}
${subtitle}
⚠️ 图片加载失败（可能被当前网站安全策略拦截），请手动搜索关注公众号：极客脚本库，回复“交流群”即可
${tipBoxContent}
`);
document.body.appendChild(modal);
// 事件绑定
const closeBtn = modal.querySelector('#geek-close-btn');
closeBtn.onclick = () => modal.remove();
modal.onclick = (e) => {
if (e.target === modal) modal.remove();
};
// 图片错误处理
const img = modal.querySelector('.geek-qr-img');
const errBox = modal.querySelector('.geek-error-box');
img.onerror = () => {
img.style.display = 'none';
errBox.style.display = 'block';
};
}
class SubtitleManager {
constructor() {
this.videoElement = null;
this.observer = null;
// 将初始化逻辑包裹在 try-catch 中，确保即使出错也不影响菜单注册（虽然现在菜单注册已经移出去了）
try {
this.init();
} catch (e) {
console.error('[YouTube字幕自动中文] 初始化失败:', e);
}
}
init() {
LOGGER.info('已运行');
LOGGER.promo();
// this.setupMenu(); // 菜单注册已移至外部
this.checkFirstRun();
this.startPageObserver();
}
startPageObserver() {
// 使用 MutationObserver 监听页面导航（YouTube是SPA）
const bodyObserver = new MutationObserver(() => {
if (window.location.href.includes('watch')) {
this.detectVideoPlayer();
}
});
bodyObserver.observe(document.body, { childList: true, subtree: true });
if (window.location.href.includes('watch')) {
this.detectVideoPlayer();
}
}
detectVideoPlayer() {
const video = document.querySelector('video');
if (video && video !== this.videoElement) {
this.videoElement = video;
this.bindVideoEvents();
}
}
bindVideoEvents() {
if (!this.videoElement) return;
// 视频加载数据后尝试操作
this.videoElement.addEventListener('loadeddata', () => {
setTimeout(() => this.executeTranslationFlow(), 1000);
});
// 尝试跳过广告
this.videoElement.addEventListener('canplay', () => {
const skipBtn = document.querySelector('.ytp-ad-skip-button-icon') ||
document.querySelector('.ytp-ad-skip-button') ||
document.querySelector('.ytp-skip-ad-button');
if (skipBtn) skipBtn.click();
});
}
async executeTranslationFlow() {
// 开启字幕
const ccBtn = document.querySelector('.ytp-subtitles-button[aria-pressed="false"]');
if (ccBtn) ccBtn.click();
// 进入设置菜单
const settingsBtn = document.querySelector('.ytp-settings-button');
if (!settingsBtn) return;
settingsBtn.click();
await this.sleep(200);
// 查找字幕菜单
const menuItems = document.querySelectorAll('.ytp-menuitem');
const subMenu = Array.from(menuItems).find(item =>
CONFIG.subtitles.some(key => item.innerText.includes(key))
);
if (!subMenu) {
settingsBtn.click(); // 关闭菜单
return;
}
subMenu.click();
await this.sleep(200);
// 尝试直接选择中文
const langItems = document.querySelectorAll('.ytp-menuitem');
const targetLangItem = Array.from(langItems).find(item =>
CONFIG.targetLang.some(key => item.innerText.includes(key))
);
if (targetLangItem) {
targetLangItem.click();
// 点击视频区域关闭菜单（模拟用户行为）
document.querySelector('#movie_player')?.click();
} else {
// 尝试自动翻译
const autoTransItem = Array.from(langItems).find(item =>
CONFIG.autoTranslate.some(key => item.innerText.includes(key))
);
if (autoTransItem) {
autoTransItem.click();
await this.sleep(200);
// 在自动翻译列表中找中文
const autoLangItems = document.querySelectorAll('.ytp-menuitem');
const autoTargetItem = Array.from(autoLangItems).find(item =>
CONFIG.targetLang.some(key => item.innerText.includes(key))
);
if (autoTargetItem) {
autoTargetItem.click();
}
}
}
// 确保菜单关闭
if (document.querySelector('.ytp-popup-settings')) {
settingsBtn.click();
}
}
sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
checkFirstRun() {
const hasRun = GM_getValue('has_run_v1', false);
if (!hasRun) {
setTimeout(() => {
showContactModal(true);
GM_setValue('has_run_v1', true);
}, 2000);
}
}
}
// --- Main Execution ---
// 1. 立即注册菜单，确保按钮存在
try {
if (typeof GM_registerMenuCommand !== 'undefined') {
GM_registerMenuCommand("💬 反馈BUG & 加入油猴爱好者群", () => showContactModal(false));
} else {
console.warn('[YouTube字幕自动中文] GM_registerMenuCommand 未定义，菜单可能无法显示');
}
} catch (e) {
console.error('[YouTube字幕自动中文] 菜单注册失败:', e);
}
// 2. 启动逻辑
new SubtitleManager();
})();