自動開啟查詢結果表格中每個詞目連結於 Modal iframe，依序播放音檔(自動偵測時長)，主表格自動滾動高亮，**處理完畢後自動跳轉下一頁繼續播放(修正URL與啟動時機)**，可即時暫停/停止/點擊背景暫停/點擊表格列播放，並根據亮暗模式高亮按鈕。 **v4.25: 控制按鈕容器改為播放後才出現，並再次審閱程式碼風格。**
当前为
// ==UserScript==
// @name KIPSutian-autoplay
// @namespace aiuanyu
// @version 4.25
// @description 自動開啟查詢結果表格中每個詞目連結於 Modal iframe，依序播放音檔(自動偵測時長)，主表格自動滾動高亮，**處理完畢後自動跳轉下一頁繼續播放(修正URL與啟動時機)**，可即時暫停/停止/點擊背景暫停/點擊表格列播放，並根據亮暗模式高亮按鈕。 **v4.25: 控制按鈕容器改為播放後才出現，並再次審閱程式碼風格。**
// @author Aiuanyu 愛灣語 + Gemini
// @match http*://sutian.moe.edu.tw/und-hani/tshiau/*
// @match http*://sutian.moe.edu.tw/und-hani/hunlui/*
// @match http*://sutian.moe.edu.tw/und-hani/siannuntiau/*
// @match http*://sutian.moe.edu.tw/und-hani/poosiu/poosiu/*/*
// @match http*://sutian.moe.edu.tw/und-hani/tsongpitueh/*
// @match http*://sutian.moe.edu.tw/und-hani/huliok/*
// @match http*://sutian.moe.edu.tw/zh-hant/tshiau/*
// @match http*://sutian.moe.edu.tw/zh-hant/hunlui/*
// @match http*://sutian.moe.edu.tw/zh-hant/siannuntiau/*
// @match http*://sutian.moe.edu.tw/zh-hant/poosiu/poosiu/*/*
// @match http*://sutian.moe.edu.tw/zh-hant/tsongpitueh/*
// @match http*://sutian.moe.edu.tw/zh-hant/huliok/*
// @exclude http*://sutian.moe.edu.tw/und-hani/tsongpitueh/
// @exclude http*://sutian.moe.edu.tw/und-hani/tsongpitueh/?ueh=*
// @exclude http*://sutian.moe.edu.tw/zh-hant/tsongpitueh/
// @exclude http*://sutian.moe.edu.tw/zh-hant/tsongpitueh/?ueh=*
// @grant GM_addStyle
// @grant GM_xmlhttpRequest
// @connect sutian.moe.edu.tw
// @run-at document-idle
// @license GNU GPLv3
// ==/UserScript==
(function () {
'use strict';
// --- 配置 ---
const MODAL_WIDTH = '80vw';
const MODAL_HEIGHT = '70vh';
const FALLBACK_DELAY_MS = 3000;
const DELAY_BUFFER_MS = 500;
const DELAY_BETWEEN_CLICKS_MS = 200;
const DELAY_BETWEEN_IFRAMES_MS = 200;
const HIGHLIGHT_CLASS = 'userscript-audio-playing';
const ROW_HIGHLIGHT_CLASS_MAIN = 'userscript-row-highlight';
const ROW_PAUSED_HIGHLIGHT_CLASS = 'userscript-row-paused-highlight';
const OVERLAY_ID = 'userscript-modal-overlay';
const MOBILE_INTERACTION_BOX_ID = 'userscript-mobile-interaction-box';
const MOBILE_BG_OVERLAY_ID = 'userscript-mobile-bg-overlay';
const CONTROLS_CONTAINER_ID = 'auto-play-controls-container'; // ** 新增：控制按鈕容器 ID **
const ROW_HIGHLIGHT_COLOR = 'rgba(0, 255, 0, 0.1)';
const ROW_HIGHLIGHT_DURATION = 1500;
const FONT_AWESOME_URL = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css';
const FONT_AWESOME_INTEGRITY = 'sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==';
const AUTOPLAY_PARAM = 'autoplay';
const PAGINATION_PARAMS = ['iahbe', 'pitsoo'];
const AUTO_START_MAX_WAIT_MS = 10000;
const AUTO_START_CHECK_INTERVAL_MS = 500;
const TABLE_CONTAINER_SELECTOR = 'main.container-fluid div.mt-1.mb-5, main.container-fluid div.mt-1.mb-4, main.container-fluid div.mb-5';
const ALL_TABLES_SELECTOR = TABLE_CONTAINER_SELECTOR.split(',')
.map(s => `${s.trim()} > table`)
.join(', ');
const RELEVANT_ROW_MARKER_SELECTOR = 'td:first-of-type span.fw-normal';
const WIDE_TABLE_SELECTOR = 'table.d-none.d-md-table';
const NARROW_TABLE_SELECTOR = 'table.d-md-none';
const RESIZE_DEBOUNCE_MS = 300;
const AUDIO_INDICATOR_SELECTOR = 'button.imtong-liua';
const MOBILE_BOX_BG_COLOR = '#aa96b7'; // iMazinGrace 紫 (亮色)
const MOBILE_BOX_TEXT_COLOR = '#d9e2a9'; // iMazinGrace 綠 (亮色)
const MOBILE_BOX_BG_COLOR_DARK = '#4a4a8a';
const MOBILE_BOX_TEXT_COLOR_DARK = '#EEEEEE';
const MOBILE_BG_OVERLAY_COLOR = 'rgba(0, 0, 0, 0.6)';
// --- 適應亮暗模式的高亮樣式 ---
// ** 保持易讀性，將 CSS 分開定義 **
const CSS_IFRAME_HIGHLIGHT = `
/* iframe 內按鈕高亮 - 亮色模式 */
.${HIGHLIGHT_CLASS} { background-color: #FFF352 !important; color: black !important; outline: 2px solid #FFB800 !important; box-shadow: 0 0 10px #FFF352; transition: all 0.2s ease-in-out; }
/* iframe 內按鈕高亮 - 深色模式 */
@media (prefers-color-scheme: dark) { .${HIGHLIGHT_CLASS} { background-color: #66b3ff !important; color: black !important; outline: 2px solid #87CEFA !important; box-shadow: 0 0 10px #66b3ff; } }
`;
const CSS_PAUSE_HIGHLIGHT = `
/* 暫停時閃爍效果 - Keyframes */
@keyframes userscriptPulseHighlight { 0% { background-color: rgba(255, 193, 7, 0.2); } 50% { background-color: rgba(255, 193, 7, 0.4); } 100% { background-color: rgba(255, 193, 7, 0.2); } }
/* 暫停時閃爍效果 - Keyframes (深色模式) */
@media (prefers-color-scheme: dark) { @keyframes userscriptPulseHighlight { 0% { background-color: rgba(102, 179, 255, 0.3); } 50% { background-color: rgba(102, 179, 255, 0.6); } 100% { background-color: rgba(102, 179, 255, 0.3); } } }
/* 暫停時閃爍效果 - Class */
.${ROW_PAUSED_HIGHLIGHT_CLASS} { animation: userscriptPulseHighlight 1.5s ease-in-out infinite; }
`;
const CSS_MOBILE_OVERLAY = `
/* 行動裝置互動 "背景遮罩" 樣式 */
#${MOBILE_BG_OVERLAY_ID} { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: ${MOBILE_BG_OVERLAY_COLOR}; z-index: 10004; cursor: pointer; }
/* 行動裝置互動 "提示框" 樣式 (亮色模式) */
#${MOBILE_INTERACTION_BOX_ID} { position: fixed; background-color: ${MOBILE_BOX_BG_COLOR}; color: ${MOBILE_BOX_TEXT_COLOR}; display: flex; justify-content: center; align-items: center; font-size: 10vw; font-weight: bold; text-align: center; z-index: 10005; cursor: pointer; padding: 20px; box-sizing: border-box; border-radius: 8px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); }
/* 行動裝置互動 "提示框" 樣式 (深色模式) */
@media (prefers-color-scheme: dark) { #${MOBILE_INTERACTION_BOX_ID} { background-color: ${MOBILE_BOX_BG_COLOR_DARK}; color: ${MOBILE_BOX_TEXT_COLOR_DARK}; } }
`;
const CSS_CONTROLS_BUTTONS = `
/* 控制按鈕懸停及禁用樣式 */
#${CONTROLS_CONTAINER_ID} button:disabled { opacity: 0.65; cursor: not-allowed; }
#auto-play-pause-button:hover:not(:disabled) { background-color: #e0a800 !important; }
#auto-play-stop-button:hover:not(:disabled) { background-color: #c82333 !important; }
`;
// --- 配置結束 ---
// --- 全局狀態變數 ---
let isProcessing = false;
let isPaused = false;
let currentLinkIndex = 0;
let totalLinks = 0;
let currentSleepController = null;
let currentIframe = null;
let linksToProcess = [];
let rowHighlightTimeout = null;
let resizeDebounceTimeout = null;
let currentPausedHighlightElement = null;
let isMobile = false;
// --- UI 元素引用 ---
// ** 修改：按鈕變數在此處聲明，但在 addTriggerButton 中創建 **
let pauseButton = null;
let stopButton = null;
let statusDisplay = null;
let overlayElement = null;
// --- Helper 函數 ---
function interruptibleSleep(ms) {
if (currentSleepController) { currentSleepController.cancel('overridden'); }
let timeoutId, rejectFn, resolved = false, rejected = false;
const promise = new Promise((resolve, reject) => {
rejectFn = reject;
timeoutId = setTimeout(() => { if (!rejected) { resolved = true; currentSleepController = null; resolve(); } }, ms);
});
const controller = {
promise: promise,
cancel: (reason = 'cancelled') => {
if (!resolved && !rejected) { rejected = true; clearTimeout(timeoutId); currentSleepController = null; const error = new Error(reason); error.isCancellation = true; error.reason = reason; rejectFn(error); }
}
};
currentSleepController = controller; return controller;
}
function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); }
function getAudioDuration(audioUrl) {
console.log(`[自動播放] 嘗試獲取音檔時長: ${audioUrl}`);
return new Promise((resolve) => {
if (!audioUrl) { console.warn("[自動播放] 無效的音檔 URL，使用後備延遲。"); resolve(FALLBACK_DELAY_MS); return; }
const audio = new Audio(); audio.preload = 'metadata';
const timer = setTimeout(() => { console.warn(`[自動播放] 獲取音檔 ${audioUrl} 元數據超時 (5秒)，使用後備延遲。`); cleanupAudio(); resolve(FALLBACK_DELAY_MS); }, 5000);
const cleanupAudio = () => { clearTimeout(timer); audio.removeEventListener('loadedmetadata', onLoadedMetadata); audio.removeEventListener('error', onError); audio.src = ''; };
const onLoadedMetadata = () => { if (audio.duration && isFinite(audio.duration)) { const durationMs = Math.ceil(audio.duration * 1000) + DELAY_BUFFER_MS; console.log(`[自動播放] 獲取到音檔時長: ${audio.duration.toFixed(2)}s, 使用延遲: ${durationMs}ms`); cleanupAudio(); resolve(durationMs); } else { console.warn(`[自動播放] 無法從元數據獲取有效時長 (${audio.duration})，使用後備延遲。`); cleanupAudio(); resolve(FALLBACK_DELAY_MS); } };
const onError = (e) => { console.error(`[自動播放] 加載音檔 ${audioUrl} 元數據時出錯:`, e); cleanupAudio(); resolve(FALLBACK_DELAY_MS); };
audio.addEventListener('loadedmetadata', onLoadedMetadata); audio.addEventListener('error', onError);
try { audio.src = audioUrl; } catch (e) { console.error(`[自動播放] 設置音檔 src 時發生錯誤 (${audioUrl}):`, e); cleanupAudio(); resolve(FALLBACK_DELAY_MS); }
});
}
function addStyleToIframe(iframeDoc, css) {
try { const styleElement = iframeDoc.createElement('style'); styleElement.textContent = css; iframeDoc.head.appendChild(styleElement); console.log("[自動播放] 已在 iframe 中添加高亮樣式。"); }
catch (e) { console.error("[自動播放] 無法在 iframe 中添加樣式:", e); }
}
function handleOverlayClick(event) {
if (event.target !== overlayElement) return;
if (isProcessing && !isPaused) {
console.log("[自動播放] 點擊背景遮罩，觸發暫停並關閉 Modal。");
isPaused = true; pauseButton.textContent = '繼續'; updateStatusDisplay();
if (currentSleepController) currentSleepController.cancel('paused_overlay');
if (currentPausedHighlightElement) currentPausedHighlightElement.classList.add(ROW_PAUSED_HIGHLIGHT_CLASS);
else console.warn("[自動播放] 點擊遮罩暫停，但找不到當前高亮目標元素。");
closeModal();
}
}
function showModal(iframe) {
overlayElement = document.getElementById(OVERLAY_ID);
if (!overlayElement) { overlayElement = document.createElement('div'); overlayElement.id = OVERLAY_ID; Object.assign(overlayElement.style, { position: 'fixed', top: '0', left: '0', width: '100vw', height: '100vh', backgroundColor: MOBILE_BG_OVERLAY_COLOR, zIndex: '9998', cursor: 'pointer' }); document.body.appendChild(overlayElement); }
overlayElement.removeEventListener('click', handleOverlayClick); overlayElement.addEventListener('click', handleOverlayClick);
Object.assign(iframe.style, { position: 'fixed', width: MODAL_WIDTH, height: MODAL_HEIGHT, top: '50%', left: '50%', transform: 'translate(-50%, -50%)', border: '1px solid #ccc', borderRadius: '8px', boxShadow: '0 5px 20px rgba(0, 0, 0, 0.3)', backgroundColor: 'white', zIndex: '9999', opacity: '1', pointerEvents: 'auto' });
document.body.appendChild(iframe); currentIframe = iframe;
console.log(`[自動播放] 已顯示 Modal iframe, id: ${currentIframe.id}`);
}
function closeModal() {
if (currentIframe && currentIframe.parentNode) currentIframe.remove(); currentIframe = null;
if (overlayElement) { overlayElement.removeEventListener('click', handleOverlayClick); if (overlayElement.parentNode) overlayElement.remove(); overlayElement = null; }
if (currentSleepController) { currentSleepController.cancel('modal_closed'); currentSleepController = null; }
}
async function handleIframeContent(iframe, url, linkIndexInCurrentList) {
let iframeDoc;
try {
await sleep(150); iframeDoc = iframe.contentWindow.document; addStyleToIframe(iframeDoc, CSS_IFRAME_HIGHLIGHT); // 使用 CSS 常數
const audioButtons = iframeDoc.querySelectorAll('button.imtong-liua'); console.log(`[自動播放] 在 iframe (${iframe.id}) 中找到 ${audioButtons.length} 個播放按鈕`);
if (audioButtons.length > 0) {
for (let i = 0; i < audioButtons.length; i++) {
if (!isProcessing) { console.log("[自動播放] 播放音檔前檢測到停止"); break; }
while (isPaused && isProcessing) { await sleep(500); if (!isProcessing) break; } if (!isProcessing || isPaused) { i--; continue; }
const button = audioButtons[i]; if (!button || !iframeDoc.body.contains(button)) { console.warn(`[自動播放] 按鈕 ${i + 1} 失效，跳過。`); continue; } console.log(`[自動播放] 準備播放 iframe 中的第 ${i + 1} 個音檔`);
let actualDelayMs = FALLBACK_DELAY_MS; let audioSrc = null; let audioPath = null; const srcString = button.dataset.src; if (srcString) { try { const d = JSON.parse(srcString.replace(/"/g, '"')); if (Array.isArray(d) && d.length > 0 && typeof d[0] === 'string') audioPath = d[0]; } catch (e) { if (typeof srcString === 'string' && srcString.trim().startsWith('/')) audioPath = srcString.trim(); } } if (audioPath) { try { audioSrc = new URL(audioPath, iframe.contentWindow.location.href).href; } catch (urlError) { audioSrc = null; } } else { audioSrc = null; } actualDelayMs = await getAudioDuration(audioSrc);
let scrollTargetElement = button; const flexContainer = button.closest('div.d-flex.flex-row.align-items-baseline'), fs6Container = button.closest('div.mb-0.fs-6'); if (flexContainer) { const h = iframeDoc.querySelector('h1#main'); if (h) scrollTargetElement = h; } else if (fs6Container) { const p = fs6Container.previousElementSibling; if (p && p.matches('span.mb-0')) scrollTargetElement = p; } if (scrollTargetElement && iframeDoc.body.contains(scrollTargetElement)) scrollTargetElement.scrollIntoView({ behavior: 'smooth', block: 'center' }); await sleep(300);
button.classList.add(HIGHLIGHT_CLASS); button.click(); console.log(`[自動播放] 已點擊按鈕 ${i + 1}，等待 ${actualDelayMs}ms`);
try { await interruptibleSleep(actualDelayMs).promise; } catch (error) { if (error.isCancellation) { if (iframeDoc.body.contains(button)) button.classList.remove(HIGHLIGHT_CLASS); break; } else { throw error; } } finally { currentSleepController = null; }
if (iframeDoc.body.contains(button)) button.classList.remove(HIGHLIGHT_CLASS); if (!isProcessing) break;
if (i < audioButtons.length - 1) { try { await interruptibleSleep(DELAY_BETWEEN_CLICKS_MS).promise; } catch (error) { if (error.isCancellation) break; else throw error; } finally { currentSleepController = null; } } if (!isProcessing) break;
}
} else { console.log(`[自動播放] Iframe ${url} 中未找到播放按鈕`); await sleep(1000); }
} catch (error) { console.error(`[自動播放] 處理 iframe 內容時出錯 (${url}):`, error); } finally { if (currentSleepController) { currentSleepController.cancel('content_handled_exit'); currentSleepController = null; } }
}
async function processSingleLink(url, linkIndexInCurrentList) {
console.log(`[自動播放] processSingleLink 開始: 列表索引 ${linkIndexInCurrentList} (第 ${linkIndexInCurrentList + 1} / ${totalLinks} 項) - ${url}. isProcessing: ${isProcessing}, isPaused: ${isPaused}`);
const iframeId = `auto-play-iframe-${Date.now()}`; let iframe = document.createElement('iframe'); iframe.id = iframeId;
return new Promise(async (resolve) => {
if (!isProcessing) { resolve(); return; }
let isUsingExistingIframe = false;
if (currentIframe && currentIframe.contentWindow && currentIframe.contentWindow.location.href === url) { iframe = currentIframe; isUsingExistingIframe = true; } else { if (currentIframe) { closeModal(); await sleep(50); if (!isProcessing) { resolve(); return; } } showModal(iframe); }
if (isUsingExistingIframe) { await handleIframeContent(iframe, url, linkIndexInCurrentList); resolve(); } else { iframe.onload = async () => { if (!isProcessing) { closeModal(); resolve(); return; } if (currentIframe !== iframe) { resolve(); return; } await handleIframeContent(iframe, url, linkIndexInCurrentList); resolve(); }; iframe.onerror = (error) => { console.error(`[自動播放] Iframe 載入失敗 (${url}):`, error); closeModal(); resolve(); }; iframe.src = url; }
});
}
function findElementForLink(targetUrl) {
if (!targetUrl) return null;
const visibleTables = getVisibleTables(); const linkSelector = getLinkSelector(); let targetElement = null;
for (const table of visibleTables) {
const isWideTable = table.matches(WIDE_TABLE_SELECTOR), isNarrowTable = table.matches(NARROW_TABLE_SELECTOR); const rows = table.querySelectorAll('tbody tr');
if (isWideTable) { for (const row of rows) { const firstTd = row.querySelector('td:first-of-type'); if (firstTd && firstTd.querySelector(RELEVANT_ROW_MARKER_SELECTOR)) { const linkElement = row.querySelector(linkSelector); if (linkElement) { try { const linkHref = new URL(linkElement.getAttribute('href'), window.location.origin).href; if (linkHref === targetUrl) { targetElement = firstTd; break; } } catch (e) { console.error(`[自動播放][查找元素][寬] 處理連結 URL 時出錯:`, e, linkElement); } } } } }
else if (isNarrowTable && rows.length >= 2) { const firstRowTd = rows[0].querySelector('td:first-of-type'), secondRowTd = rows[1].querySelector('td:first-of-type'); if (firstRowTd && firstRowTd.querySelector(RELEVANT_ROW_MARKER_SELECTOR) && secondRowTd) { const linkElement = secondRowTd.querySelector(linkSelector); if (linkElement) { try { const linkHref = new URL(linkElement.getAttribute('href'), window.location.origin).href; if (linkHref === targetUrl) { targetElement = table; break; } } catch (e) { console.error(`[自動播放][查找元素][窄] 處理連結 URL 時出錯:`, e, linkElement); } } } }
if (targetElement) break;
}
if (!targetElement) console.warn(`[自動播放][查找元素] 未能找到 URL 對應的元素: ${targetUrl}`);
return targetElement;
}
// 循序處理連結列表 - 加入自動分頁邏輯
async function processLinksSequentially() {
console.log("[自動播放] processLinksSequentially 開始");
while (currentLinkIndex < totalLinks && isProcessing) {
// 處理暫停
while (isPaused && isProcessing) {
console.log(`[自動播放] 主流程已暫停 (索引 ${currentLinkIndex})，等待繼續...`);
updateStatusDisplay();
await sleep(500);
if (!isProcessing) break;
}
if (!isProcessing) break;
updateStatusDisplay();
const linkInfo = linksToProcess[currentLinkIndex];
console.log(`[自動播放] 準備處理連結 ${currentLinkIndex + 1}/${totalLinks} (全局索引 ${linkInfo.originalIndex}) - URL: ${linkInfo.url}`);
// --- 查找、捲動和高亮主頁面元素 ---
const targetElement = findElementForLink(linkInfo.url);
let highlightTarget = null;
// 清除之前的任何高亮效果
if (rowHighlightTimeout) { clearTimeout(rowHighlightTimeout); rowHighlightTimeout = null; }
document.querySelectorAll(`.${ROW_HIGHLIGHT_CLASS_MAIN}, .${ROW_PAUSED_HIGHLIGHT_CLASS}`).forEach(el => {
el.classList.remove(ROW_HIGHLIGHT_CLASS_MAIN, ROW_PAUSED_HIGHLIGHT_CLASS);
el.style.backgroundColor = ''; el.style.transition = ''; el.style.animation = '';
});
currentPausedHighlightElement = null; // 清除舊的暫停目標
if (targetElement) {
// 確定高亮目標 (tr)
if (targetElement.tagName === 'TD') { highlightTarget = targetElement.closest('tr'); }
else if (targetElement.tagName === 'TABLE') { highlightTarget = targetElement.querySelector('tbody tr:first-of-type'); }
console.log(`[自動播放][主頁捲動/高亮] 正在處理項目 ${linkInfo.originalIndex + 1} 對應的元素`, targetElement, `高亮目標:`, highlightTarget);
// 捲動到目標元素
targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
await sleep(300);
// 應用常規高亮
if (highlightTarget) {
highlightTarget.classList.add(ROW_HIGHLIGHT_CLASS_MAIN);
highlightTarget.style.backgroundColor = ROW_HIGHLIGHT_COLOR;
highlightTarget.style.transition = 'background-color 0.5s ease-out';
currentPausedHighlightElement = highlightTarget; // 設置新的暫停目標
// 設置延遲移除常規高亮
const currentHighlightTarget = highlightTarget;
rowHighlightTimeout = setTimeout(() => {
if (currentHighlightTarget && currentHighlightTarget.classList.contains(ROW_HIGHLIGHT_CLASS_MAIN)) {
currentHighlightTarget.style.backgroundColor = '';
setTimeout(() => { if (currentHighlightTarget) currentHighlightTarget.classList.remove(ROW_HIGHLIGHT_CLASS_MAIN); }, 500);
}
rowHighlightTimeout = null;
}, ROW_HIGHLIGHT_DURATION);
} else { console.warn(`[自動播放][主頁高亮] 未能確定項目 ${linkInfo.originalIndex + 1} 的高亮目標 (tr)。`); }
} else {
// ** 修正：如果找不到元素，直接跳到下一個循環 **
console.warn(`[自動播放][主頁捲動] 未能找到項目 ${linkInfo.originalIndex + 1} (URL: ${linkInfo.url}) 對應的元素進行捲動和高亮。跳過此項目。`);
currentLinkIndex++; // ** 重要：跳過這個無效項目 **
continue; // ** 進入下一次 while 循環 **
}
await sleep(200); // 等待滾動和高亮穩定
if (!isProcessing || isPaused) continue; // 如果在等待時狀態改變
// ** 修正：只有在找到元素後才處理單個連結 **
await processSingleLink(linkInfo.url, currentLinkIndex);
if (!isProcessing) break; // 檢查處理後是否被停止
// 關閉 Modal (如果沒有暫停)
if (!isPaused) closeModal();
// 移動到下一個連結 (如果沒有暫停)
if (!isPaused) currentLinkIndex++;
else console.log(`[自動播放][偵錯] 處於暫停狀態，索引保持不變`);
// 連結間的等待
if (currentLinkIndex < totalLinks && isProcessing && !isPaused) {
try { await interruptibleSleep(DELAY_BETWEEN_IFRAMES_MS).promise; } catch (error) { if (error.isCancellation) console.log(`[自動播放] 連結間等待被 '${error.reason}' 中斷。`); else throw error; } finally { currentSleepController = null; }
}
if (!isProcessing) break;
} // --- while loop end ---
console.log(`[自動播放][偵錯] processLinksSequentially 循環結束。 isProcessing: ${isProcessing}, isPaused: ${isPaused}`);
if (isProcessing && !isPaused) { // 只有正常完成才檢查分頁
// --- 自動分頁邏輯 ---
let foundNextPage = false;
const paginationNav = document.querySelector('nav[aria-label="頁碼"] ul.pagination');
if (paginationNav) {
const nextPageLink = paginationNav.querySelector('li:last-child > a');
if (nextPageLink && (nextPageLink.textContent.includes('後一頁') || nextPageLink.textContent.includes('下一頁')) && !nextPageLink.closest('li.disabled')) {
const nextPageHref = nextPageLink.getAttribute('href');
if (nextPageHref && nextPageHref !== '#') {
try {
const currentParams = new URLSearchParams(window.location.search);
const nextPageUrlTemp = new URL(nextPageHref, window.location.origin);
const nextPageParams = nextPageUrlTemp.searchParams;
const finalParams = new URLSearchParams(currentParams.toString());
PAGINATION_PARAMS.forEach(param => { if (nextPageParams.has(param)) finalParams.set(param, nextPageParams.get(param)); });
finalParams.set(AUTOPLAY_PARAM, 'true');
const finalNextPageUrl = `${window.location.pathname}?${finalParams.toString()}`;
console.log(`[自動播放] 組合完成，準備跳轉至: ${finalNextPageUrl}`);
foundNextPage = true;
await sleep(1000); window.location.href = finalNextPageUrl;
} catch (e) { console.error("[自動播放] 處理下一頁 URL 時出錯:", e); }
}
}
}
if (!foundNextPage) { alert("所有連結攏處理完畢！"); resetTriggerButton(); }
} else { resetTriggerButton(); } // 停止或暫停結束時重置
}
// --- 控制按鈕事件處理 ---
// 輔助函數，獲取當前可見的表格元素列表
function getVisibleTables() {
const allTables = document.querySelectorAll(ALL_TABLES_SELECTOR);
return Array.from(allTables).filter(table => {
try { const style = window.getComputedStyle(table); return style.display !== 'none' && style.visibility !== 'hidden'; }
catch (e) { console.error("[自動播放] 檢查表格可見性時出錯:", e, table); return false; }
});
}
// startPlayback - 加入音檔指示符過濾
function startPlayback(startIndex = 0) {
console.log(`[自動播放] startPlayback 調用。 startIndex: ${startIndex}, isProcessing: ${isProcessing}, isPaused: ${isPaused}`);
if (isProcessing && !isPaused) { console.warn("[自動播放][偵錯] 開始/繼續 按鈕被點擊，但 isProcessing 為 true 且 isPaused 為 false，不執行任何操作。"); return; }
if (isProcessing && isPaused) { // 從暫停恢復
isPaused = false; pauseButton.textContent = '暫停';
if (currentPausedHighlightElement) { currentPausedHighlightElement.classList.remove(ROW_PAUSED_HIGHLIGHT_CLASS); currentPausedHighlightElement.style.animation = ''; }
updateStatusDisplay(); console.log("[自動播放] 從暫停狀態繼續。"); return;
}
// --- 首次啟動或從停止後重新啟動 ---
const linkSelector = getLinkSelector();
console.log(`[自動播放] 使用連結選擇器: ${linkSelector}`);
console.log(`[自動播放] 使用音檔指示符選擇器: ${AUDIO_INDICATOR_SELECTOR}`);
const visibleTables = getVisibleTables();
if (visibleTables.length === 0) { alert("頁面上揣無目前顯示的結果表格！"); return; }
const allLinks = [];
let globalRowIndex = 0; // 用於原始索引
let skippedCount = 0; // 計算跳過的數量
visibleTables.forEach(table => {
const isWideTable = table.matches(WIDE_TABLE_SELECTOR);
const isNarrowTable = table.matches(NARROW_TABLE_SELECTOR);
const rows = table.querySelectorAll('tbody tr');
if (isWideTable) {
rows.forEach(row => {
const firstTd = row.querySelector('td:first-of-type');
if (firstTd && firstTd.querySelector(RELEVANT_ROW_MARKER_SELECTOR)) {
const linkElement = row.querySelector(linkSelector);
const thirdTd = row.querySelector('td:nth-of-type(3)');
const hasAudioIndicator = thirdTd && thirdTd.querySelector(AUDIO_INDICATOR_SELECTOR);
if (linkElement && hasAudioIndicator) {
try { allLinks.push({ url: new URL(linkElement.getAttribute('href'), window.location.origin).href, anchorElement: linkElement, originalIndex: globalRowIndex }); }
catch (e) { console.error(`[自動播放][連結][寬] 處理連結 URL 時出錯:`, e, linkElement); }
} else { if (linkElement && !hasAudioIndicator) { console.log(`[自動播放][過濾][寬] 行 ${globalRowIndex + 1} 有連結但無音檔按鈕(在第3td)，跳過。`); skippedCount++; } }
globalRowIndex++;
}
});
} else if (isNarrowTable && rows.length >= 1) {
const firstRow = rows[0];
const firstRowTd = firstRow.querySelector('td:first-of-type');
if (firstRowTd && firstRowTd.querySelector(RELEVANT_ROW_MARKER_SELECTOR)) {
let linkElement = null;
if (rows.length >= 2) { const secondRowTd = rows[1].querySelector('td:first-of-type'); if (secondRowTd) linkElement = secondRowTd.querySelector(linkSelector); }
if (linkElement) {
const thirdTr = table.querySelector('tbody tr:nth-of-type(3)');
const hasAudioIndicator = thirdTr && thirdTr.querySelector(AUDIO_INDICATOR_SELECTOR);
if (hasAudioIndicator) {
try { allLinks.push({ url: new URL(linkElement.getAttribute('href'), window.location.origin).href, anchorElement: linkElement, originalIndex: globalRowIndex }); }
catch (e) { console.error(`[自動播放][連結][窄] 處理連結 URL 時出錯:`, e, linkElement); }
} else { console.log(`[自動播放][過濾][窄] 項目 ${globalRowIndex + 1} 有連結但無音檔按鈕(在第3tr)，跳過。`); skippedCount++; }
}
globalRowIndex++;
}
} else { console.warn("[自動播放][連結] 發現未知類型的可見表格:", table); }
});
console.log(`[自動播放] 找到 ${allLinks.length} 個包含音檔按鈕的連結 (已跳過 ${skippedCount} 個無音檔按鈕的項目)。`);
if (allLinks.length === 0) { alert("目前顯示的表格內揣無有音檔播放按鈕的詞目連結！"); resetTriggerButton(); return; }
if (startIndex >= allLinks.length) { console.error(`[自動播放] 指定的開始索引 ${startIndex} 超出範圍 (${allLinks.length} 個有效連結)。`); return; }
// 初始化狀態
linksToProcess = allLinks.slice(startIndex); totalLinks = linksToProcess.length; currentLinkIndex = 0; isProcessing = true; isPaused = false;
console.log(`[自動播放] 開始新的播放流程，從有效連結的第 ${startIndex + 1} 項開始，共 ${totalLinks} 項。`);
// ** 修改：確保控制按鈕容器存在並顯示 **
ensureControlsContainer(); // 調用新函數
pauseButton.style.display = 'inline-block';
pauseButton.textContent = '暫停';
stopButton.style.display = 'inline-block';
statusDisplay.style.display = 'inline-block';
updateStatusDisplay();
// 開始處理流程
processLinksSequentially();
}
// pausePlayback
function pausePlayback() {
console.log(`[自動播放] 暫停/繼續 按鈕點擊。 isProcessing: ${isProcessing}, isPaused: ${isPaused}`);
if (!isProcessing) return;
if (!isPaused) { // 執行暫停
isPaused = true; pauseButton.textContent = '繼續'; updateStatusDisplay(); console.log("[自動播放] 執行暫停。");
if (currentSleepController) currentSleepController.cancel('paused');
if (currentPausedHighlightElement) currentPausedHighlightElement.classList.add(ROW_PAUSED_HIGHLIGHT_CLASS);
else console.warn("[自動播放] 按鈕暫停，但找不到當前高亮目標元素。");
} else { startPlayback(); } // 從暫停恢復
}
// stopPlayback
function stopPlayback() {
console.log(`[自動播放] 停止 按鈕點擊。 isProcessing: ${isProcessing}, isPaused: ${isPaused}`);
if (!isProcessing && !isPaused) return;
isProcessing = false; isPaused = false;
if (currentSleepController) currentSleepController.cancel('stopped');
closeModal(); resetTriggerButton(); updateStatusDisplay();
}
// updateStatusDisplay
function updateStatusDisplay() {
if (statusDisplay) {
if (isProcessing && linksToProcess.length > 0 && linksToProcess[currentLinkIndex]) {
const currentBatchProgress = `(${currentLinkIndex + 1}/${totalLinks})`;
statusDisplay.textContent = !isPaused ? `處理中 ${currentBatchProgress}` : `已暫停 ${currentBatchProgress}`;
} else { statusDisplay.textContent = ''; }
}
}
// ** 修改：resetTriggerButton 現在只重置狀態和移除容器 **
function resetTriggerButton() {
console.log("[自動播放] 重置按鈕狀態。");
isProcessing = false; isPaused = false; currentLinkIndex = 0; totalLinks = 0; linksToProcess = [];
// 移除控制按鈕容器（如果存在）
const buttonContainer = document.getElementById(CONTROLS_CONTAINER_ID);
if (buttonContainer) {
buttonContainer.remove();
}
// 按鈕變數會在下次 ensureControlsContainer 時重新賦值，無需設為 null
if (rowHighlightTimeout) clearTimeout(rowHighlightTimeout);
// 清除所有高亮
document.querySelectorAll(`.${ROW_HIGHLIGHT_CLASS_MAIN}, .${ROW_PAUSED_HIGHLIGHT_CLASS}`).forEach(el => {
el.classList.remove(ROW_HIGHLIGHT_CLASS_MAIN, ROW_PAUSED_HIGHLIGHT_CLASS);
el.style.backgroundColor = ''; el.style.transition = ''; el.style.animation = '';
});
currentPausedHighlightElement = null;
closeModal();
}
// 表格列播放按鈕點擊處理
async function handleRowPlayButtonClick(event) {
const button = event.currentTarget;
const rowIndex = parseInt(button.dataset.rowIndex, 10); // 這是過濾前的原始索引
if (isNaN(rowIndex)) { console.error("[自動播放] 無法獲取有效的列索引。"); return; }
if (isProcessing && !isPaused) { alert("目前正在播放中，請先停止或等待完成才能從指定列開始。"); return; }
if (isProcessing && isPaused) { console.log("[自動播放] 偵測到處於暫停狀態，先停止當前流程..."); stopPlayback(); await sleep(100); }
// 將原始索引轉換為過濾後列表的索引
let targetStartIndex = -1;
const linkSelector = getLinkSelector(); const visibleTables = getVisibleTables(); const filteredLinks = []; let tempGlobalRowIndex = 0;
visibleTables.forEach(table => {
const isWideTable = table.matches(WIDE_TABLE_SELECTOR); const isNarrowTable = table.matches(NARROW_TABLE_SELECTOR); const rows = table.querySelectorAll('tbody tr');
if (isWideTable) { rows.forEach(row => { const firstTd = row.querySelector('td:first-of-type'); if (firstTd && firstTd.querySelector(RELEVANT_ROW_MARKER_SELECTOR)) { const linkElement = row.querySelector(linkSelector); const thirdTd = row.querySelector('td:nth-of-type(3)'); const hasAudioIndicator = thirdTd && thirdTd.querySelector(AUDIO_INDICATOR_SELECTOR); if (linkElement && hasAudioIndicator) { if (tempGlobalRowIndex === rowIndex) { targetStartIndex = filteredLinks.length; } filteredLinks.push({}); } tempGlobalRowIndex++; } }); }
else if (isNarrowTable && rows.length >= 1) { const firstRow = rows[0]; const firstRowTd = firstRow.querySelector('td:first-of-type'); if (firstRowTd && firstRowTd.querySelector(RELEVANT_ROW_MARKER_SELECTOR)) { let linkElement = null; if (rows.length >= 2) { const secondRowTd = rows[1].querySelector('td:first-of-type'); if (secondRowTd) linkElement = secondRowTd.querySelector(linkSelector); } if (linkElement) { const thirdTr = table.querySelector('tbody tr:nth-of-type(3)'); const hasAudioIndicator = thirdTr && thirdTr.querySelector(AUDIO_INDICATOR_SELECTOR); if (hasAudioIndicator) { if (tempGlobalRowIndex === rowIndex) { targetStartIndex = filteredLinks.length; } filteredLinks.push({}); } } tempGlobalRowIndex++; } }
});
if (targetStartIndex !== -1) { console.log(`[自動播放] 點擊原始索引 ${rowIndex}，對應過濾後列表索引 ${targetStartIndex}。`); startPlayback(targetStartIndex); }
else { console.error(`[自動播放] 無法從原始索引 ${rowIndex} 找到對應的有效連結項。可能該項已被過濾。`); alert(`無法從第 ${rowIndex + 1} 項開始播放，可能該項無音檔已被過濾。`); }
}
// 確保 Font Awesome 加載
function ensureFontAwesome() {
if (!document.getElementById('userscript-fontawesome-css')) {
const link = document.createElement('link'); link.id = 'userscript-fontawesome-css'; link.rel = 'stylesheet'; link.href = FONT_AWESOME_URL; link.integrity = FONT_AWESOME_INTEGRITY; link.crossOrigin = 'anonymous'; link.referrerPolicy = 'no-referrer';
document.head.appendChild(link); console.log('[自動播放] Font Awesome CSS 已注入。');
}
}
// 注入或更新單個按鈕 (加入音檔檢查)
function injectOrUpdateButton(targetRow, targetTd, rowIndex, hasAudio) {
const buttonClass = 'userscript-row-play-button'; let button = targetRow.querySelector(`.${buttonClass}`);
if (!targetTd) { console.error(`[自動播放][按鈕注入] 錯誤：目標 td (行 ${rowIndex + 1}) 無效！`, targetRow); return; }
if (!hasAudio) { if (button) { console.log(`[自動播放][按鈕注入] 行 ${rowIndex + 1} 無音檔指示符，移除按鈕。`); button.remove(); } return; } // 無音檔則移除或不注入
// --- 如果有音檔，則注入或更新按鈕 ---
if (button) { // 更新現有
if (button.dataset.rowIndex !== String(rowIndex)) { button.dataset.rowIndex = rowIndex; button.title = `從此列開始播放 (第 ${rowIndex + 1} 項)`; }
if (button.parentElement !== targetTd) { targetTd.insertBefore(button, targetTd.querySelector('span.fw-normal')?.nextSibling || targetTd.firstChild); }
} else { // 添加新的
const playButtonBaseStyle = ` background-color: #28a745; color: white; border: none; border-radius: 4px; padding: 2px 6px; margin: 0 8px; cursor: pointer; font-size: 12px; line-height: 1; vertical-align: middle; transition: background-color 0.2s ease; `;
button = document.createElement('button'); button.className = buttonClass; button.style.cssText = playButtonBaseStyle; button.innerHTML = '<i class="fas fa-play"></i>'; button.dataset.rowIndex = rowIndex; button.title = `從此列開始播放 (第 ${rowIndex + 1} 項)`; button.addEventListener('click', handleRowPlayButtonClick);
const numberSpan = targetTd.querySelector('span.fw-normal');
if (numberSpan && numberSpan.nextSibling) { targetTd.insertBefore(button, numberSpan.nextSibling); } else if (numberSpan) { targetTd.appendChild(button); } else { targetTd.insertBefore(button, targetTd.firstChild); }
// console.log(`[自動播放][按鈕注入] 已為行 ${rowIndex + 1} 添加新按鈕 (因為有音檔)。`);
}
}
// 輔助函數：從行中移除按鈕 (目前未使用，但保留)
function removeButtonFromRow(row) { const button = row.querySelector('.userscript-row-play-button'); if (button) button.remove(); }
// 注入表格列播放按鈕 (加入音檔檢查)
function injectRowPlayButtons() {
const visibleTables = getVisibleTables(); if (visibleTables.length === 0) { console.log("[自動播放][injectRowPlayButtons] 未找到任何當前可見的結果表格，無法注入列播放按鈕。"); return; }
const playButtonHoverStyle = `.userscript-row-play-button:hover { background-color: #218838 !important; }`; GM_addStyle(playButtonHoverStyle);
const buttonClass = 'userscript-row-play-button'; const containerSelectors = TABLE_CONTAINER_SELECTOR.split(',').map(s => s.trim()); const removeSelectorParts = containerSelectors.map(sel => `${sel} > table .${buttonClass}`); const removeSelector = removeSelectorParts.join(', '); const buttonsToRemove = document.querySelectorAll(removeSelector); buttonsToRemove.forEach(btn => btn.remove()); console.log(`[自動播放][injectRowPlayButtons] 已移除 ${buttonsToRemove.length} 個舊的行播放按鈕。`);
let globalRowIndex = 0; // 這個索引現在代表原始表格中的行號
let injectedCount = 0; // 計算實際注入的按鈕數
visibleTables.forEach((table, tableIndex) => {
const isWideTable = table.matches(WIDE_TABLE_SELECTOR);
const isNarrowTable = table.matches(NARROW_TABLE_SELECTOR);
const rows = table.querySelectorAll('tbody tr');
if (isWideTable) {
rows.forEach((row) => {
const firstTd = row.querySelector('td:first-of-type');
if (firstTd && firstTd.querySelector(RELEVANT_ROW_MARKER_SELECTOR)) {
const thirdTd = row.querySelector('td:nth-of-type(3)');
const hasAudio = thirdTd && thirdTd.querySelector(AUDIO_INDICATOR_SELECTOR);
injectOrUpdateButton(row, firstTd, globalRowIndex, hasAudio); // ** 傳遞 hasAudio **
if (hasAudio) injectedCount++;
globalRowIndex++;
}
});
} else if (isNarrowTable && rows.length >= 1) {
const firstRow = rows[0];
const firstRowTd = firstRow.querySelector('td:first-of-type');
const hasMarker = firstRowTd && firstRowTd.querySelector(RELEVANT_ROW_MARKER_SELECTOR);
if (hasMarker) {
let hasLink = false;
if (rows.length >= 2) { const secondRowTd = rows[1].querySelector('td:first-of-type'); if (secondRowTd && secondRowTd.querySelector(getLinkSelector())) hasLink = true; }
const thirdTr = table.querySelector('tbody tr:nth-of-type(3)');
const hasAudio = thirdTr && thirdTr.querySelector(AUDIO_INDICATOR_SELECTOR);
if (hasLink) { // 只有在是有效項目時才處理按鈕
injectOrUpdateButton(firstRow, firstRowTd, globalRowIndex, hasAudio); // ** 傳遞 hasAudio **
if (hasAudio) injectedCount++;
}
globalRowIndex++;
}
} else {
console.warn(`[自動播放][按鈕注入] 表格 ${tableIndex + 1} 類型未知，跳過按鈕注入。`);
}
});
console.log(`[自動播放][injectRowPlayButtons] 已處理 ${globalRowIndex} 個項目，為其中 ${injectedCount} 個有音檔指示符的項目注入或更新了播放按鈕。`);
}
// ** 修改：只創建按鈕元素，不創建容器 **
function createControlButtons() {
const buttonStyle = `padding: 6px 12px; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; margin-right: 5px; transition: background-color 0.2s ease;`;
// 創建暫停/繼續按鈕
pauseButton = document.createElement('button');
pauseButton.id = 'auto-play-pause-button';
pauseButton.textContent = '暫停';
Object.assign(pauseButton.style, { cssText: buttonStyle, backgroundColor: '#ffc107', color: 'black', display: 'none' }); // 初始隱藏
pauseButton.addEventListener('click', pausePlayback);
// 創建停止按鈕
stopButton = document.createElement('button');
stopButton.id = 'auto-play-stop-button';
stopButton.textContent = '停止';
Object.assign(stopButton.style, { cssText: buttonStyle, backgroundColor: '#dc3545', color: 'white', display: 'none' }); // 初始隱藏
stopButton.addEventListener('click', stopPlayback);
// 創建狀態顯示
statusDisplay = document.createElement('span');
statusDisplay.id = 'auto-play-status';
Object.assign(statusDisplay.style, { display: 'none', marginLeft: '10px', fontSize: '14px', verticalAlign: 'middle' }); // 初始隱藏
}
// ** 新增：確保控制按鈕容器存在並已添加按鈕 **
function ensureControlsContainer() {
let buttonContainer = document.getElementById(CONTROLS_CONTAINER_ID);
if (!buttonContainer) {
console.log("[自動播放] 創建控制按鈕容器...");
buttonContainer = document.createElement('div');
buttonContainer.id = CONTROLS_CONTAINER_ID;
Object.assign(buttonContainer.style, {
position: 'fixed', top: '10px', left: '10px', zIndex: '10001',
backgroundColor: 'rgba(255, 255, 255, 0.8)', padding: '5px 10px',
borderRadius: '5px', boxShadow: '0 2px 5px rgba(0,0,0,0.2)'
});
// 添加按鈕和狀態顯示 (此時按鈕變數應已由 createControlButtons 創建)
if (pauseButton) buttonContainer.appendChild(pauseButton);
if (stopButton) buttonContainer.appendChild(stopButton);
if (statusDisplay) buttonContainer.appendChild(statusDisplay);
document.body.appendChild(buttonContainer);
// 注入按鈕樣式 (只需注入一次)
GM_addStyle(CSS_CONTROLS_BUTTONS);
}
return buttonContainer;
}
// 輔助函數，獲取當前應使用的連結選擇器
function getLinkSelector() {
return window.location.href.includes('/zh-hant/') ? 'a[href^="/zh-hant/su/"]' : 'a[href^="/und-hani/su/"]';
}
// 顯示行動裝置互動遮罩
function showMobileInteractionOverlay() {
if (document.getElementById(MOBILE_INTERACTION_BOX_ID) || document.getElementById(MOBILE_BG_OVERLAY_ID)) return;
const bgOverlay = document.createElement('div'); bgOverlay.id = MOBILE_BG_OVERLAY_ID; document.body.appendChild(bgOverlay);
const interactionBox = document.createElement('div'); interactionBox.id = MOBILE_INTERACTION_BOX_ID; interactionBox.textContent = '手機上請點擊後繼續播放'; Object.assign(interactionBox.style, { position: 'fixed', width: MODAL_WIDTH, height: MODAL_HEIGHT, top: '50%', left: '50%', transform: 'translate(-50%, -50%)' }); document.body.appendChild(interactionBox);
const clickHandler = () => { const box = document.getElementById(MOBILE_INTERACTION_BOX_ID); const bg = document.getElementById(MOBILE_BG_OVERLAY_ID); if (box) box.remove(); if (bg) bg.remove(); initiateAutoPlayback(); };
interactionBox.addEventListener('click', clickHandler, { once: true }); bgOverlay.addEventListener('click', clickHandler, { once: true });
console.log("[自動播放] 已顯示行動裝置互動提示遮罩和提示框。");
}
// 封裝自動播放啟動邏輯
function initiateAutoPlayback() {
console.log("[自動播放] 重新注入/更新行內播放按鈕以確保索引正確...");
injectRowPlayButtons();
setTimeout(() => { console.log("[自動播放] 自動啟動播放流程..."); startPlayback(0); }, 300);
}
// 初始化
function initialize() {
if (window.autoPlayerInitialized) return;
window.autoPlayerInitialized = true;
isMobile = navigator.userAgent.toLowerCase().includes('mobile');
console.log(`[自動播放] 初始化腳本 v4.25 ... isMobile: ${isMobile}`); // ** 更新版本號 **
// ** 注入所有 CSS **
GM_addStyle(CSS_IFRAME_HIGHLIGHT + CSS_PAUSE_HIGHLIGHT + CSS_MOBILE_OVERLAY);
ensureFontAwesome();
createControlButtons(); // ** 只創建按鈕元素，不添加到頁面 **
setTimeout(injectRowPlayButtons, 1000); // 初始注入表格列按鈕
// ResizeObserver 邏輯
try {
const resizeObserver = new ResizeObserver(entries => {
clearTimeout(resizeDebounceTimeout);
resizeDebounceTimeout = setTimeout(() => {
console.log("[自動播放][ResizeObserver] Debounced: 偵測到尺寸變化...");
injectRowPlayButtons(); // 重新注入表格列按鈕
const currentUrl = linksToProcess[currentLinkIndex]?.url;
if (currentUrl && isProcessing && !isPaused) {
const elementToScroll = findElementForLink(currentUrl);
if (elementToScroll) elementToScroll.scrollIntoView({ behavior: 'smooth', block: 'center' });
else console.warn("[自動播放][ResizeObserver] 未找到元素進行捲動:", currentUrl);
}
}, RESIZE_DEBOUNCE_MS);
});
resizeObserver.observe(document.body);
} catch (e) { console.error("[自動播放] 無法啟動 ResizeObserver:", e); }
// 自動啟動邏輯
const urlParams = new URLSearchParams(window.location.search);
if (urlParams.has(AUTOPLAY_PARAM)) {
console.log(`[自動播放] 檢測到 URL 參數 "${AUTOPLAY_PARAM}"，準備自動啟動...`);
const newUrl = new URL(window.location.href);
newUrl.searchParams.delete(AUTOPLAY_PARAM);
history.replaceState(null, '', newUrl.toString());
let elapsedTime = 0;
const waitForTableAndStart = () => {
console.log("[自動播放][等待] 檢查可見表格和有效連結是否存在...");
const linkSelector = getLinkSelector();
const visibleTables = getVisibleTables();
let linksExist = false;
visibleTables.forEach(table => {
if (linksExist) return;
const isWideTable = table.matches(WIDE_TABLE_SELECTOR), isNarrowTable = table.matches(NARROW_TABLE_SELECTOR); const rows = table.querySelectorAll('tbody tr');
if (isWideTable) { linksExist = Array.from(rows).some(row => { const firstTd = row.querySelector('td:first-of-type'); return firstTd && firstTd.querySelector(RELEVANT_ROW_MARKER_SELECTOR) && row.querySelector(linkSelector); }); }
else if (isNarrowTable && rows.length >= 2) { const firstRowTd = rows[0].querySelector('td:first-of-type'), secondRowTd = rows[1].querySelector('td:first-of-type'); linksExist = firstRowTd && firstRowTd.querySelector(RELEVANT_ROW_MARKER_SELECTOR) && secondRowTd && secondRowTd.querySelector(linkSelector); }
});
if (linksExist) {
console.log("[自動播放][等待] 可見表格和有效連結已找到。");
if (isMobile) {
console.log("[自動播放] 偵測為行動裝置，顯示互動提示。");
showMobileInteractionOverlay();
} else {
console.log("[自動播放] 偵測為非行動裝置，直接啟動播放。");
initiateAutoPlayback(); // initiateAutoPlayback 內部會調用包含過濾的 startPlayback
}
} else {
elapsedTime += AUTO_START_CHECK_INTERVAL_MS;
if (elapsedTime >= AUTO_START_MAX_WAIT_MS) { console.error("[自動播放][等待] 等待表格超時。"); alert("自動播放失敗：等待表格內容載入超時。"); }
else { setTimeout(waitForTableAndStart, AUTO_START_CHECK_INTERVAL_MS); }
}
};
setTimeout(waitForTableAndStart, 500);
}
}
// --- 確保 DOM 加載完成後執行 ---
if (document.readyState === 'complete' || document.readyState === 'interactive') {
setTimeout(initialize, 0);
} else {
document.addEventListener('DOMContentLoaded', initialize);
}
})();
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址