Greasy Fork is available in English.
Native dual subtitles for YouTube
// ==UserScript==
// @name YouTube Dual Native Subs
// @namespace https://github.com/luismusaj646-prog/dual-subtitles
// @version 4.1.0
// @description Native dual subtitles for YouTube
// @license GPL-3.0-only
// @homepageURL https://github.com/luismusaj646-prog/dual-subtitles
// @supportURL https://github.com/luismusaj646-prog/dual-subtitles/issues
// @match https://www.youtube.com/watch*
// @run-at document-idle
// @grant GM_addStyle
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_xmlhttpRequest
// @grant unsafeWindow
// @connect www.youtube.com
// ==/UserScript==
(function () {
'use strict';
var SCRIPT_NAME = 'yt-dual-subs';
var SCRIPT_VERSION = '4.1.0';
var SETTINGS_KEY = 'yds_native_settings_v2';
var RUNTIME_KEY = '__ydsRuntime';
var DEBUG_API_KEY = '__ydsDebug';
var LOG_PREFIX = '[tm-script][' + SCRIPT_NAME + ']';
var TRANSCRIPT_LABEL_PATTERN = /(show transcript|open transcript|transcript|字幕记录|字幕記錄|文字稿|逐字稿|转录稿|轉錄稿|transkript anzeigen|transkript öffnen|mostrar transcripci[oó]n|abrir transcripci[oó]n|показать расшифровку видео|расшифровка)/i;
var CONFIG = {
initDelayMs: 320,
domDebounceMs: 180,
retryDelayMs: 1200,
routePollMs: 1200,
maxTrackRetries: 8,
nativeTimedTextHintWaitMs: 2200,
nativeTimedTextParamKeys: [
'potc',
'pot',
'xorb',
'xobt',
'xovt',
'cbr',
'cbrver',
'c',
'cver',
'cplayer',
'cos',
'cosver',
'cplatform'
],
rateLimitBackoffMs: 60000,
selectors: {
watchPath: '/watch',
rootVideo: 'video',
player: '.html5-video-player',
captionContainer: '.ytp-caption-window-container',
playerControls: '.ytp-chrome-bottom',
nativeCaptionText: '.caption-window .ytp-caption-segment, .ytp-caption-segment, .caption-visual-line',
subtitlesButton: '.ytp-subtitles-button',
transcriptPanel: 'ytd-engagement-panel-section-list-renderer',
transcriptRenderer: 'ytd-transcript-renderer',
transcriptSegment: 'ytd-transcript-segment-renderer, transcript-segment-view-model',
transcriptText: '.segment-text, yt-formatted-string, .yt-core-attributed-string[role="text"]',
transcriptTime: '.segment-timestamp, .ytwTranscriptSegmentViewModelTimestamp',
transcriptChipButton: 'button[aria-label], yt-button-shape button[aria-label], button[title], [role="button"][aria-label]',
transcriptMenuButton: 'ytd-menu-renderer :is(yt-button-shape button, button#button.style-scope.ytd-menu-renderer, ytd-video-primary-info-renderer button, button[aria-haspopup=\"true\"])[aria-label*=\"more actions\" i], ytd-button-renderer button:is([aria-label*=\"transcript\" i],[title*=\"transcript\" i])',
transcriptMenuItems: 'ytd-menu-service-item-renderer, tp-yt-paper-item, yt-formatted-string.style-scope.ytd-menu-service-item-renderer',
transcriptDescriptionButton: 'button[aria-label*=\"transcript\" i], button[aria-label*=\"字幕\" i], button[aria-label*=\"文字稿\" i], button[title*=\"transcript\" i], #description-inline-expander [aria-label*=\"transcript\" i]',
transcriptLanguageDropdown: 'ytd-transcript-footer-renderer yt-dropdown-menu tp-yt-paper-button, ytd-transcript-footer-renderer yt-dropdown-menu button',
transcriptVisibleListboxes: 'tp-yt-iron-dropdown:not([aria-hidden=\"true\"]) tp-yt-paper-listbox',
metadataTopRow: 'ytd-watch-metadata #top-row, #above-the-fold #top-row',
metadataActions: 'ytd-watch-metadata #actions, #above-the-fold #actions',
metadataActionButtons: 'ytd-watch-metadata #actions #top-level-buttons-computed, #above-the-fold #actions #top-level-buttons-computed, ytd-watch-metadata #actions, #above-the-fold #actions'
},
ids: {
uiSlot: 'yds-page-slot',
launcher: 'yds-launcher-root',
panel: 'yds-panel-root',
nativeWindow: 'yds-native-window',
debugBox: 'yds-debug-box',
hiddenTranscriptStyle: 'yds-hidden-transcript-style'
},
historyEventName: 'yds-history-change',
debugQueryParam: 'ydsDebug=1',
defaultDebug: false
};
var DEFAULTS = {
targetLang: 'zh-Hans',
targetLangBySource: {},
sourceTrackIndex: 0,
enabled: true,
displayMode: 'dual',
panelOpen: false,
debug: CONFIG.defaultDebug,
launcherPosition: null,
panelPosition: null,
sourceFontSize: 28,
targetFontSize: 28,
lineGap: 6,
bottomOffset: 9,
sourceColor: '#ffffff',
targetColor: '#00e5ff',
fontFamily: 'system',
smartPosition: true,
syncNativeStyle: true
};
var FONT_OPTIONS = [
{ value: 'system', label: '\u7CFB\u7EDF\u9ED8\u8BA4', css: 'system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif' },
{ value: 'youtube', label: 'YouTube Sans', css: '"YouTube Sans","Roboto",Arial,sans-serif' },
{ value: 'arial', label: 'Arial', css: 'Arial,"Helvetica Neue",sans-serif' },
{ value: 'roboto', label: 'Roboto', css: '"Roboto",Arial,sans-serif' },
{ value: 'segoe', label: 'Segoe UI', css: '"Segoe UI",Arial,sans-serif' },
{ value: 'microsoft-yahei', label: '\u5FAE\u8F6F\u96C5\u9ED1', css: '"Microsoft YaHei","Segoe UI",Arial,sans-serif' },
{ value: 'noto-sans', label: 'Noto Sans', css: '"Noto Sans","Noto Sans SC",Arial,sans-serif' },
{ value: 'serif', label: '\u886C\u7EBF', css: 'Georgia,"Times New Roman",serif' },
{ value: 'mono', label: '\u7B49\u5BBD', css: '"Cascadia Mono","Consolas",monospace' }
];
var TEXT = {
title: '\u53CC\u5B57\u5E55',
launcher: 'X',
reload: '\u91CD\u8F7D',
sourceTrack: '\u5F53\u524D\u539F\u8F68',
displayMode: '\u663E\u793A\u6A21\u5F0F',
modeDual: '\u539F\u6587 + \u8BD1\u6587',
modeSource: '\u53EA\u663E\u793A\u539F\u6587',
modeTarget: '\u53EA\u663E\u793A\u8BD1\u6587',
targetLang: '\u76EE\u6807\u8BED\u8A00',
targetSearch: '\u641C\u7D22\u8BED\u8A00',
targetSearchPlaceholder: '\u8F93\u5165\u8BED\u8A00\u6216\u4EE3\u7801',
trackIndex: '\u539F\u5B57\u5E55\u8F68',
styleTitle: '\u5B57\u5E55\u6837\u5F0F',
sourceFontSize: '\u539F\u6587\u5B57\u53F7',
targetFontSize: '\u8BD1\u6587\u5B57\u53F7',
lineGap: '\u884C\u95F4\u8DDD',
bottomOffset: '\u5E95\u90E8\u4F4D\u7F6E',
fontFamily: '\u5B57\u4F53',
sourceColor: '\u539F\u6587\u989C\u8272',
targetColor: '\u8BD1\u6587\u989C\u8272',
advancedTitle: '\u9AD8\u7EA7',
resetStyle: '\u91CD\u7F6E\u6837\u5F0F',
debug: 'debug',
injected: '\u811A\u672C\u5DF2\u6CE8\u5165',
waitingWatchPage: '\u7B49\u5F85 watch \u9875\u9762',
waitingPlayer: '\u7B49\u5F85\u64AD\u653E\u5668\u5B8C\u6210\u52A0\u8F7D',
waitingTracks: '\u7B49\u5F85\u5B57\u5E55\u8F68\u51FA\u73B0',
loading: '\u6B63\u5728\u52A0\u8F7D...',
noTrack: '\u65E0\u53EF\u7528\u5B57\u5E55\u8F68',
noTrackDetail: '\u8FD9\u4E2A\u89C6\u9891\u6CA1\u6709\u53EF\u7528\u5B57\u5E55\u8F68',
noCue: '\u5B57\u5E55\u6CA1\u62FF\u5230\u6709\u6548\u5185\u5BB9',
nativeReady: '\u53CC\u5B57\u5E55\u5DF2\u542F\u7528',
sourceOnly: '\u53EA\u62FF\u5230\u539F\u5B57\u5E55',
rateLimited: '\u7FFB\u8BD1\u88AB\u9650\u6D41\uFF0C60\u79D2\u540E\u518D\u8BD5',
rateLimitedShort: '\u7FFB\u8BD1\u88AB\u9650\u6D41\uFF0C\u7A0D\u540E\u518D\u8BD5',
loadFailed: '\u52A0\u8F7D\u5931\u8D25: ',
disabled: '\u53CC\u5B57\u5E55\u5DF2\u5173\u95ED',
enableDualSubs: '\u5F00\u542F\u53CC\u5B57\u5E55',
disableDualSubs: '\u5173\u95ED\u53CC\u5B57\u5E55',
unselected: '\u672A\u9009\u62E9'
};
if (window[RUNTIME_KEY] && typeof window[RUNTIME_KEY].destroy === 'function') {
window[RUNTIME_KEY].destroy('reinject');
}
GM_addStyle(
'.yds-page-slot{' +
'position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:36px;' +
'margin:0 0 0 8px;z-index:2200;vertical-align:middle;' +
'}' +
'.yds-launcher{' +
'position:static;z-index:2200;width:36px;height:36px;min-width:36px;padding:0;border:0;border-radius:18px;' +
'display:flex;align-items:center;justify-content:center;background:var(--yt-spec-badge-chip-background,#f2f2f2);' +
'color:var(--yt-spec-text-primary,#0f0f0f);font:500 14px/36px Roboto,Arial,sans-serif;cursor:pointer;user-select:none;' +
'box-shadow:none;outline:0;' +
'}' +
'.yds-launcher:hover,.yds-launcher[aria-expanded=\"true\"]{background:var(--yt-spec-mono-tonal-hover,#e5e5e5);}' +
'.yds-launcher:focus-visible{box-shadow:0 0 0 2px var(--yt-spec-themed-blue,#065fd4);}' +
'.yds-launcher.yds-detached{position:fixed;top:16px;right:16px;background:var(--yt-spec-badge-chip-background,#f2f2f2);}' +
'.yds-panel{' +
'position:absolute;top:44px;right:0;z-index:2201;width:360px;max-width:min(360px,calc(100vw - 24px));' +
'max-height:min(78vh,640px);overflow:auto;box-sizing:border-box;padding:8px 0;border:0;border-radius:12px;' +
'background:var(--yt-spec-menu-background,var(--yt-spec-base-background,#fff));color:var(--yt-spec-text-primary,#0f0f0f);' +
'font:400 14px/20px Roboto,Arial,sans-serif;box-shadow:0 4px 32px rgba(0,0,0,.16);color-scheme:light dark;' +
'}' +
'.yds-panel.yds-detached{position:fixed;top:56px;right:16px;max-height:78vh;}' +
'.yds-panel[dir=\"ltr\"]{right:0;left:auto;}' +
'.yds-panel input,.yds-panel button,.yds-panel select{font:inherit;}' +
'.yds-panel input,.yds-panel select{box-sizing:border-box;}' +
'.yds-panel input[type="text"],.yds-panel input[type="number"],.yds-panel select{' +
'height:36px;border-radius:8px;border:1px solid var(--yt-spec-10-percent-layer,rgba(0,0,0,.1));' +
'background:var(--yt-spec-base-background,#fff);color:var(--yt-spec-text-primary,#0f0f0f);padding:0 32px 0 12px;' +
'}' +
'.yds-panel select{width:100%;}' +
'.yds-panel option{background:var(--yt-spec-menu-background,var(--yt-spec-base-background,#fff));color:var(--yt-spec-text-primary,#0f0f0f);}' +
'.yds-panel input[type="color"]{width:36px;height:36px;padding:0;border:0;background:transparent;}' +
'.yds-panel input[type="range"]{min-width:0;accent-color:var(--yt-spec-themed-blue,#065fd4);}' +
'.yds-panel button{height:36px;border-radius:18px;border:0;background:var(--yt-spec-badge-chip-background,#f2f2f2);color:var(--yt-spec-text-primary,#0f0f0f);cursor:pointer;padding:0 14px;}' +
'.yds-panel button:hover{background:var(--yt-spec-mono-tonal-hover,#e5e5e5);}' +
'.yds-panel label,.yds-field,.yds-select-field{' +
'display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;min-height:48px;' +
'box-sizing:border-box;margin:0;padding:6px 16px;color:var(--yt-spec-text-primary,#0f0f0f);' +
'}' +
'.yds-panel label:hover,.yds-field:hover,.yds-select-field:hover{background:var(--yt-spec-mono-tonal-hover,rgba(0,0,0,.06));}' +
'.yds-section-title{margin:8px 0 0;padding:10px 16px 6px;font:500 14px/20px Roboto,Arial,sans-serif;color:var(--yt-spec-text-primary,#0f0f0f);}' +
'.yds-field{grid-template-columns:112px minmax(0,1fr) 56px;}' +
'.yds-field>span,.yds-select-field>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}' +
'.yds-field input[type="number"]{width:56px;text-align:center;padding:0 6px;}' +
'.yds-field-unit{font-size:12px;color:var(--yt-spec-text-secondary,#606060);margin-left:2px;}' +
'.yds-row{display:flex;gap:8px;align-items:center;min-height:40px;padding:4px 16px;}' +
'.yds-row>*{flex:1;}' +
'.yds-title-row{border-bottom:1px solid var(--yt-spec-10-percent-layer,rgba(0,0,0,.1));margin-bottom:4px;padding-bottom:8px;}' +
'.yds-title-row strong{font:500 16px/22px Roboto,Arial,sans-serif;}' +
'.yds-close-btn{flex:0 0 36px !important;padding:0 !important;}' +
'.yds-enabled-btn{width:calc(100% - 32px);margin:6px 16px;}' +
'.yds-toggle{display:flex;align-items:center;gap:12px;min-height:40px;margin:0;padding:6px 16px;}' +
'.yds-toggle:hover{background:var(--yt-spec-mono-tonal-hover,rgba(0,0,0,.06));}' +
'.yds-toggle input{flex:0 0 auto;}' +
'.yds-advanced{margin:4px 0 0;border-top:1px solid var(--yt-spec-10-percent-layer,rgba(0,0,0,.1));}' +
'.yds-advanced summary{cursor:pointer;list-style:none;min-height:40px;padding:10px 16px;box-sizing:border-box;color:var(--yt-spec-text-primary,#0f0f0f);}' +
'.yds-advanced summary::-webkit-details-marker{display:none;}' +
'.yds-advanced summary:hover{background:var(--yt-spec-mono-tonal-hover,rgba(0,0,0,.06));}' +
'.yds-status{padding:6px 16px;font-size:12px;line-height:18px;color:var(--yt-spec-text-secondary,#606060);white-space:pre-wrap;word-break:break-word;}' +
'.yds-debug{margin:6px 16px 10px;max-height:220px;overflow:auto;padding:8px;border-radius:8px;background:var(--yt-spec-badge-chip-background,#f2f2f2);font:12px/16px Consolas,monospace;white-space:pre-wrap;word-break:break-word;color:var(--yt-spec-text-primary,#0f0f0f);}' +
'.yds-debug[hidden]{display:none;}' +
'html[dark] .yds-launcher,body[dark] .yds-launcher,ytd-app[dark] .yds-launcher,.dark .yds-launcher{' +
'background:#272727;color:#f1f1f1;' +
'}' +
'html[dark] .yds-launcher:hover,html[dark] .yds-launcher[aria-expanded=\"true\"],body[dark] .yds-launcher:hover,body[dark] .yds-launcher[aria-expanded=\"true\"],ytd-app[dark] .yds-launcher:hover,ytd-app[dark] .yds-launcher[aria-expanded=\"true\"],.dark .yds-launcher:hover,.dark .yds-launcher[aria-expanded=\"true\"]{' +
'background:#3f3f3f;' +
'}' +
'html[dark] .yds-panel,body[dark] .yds-panel,ytd-app[dark] .yds-panel,.dark .yds-panel{' +
'background:#282828;color:#f1f1f1;box-shadow:0 4px 32px rgba(0,0,0,.48);color-scheme:dark;' +
'}' +
'html[dark] .yds-panel input[type="text"],html[dark] .yds-panel input[type="number"],html[dark] .yds-panel select,body[dark] .yds-panel input[type="text"],body[dark] .yds-panel input[type="number"],body[dark] .yds-panel select,ytd-app[dark] .yds-panel input[type="text"],ytd-app[dark] .yds-panel input[type="number"],ytd-app[dark] .yds-panel select,.dark .yds-panel input[type="text"],.dark .yds-panel input[type="number"],.dark .yds-panel select{' +
'background:#121212;color:#f1f1f1;border-color:#3f3f3f;' +
'}' +
'html[dark] .yds-panel option,body[dark] .yds-panel option,ytd-app[dark] .yds-panel option,.dark .yds-panel option{' +
'background:#282828;color:#f1f1f1;' +
'}' +
'html[dark] .yds-panel button,body[dark] .yds-panel button,ytd-app[dark] .yds-panel button,.dark .yds-panel button{' +
'background:#3f3f3f;color:#f1f1f1;' +
'}' +
'html[dark] .yds-panel button:hover,body[dark] .yds-panel button:hover,ytd-app[dark] .yds-panel button:hover,.dark .yds-panel button:hover{' +
'background:#535353;' +
'}' +
'html[dark] .yds-title-row,html[dark] .yds-advanced,body[dark] .yds-title-row,body[dark] .yds-advanced,ytd-app[dark] .yds-title-row,ytd-app[dark] .yds-advanced,.dark .yds-title-row,.dark .yds-advanced{' +
'border-color:#3f3f3f;' +
'}' +
'html[dark] .yds-panel label,html[dark] .yds-field,html[dark] .yds-select-field,html[dark] .yds-section-title,html[dark] .yds-advanced summary,body[dark] .yds-panel label,body[dark] .yds-field,body[dark] .yds-select-field,body[dark] .yds-section-title,body[dark] .yds-advanced summary,ytd-app[dark] .yds-panel label,ytd-app[dark] .yds-field,ytd-app[dark] .yds-select-field,ytd-app[dark] .yds-section-title,ytd-app[dark] .yds-advanced summary,.dark .yds-panel label,.dark .yds-field,.dark .yds-select-field,.dark .yds-section-title,.dark .yds-advanced summary{' +
'color:#f1f1f1;' +
'}' +
'html[dark] .yds-panel label:hover,html[dark] .yds-field:hover,html[dark] .yds-select-field:hover,html[dark] .yds-toggle:hover,html[dark] .yds-advanced summary:hover,body[dark] .yds-panel label:hover,body[dark] .yds-field:hover,body[dark] .yds-select-field:hover,body[dark] .yds-toggle:hover,body[dark] .yds-advanced summary:hover,ytd-app[dark] .yds-panel label:hover,ytd-app[dark] .yds-field:hover,ytd-app[dark] .yds-select-field:hover,ytd-app[dark] .yds-toggle:hover,ytd-app[dark] .yds-advanced summary:hover,.dark .yds-panel label:hover,.dark .yds-field:hover,.dark .yds-select-field:hover,.dark .yds-toggle:hover,.dark .yds-advanced summary:hover{' +
'background:#3f3f3f;' +
'}' +
'html[dark] .yds-status,html[dark] .yds-field-unit,body[dark] .yds-status,body[dark] .yds-field-unit,ytd-app[dark] .yds-status,ytd-app[dark] .yds-field-unit,.dark .yds-status,.dark .yds-field-unit{' +
'color:#aaa;' +
'}' +
'html[dark] .yds-debug,body[dark] .yds-debug,ytd-app[dark] .yds-debug,.dark .yds-debug{' +
'background:#1f1f1f;color:#f1f1f1;' +
'}' +
'.ytp-caption-window-container.yds-native-mode .caption-window{display:none !important;}' +
'.html5-video-player .yds-native-window{' +
'position:absolute;left:0;right:0;bottom:9%;z-index:63;padding:0 24px;box-sizing:border-box;' +
'display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none;' +
'text-shadow:0 2px 4px rgba(0,0,0,.85);' +
'}' +
'.html5-video-player .yds-native-line{' +
'display:block;max-width:100%;font:600 28px/1.24 system-ui,sans-serif;white-space:pre-line;word-break:break-word;' +
'}' +
'.html5-video-player .yds-native-line-b{margin-top:6px;color:#00e5ff;}'
);
var state = loadSettings();
var logger = createLogger(function () {
return isDebugEnabled(state);
});
var fetchDiagnostics = {
source: '',
target: ''
};
var nativeTimedTextHints = {
videoId: '',
byLang: {},
last: null
};
var runtime = createRuntime();
window[RUNTIME_KEY] = runtime;
runtime.boot();
function createRuntime() {
var app = {
activeRequestId: 0,
backoffUntil: 0,
cuesA: [],
cuesB: [],
defaultTrackIndex: -1,
lastSourceName: '',
lastCaptionSource: '',
lastFallback: '',
lastVideoId: '',
lastUrl: '',
loading: false,
loopId: 0,
pendingLoadKey: '',
phase: 'boot',
status: '',
translationLanguages: [],
timers: {
init: 0,
urlPoll: 0
},
tracks: [],
trackRetryCount: 0,
teardown: [],
observer: null
};
var ui = {
launcher: null,
panel: null,
sourceName: null,
status: null,
displayMode: null,
targetSearch: null,
targetLang: null,
trackIndex: null,
sourceFontSize: null,
targetFontSize: null,
lineGap: null,
bottomOffset: null,
fontFamily: null,
sourceColor: null,
targetColor: null,
enabledBtn: null,
debugToggle: null,
debugBox: null
};
function boot() {
setPhase('boot');
installTimedTextObserver();
buildUi();
mountUi();
exposeDebugApi();
bindGlobalListeners();
setStatus(TEXT.injected);
logger.debug('boot', collectSnapshot());
scheduleInit('boot', 80);
}
function destroy(reason) {
clearTimeout(app.timers.init);
clearInterval(app.timers.urlPoll);
if (app.observer) app.observer.disconnect();
stopLoop();
clearNativeCaptionWindow();
unmountUi();
while (app.teardown.length) {
try {
app.teardown.pop()();
} catch (err) {
logger.error('teardown failed', err);
}
}
if (getPageWindow()[DEBUG_API_KEY] && getPageWindow()[DEBUG_API_KEY].runtime === api) {
delete getPageWindow()[DEBUG_API_KEY];
}
if (window[RUNTIME_KEY] === api) {
delete window[RUNTIME_KEY];
}
logger.debug('destroy', { reason: reason || 'unknown' });
}
function buildUi() {
if (ui.launcher && ui.panel) return;
ui.launcher = document.createElement('button');
ui.launcher.id = CONFIG.ids.launcher;
ui.launcher.type = 'button';
ui.launcher.className = 'yds-launcher';
ui.launcher.textContent = TEXT.launcher;
ui.launcher.title = TEXT.title;
ui.launcher.addEventListener('click', function () {
state.panelOpen = !state.panelOpen;
saveSettings(state);
mountUi();
});
ui.panel = document.createElement('div');
ui.panel.id = CONFIG.ids.panel;
ui.panel.className = 'yds-panel';
ui.panel.dir = 'ltr';
var titleRow = document.createElement('div');
titleRow.className = 'yds-row';
titleRow.className += ' yds-title-row';
var title = document.createElement('strong');
title.textContent = TEXT.title;
var reloadBtn = document.createElement('button');
reloadBtn.type = 'button';
reloadBtn.textContent = TEXT.reload;
reloadBtn.addEventListener('click', function () {
reloadDualSubsSoon('manual-reload');
});
var closeBtn = document.createElement('button');
closeBtn.type = 'button';
closeBtn.className = 'yds-close-btn';
closeBtn.textContent = 'x';
closeBtn.title = '\u9690\u85CF';
closeBtn.addEventListener('click', function () {
state.panelOpen = false;
saveSettings(state);
mountUi();
});
titleRow.appendChild(title);
titleRow.appendChild(reloadBtn);
titleRow.appendChild(closeBtn);
ui.panel.appendChild(titleRow);
ui.enabledBtn = document.createElement('button');
ui.enabledBtn.type = 'button';
ui.enabledBtn.className = 'yds-enabled-btn';
ui.enabledBtn.addEventListener('click', function () {
setDualSubsEnabled(!state.enabled, 'toggle-button');
});
ui.panel.appendChild(ui.enabledBtn);
ui.displayMode = createDisplayModeField();
var sourceLabel = document.createElement('label');
sourceLabel.textContent = TEXT.sourceTrack;
ui.sourceName = document.createElement('div');
ui.sourceName.className = 'yds-status';
sourceLabel.appendChild(ui.sourceName);
ui.panel.appendChild(sourceLabel);
var targetSearchLabel = document.createElement('label');
targetSearchLabel.textContent = TEXT.targetSearch;
ui.targetSearch = document.createElement('input');
ui.targetSearch.type = 'text';
ui.targetSearch.placeholder = TEXT.targetSearchPlaceholder;
ui.targetSearch.setAttribute('data-yds-control', 'target-lang-search');
ui.targetSearch.addEventListener('input', function () {
syncTargetLanguageOptions(true);
});
targetSearchLabel.appendChild(ui.targetSearch);
ui.panel.appendChild(targetSearchLabel);
var targetLabel = document.createElement('label');
targetLabel.textContent = TEXT.targetLang;
ui.targetLang = document.createElement('select');
ui.targetLang.setAttribute('data-yds-control', 'target-lang');
ui.targetLang.addEventListener('change', function () {
state.targetLang = String(ui.targetLang.value || DEFAULTS.targetLang).trim() || DEFAULTS.targetLang;
rememberTargetForCurrentSource();
saveSettings(state);
reloadDualSubsSoon('target-lang-change');
});
targetLabel.appendChild(ui.targetLang);
ui.panel.appendChild(targetLabel);
var trackLabel = document.createElement('label');
trackLabel.textContent = TEXT.trackIndex;
ui.trackIndex = document.createElement('select');
ui.trackIndex.setAttribute('data-yds-control', 'source-track-index');
ui.trackIndex.addEventListener('change', function () {
var next = parseInt(ui.trackIndex.value || '0', 10);
state.sourceTrackIndex = isNaN(next) ? 0 : Math.max(0, next);
applyRememberedTargetForTrack(app.tracks[state.sourceTrackIndex], true);
saveSettings(state);
reloadDualSubsSoon('track-index-change');
});
trackLabel.appendChild(ui.trackIndex);
ui.panel.appendChild(trackLabel);
var styleTitle = document.createElement('div');
styleTitle.className = 'yds-section-title';
styleTitle.textContent = TEXT.styleTitle;
ui.panel.appendChild(styleTitle);
ui.sourceFontSize = createNumberRangeField(TEXT.sourceFontSize, 'sourceFontSize', 16, 56, 1, 'px');
ui.targetFontSize = createNumberRangeField(TEXT.targetFontSize, 'targetFontSize', 16, 56, 1, 'px');
ui.lineGap = createNumberRangeField(TEXT.lineGap, 'lineGap', 0, 24, 1, 'px');
ui.bottomOffset = createNumberRangeField(TEXT.bottomOffset, 'bottomOffset', 2, 28, 1, '%');
ui.fontFamily = createFontField();
ui.sourceColor = createColorField(TEXT.sourceColor, 'sourceColor');
ui.targetColor = createColorField(TEXT.targetColor, 'targetColor');
var resetStyleBtn = document.createElement('button');
resetStyleBtn.type = 'button';
resetStyleBtn.textContent = TEXT.resetStyle;
resetStyleBtn.addEventListener('click', function () {
resetSubtitleStyle();
});
ui.panel.appendChild(resetStyleBtn);
var advanced = document.createElement('details');
advanced.className = 'yds-advanced';
var advancedSummary = document.createElement('summary');
advancedSummary.textContent = TEXT.advancedTitle;
advanced.appendChild(advancedSummary);
var toggleRow = document.createElement('label');
toggleRow.className = 'yds-toggle';
ui.debugToggle = document.createElement('input');
ui.debugToggle.type = 'checkbox';
ui.debugToggle.addEventListener('change', function () {
state.debug = !!ui.debugToggle.checked;
saveSettings(state);
logger.debug('debug toggled', { enabled: state.debug });
syncUi();
});
var toggleText = document.createElement('span');
toggleText.textContent = TEXT.debug;
toggleRow.appendChild(ui.debugToggle);
toggleRow.appendChild(toggleText);
advanced.appendChild(toggleRow);
ui.status = document.createElement('div');
ui.status.className = 'yds-status';
ui.panel.appendChild(ui.status);
ui.debugBox = document.createElement('div');
ui.debugBox.id = CONFIG.ids.debugBox;
ui.debugBox.className = 'yds-debug';
advanced.appendChild(ui.debugBox);
ui.panel.appendChild(advanced);
syncUi();
}
function createDisplayModeField() {
var row = document.createElement('label');
row.textContent = TEXT.displayMode;
var select = document.createElement('select');
select.setAttribute('data-yds-control', 'display-mode');
[
{ value: 'dual', label: TEXT.modeDual },
{ value: 'source', label: TEXT.modeSource },
{ value: 'target', label: TEXT.modeTarget }
].forEach(function (option) {
var node = document.createElement('option');
node.value = option.value;
node.textContent = option.label;
select.appendChild(node);
});
select.addEventListener('change', function () {
state.displayMode = normalizeDisplayMode(select.value);
saveSettings(state);
renderCurrentCaption();
syncUi();
});
row.appendChild(select);
ui.panel.appendChild(row);
return select;
}
function createNumberRangeField(labelText, stateKey, min, max, step, unit) {
var row = document.createElement('div');
row.className = 'yds-field';
var label = document.createElement('span');
label.textContent = labelText;
var range = document.createElement('input');
range.type = 'range';
range.min = String(min);
range.max = String(max);
range.step = String(step);
var number = document.createElement('input');
number.type = 'number';
number.min = String(min);
number.max = String(max);
number.step = String(step);
number.setAttribute('data-yds-control', stateKey);
function commit(value) {
state[stateKey] = clampNumber(parseFloat(value), min, max, DEFAULTS[stateKey]);
range.value = String(state[stateKey]);
number.value = String(state[stateKey]);
saveSettings(state);
applySubtitleStyle();
}
range.addEventListener('input', function () {
commit(range.value);
});
number.addEventListener('change', function () {
commit(number.value);
});
row.appendChild(label);
row.appendChild(range);
row.appendChild(number);
ui.panel.appendChild(row);
return {
number: number,
range: range,
unit: unit
};
}
function createFontField() {
var row = document.createElement('div');
row.className = 'yds-select-field';
var label = document.createElement('span');
label.textContent = TEXT.fontFamily;
var select = document.createElement('select');
select.setAttribute('data-yds-control', 'font-family');
FONT_OPTIONS.forEach(function (option) {
var node = document.createElement('option');
node.value = option.value;
node.textContent = option.label;
select.appendChild(node);
});
select.addEventListener('change', function () {
state.fontFamily = normalizeFontFamily(select.value);
saveSettings(state);
applySubtitleStyle();
});
row.appendChild(label);
row.appendChild(select);
ui.panel.appendChild(row);
return select;
}
function createColorField(labelText, stateKey) {
var row = document.createElement('div');
row.className = 'yds-field';
var label = document.createElement('span');
label.textContent = labelText;
var preview = document.createElement('span');
preview.className = 'yds-field-unit';
preview.textContent = '\u25CF';
var color = document.createElement('input');
color.type = 'color';
color.setAttribute('data-yds-control', stateKey);
color.addEventListener('input', function () {
state[stateKey] = normalizeColor(color.value, DEFAULTS[stateKey]);
saveSettings(state);
applySubtitleStyle();
syncColorPreview(preview, state[stateKey]);
});
row.appendChild(label);
row.appendChild(preview);
row.appendChild(color);
ui.panel.appendChild(row);
return {
input: color,
preview: preview
};
}
function mountUi() {
if (!isWatchPage()) {
unmountUi();
return;
}
var host = ensurePageControlsSlot();
if (!host) {
unmountUi();
syncUi();
return;
}
var detached = false;
setDetachedClass(ui.launcher, detached);
setDetachedClass(ui.panel, detached);
if (ui.launcher) ui.launcher.setAttribute('aria-expanded', state.panelOpen ? 'true' : 'false');
if (ui.launcher && ui.launcher.parentNode !== host) host.appendChild(ui.launcher);
if (state.panelOpen) {
if (ui.panel && ui.panel.parentNode !== host) host.appendChild(ui.panel);
} else if (ui.panel && ui.panel.isConnected) {
ui.panel.remove();
}
if (detached) {
applyStoredPosition(ui.launcher, state.launcherPosition);
applyStoredPosition(ui.panel, state.panelPosition);
} else {
clearInlinePosition(ui.launcher);
clearInlinePosition(ui.panel);
}
syncUi();
}
function unmountUi() {
if (ui.panel && ui.panel.isConnected) ui.panel.remove();
if (ui.launcher && ui.launcher.isConnected) ui.launcher.remove();
var slot = document.getElementById(CONFIG.ids.uiSlot);
if (slot && !slot.childNodes.length) slot.remove();
}
function ensurePageControlsSlot() {
var host = getPageControlsHost();
if (!host) return null;
var slot = document.getElementById(CONFIG.ids.uiSlot);
if (!slot) {
slot = document.createElement('div');
slot.id = CONFIG.ids.uiSlot;
slot.className = 'yds-page-slot';
}
if (slot.parentNode !== host) {
host.appendChild(slot);
}
return slot;
}
function getPageControlsHost() {
return document.querySelector(CONFIG.selectors.metadataActionButtons) ||
document.querySelector(CONFIG.selectors.metadataActions) ||
document.querySelector(CONFIG.selectors.metadataTopRow);
}
function uiMountedInBestHost() {
if (!ui.launcher || !ui.launcher.isConnected) return false;
var host = getPageControlsHost();
if (!host) return true;
var slot = document.getElementById(CONFIG.ids.uiSlot);
return !!slot && slot.parentNode === host && ui.launcher.parentNode === slot;
}
function syncUi() {
syncTargetLanguageOptions();
syncSourceTrackOptions();
if (ui.displayMode) ui.displayMode.value = normalizeDisplayMode(state.displayMode);
if (ui.targetLang) ui.targetLang.value = state.targetLang;
if (ui.trackIndex) ui.trackIndex.value = String(state.sourceTrackIndex);
if (ui.sourceName) ui.sourceName.textContent = app.lastSourceName || TEXT.unselected;
if (ui.status) ui.status.textContent = app.status;
if (ui.debugToggle) ui.debugToggle.checked = !!state.debug;
if (ui.enabledBtn) ui.enabledBtn.textContent = state.enabled ? TEXT.disableDualSubs : TEXT.enableDualSubs;
syncStyleControls();
applySubtitleStyle();
if (ui.debugBox) {
ui.debugBox.hidden = !isDebugEnabled(state);
ui.debugBox.textContent = formatDebugText();
}
}
function syncTargetLanguageOptions(force) {
if (!ui.targetLang) return;
var rawOptions = (app.translationLanguages || []).slice();
var query = ui.targetSearch ? normalizeSearchText(ui.targetSearch.value) : '';
var options = query ? rawOptions.filter(function (option) {
return normalizeSearchText(option.languageCode + ' ' + option.name).indexOf(query) !== -1;
}) : rawOptions;
var hasCurrent = false;
var i;
for (i = 0; i < options.length; i++) {
if (options[i].languageCode === state.targetLang) {
hasCurrent = true;
break;
}
}
if (!hasCurrent) {
options.unshift({
languageCode: state.targetLang,
name: state.targetLang
});
}
var signature = options.map(function (option) {
return option.languageCode + ':' + option.name;
}).join('|') + '|q=' + query;
if (!force && ui.targetLang.getAttribute('data-options-signature') === signature) return;
ui.targetLang.textContent = '';
options.forEach(function (option) {
var node = document.createElement('option');
node.value = option.languageCode;
node.textContent = option.name + ' (' + option.languageCode + ')';
ui.targetLang.appendChild(node);
});
ui.targetLang.setAttribute('data-options-signature', signature);
}
function syncSourceTrackOptions() {
if (!ui.trackIndex) return;
var tracks = app.tracks || [];
var options = [];
var i;
for (i = 0; i < tracks.length; i++) {
options.push({
index: i,
label: formatTrackLabel(tracks[i], i)
});
}
if (!options.length) {
options.push({
index: state.sourceTrackIndex,
label: '#' + state.sourceTrackIndex
});
}
var signature = options.map(function (option) {
return option.index + ':' + option.label;
}).join('|');
if (ui.trackIndex.getAttribute('data-options-signature') === signature) return;
ui.trackIndex.textContent = '';
options.forEach(function (option) {
var node = document.createElement('option');
node.value = String(option.index);
node.textContent = option.label;
ui.trackIndex.appendChild(node);
});
ui.trackIndex.setAttribute('data-options-signature', signature);
}
function getCurrentSourceTrack() {
return app.tracks && app.tracks[state.sourceTrackIndex] ? app.tracks[state.sourceTrackIndex] : null;
}
function getSourceMemoryKey(track) {
if (!track || !track.languageCode) return '';
return String(track.languageCode || '').trim();
}
function rememberTargetForCurrentSource() {
rememberTargetForTrack(getCurrentSourceTrack(), state.targetLang);
}
function rememberTargetForTrack(track, targetLang) {
var key = getSourceMemoryKey(track);
if (!key || !targetLang) return false;
if (!state.targetLangBySource || typeof state.targetLangBySource !== 'object') state.targetLangBySource = {};
state.targetLangBySource[key] = String(targetLang);
return true;
}
function applyRememberedTargetForTrack(track, fallbackToDefault) {
var key = getSourceMemoryKey(track);
var remembered = key && state.targetLangBySource ? state.targetLangBySource[key] : '';
if (!remembered && fallbackToDefault) remembered = DEFAULTS.targetLang;
if (!remembered || remembered === state.targetLang) return false;
state.targetLang = remembered;
return true;
}
function syncStyleControls() {
syncNumberRange(ui.sourceFontSize, state.sourceFontSize);
syncNumberRange(ui.targetFontSize, state.targetFontSize);
syncNumberRange(ui.lineGap, state.lineGap);
syncNumberRange(ui.bottomOffset, state.bottomOffset);
if (ui.fontFamily) ui.fontFamily.value = normalizeFontFamily(state.fontFamily);
syncColor(ui.sourceColor, state.sourceColor);
syncColor(ui.targetColor, state.targetColor);
}
function syncNumberRange(control, value) {
if (!control) return;
control.range.value = String(value);
control.number.value = String(value);
}
function syncColor(control, value) {
if (!control) return;
control.input.value = normalizeColor(value, '#ffffff');
syncColorPreview(control.preview, control.input.value);
}
function syncColorPreview(node, value) {
if (!node) return;
node.style.color = normalizeColor(value, '#ffffff');
}
function resetSubtitleStyle() {
state.sourceFontSize = DEFAULTS.sourceFontSize;
state.targetFontSize = DEFAULTS.targetFontSize;
state.lineGap = DEFAULTS.lineGap;
state.bottomOffset = DEFAULTS.bottomOffset;
state.sourceColor = DEFAULTS.sourceColor;
state.targetColor = DEFAULTS.targetColor;
state.fontFamily = DEFAULTS.fontFamily;
saveSettings(state);
syncUi();
}
function setDetachedClass(node, detached) {
if (!node) return;
node.classList.toggle('yds-detached', !!detached);
}
function clearInlinePosition(node) {
if (!node) return;
node.style.left = '';
node.style.top = '';
node.style.right = '';
node.style.bottom = '';
}
function applyStoredPosition(node, position) {
if (!node) return;
if (!position || typeof position.left !== 'number' || typeof position.top !== 'number') {
node.style.left = '';
node.style.top = '';
node.style.right = '';
node.style.bottom = '';
return;
}
node.style.left = position.left + 'px';
node.style.top = position.top + 'px';
node.style.right = 'auto';
node.style.bottom = 'auto';
}
function enableDragging(node, handle, stateKey) {
if (!node || !handle) return;
var drag = null;
function onPointerMove(event) {
if (!drag) return;
var nextLeft = clampToViewport(drag.startLeft + (event.clientX - drag.startX), node.offsetWidth, window.innerWidth);
var nextTop = clampToViewport(drag.startTop + (event.clientY - drag.startY), node.offsetHeight, window.innerHeight);
applyStoredPosition(node, { left: nextLeft, top: nextTop });
}
function onPointerUp() {
if (!drag) return;
state[stateKey] = {
left: parseFloat(node.style.left) || 0,
top: parseFloat(node.style.top) || 0
};
saveSettings(state);
drag = null;
window.removeEventListener('pointermove', onPointerMove);
window.removeEventListener('pointerup', onPointerUp);
window.removeEventListener('pointercancel', onPointerUp);
}
handle.addEventListener('pointerdown', function (event) {
if (event.button != null && event.button !== 0) return;
if (isInteractiveTarget(event.target)) return;
var rect = node.getBoundingClientRect();
drag = {
startX: event.clientX,
startY: event.clientY,
startLeft: rect.left,
startTop: rect.top
};
window.addEventListener('pointermove', onPointerMove);
window.addEventListener('pointerup', onPointerUp);
window.addEventListener('pointercancel', onPointerUp);
event.preventDefault();
});
app.teardown.push(function () {
window.removeEventListener('pointermove', onPointerMove);
window.removeEventListener('pointerup', onPointerUp);
window.removeEventListener('pointercancel', onPointerUp);
});
}
function setPhase(phase) {
app.phase = phase;
syncUi();
}
function setStatus(text) {
app.status = String(text || '');
syncUi();
logger.debug('status', { phase: app.phase, text: app.status });
}
function setDualSubsEnabled(enabled, reason) {
state.enabled = !!enabled;
saveSettings(state);
if (state.enabled) {
reloadDualSubsSoon(reason || 'enabled');
return;
}
app.pendingLoadKey = '';
app.backoffUntil = 0;
app.loading = false;
app.cuesA = [];
app.cuesB = [];
stopLoop();
clearNativeCaptionWindow();
setPhase('disabled');
setStatus(TEXT.disabled);
syncUi();
}
function reloadDualSubsSoon(reason) {
if (!state.enabled) {
setDualSubsEnabled(false, reason || 'setting-change-disabled');
return;
}
app.pendingLoadKey = '';
app.backoffUntil = 0;
app.cuesA = [];
app.cuesB = [];
stopLoop();
clearNativeCaptionWindow();
setPhase('load-start');
setStatus(TEXT.loading);
if (!isWatchPage() || !getVideo() || !getPlayer()) {
scheduleInit(reason || 'setting-change', 0);
return;
}
loadDualSubs(true, reason || 'setting-change');
}
function formatDebugText() {
var snapshot = collectSnapshot();
return [
'version=' + snapshot.version,
'page=' + snapshot.pageType,
'url=' + snapshot.url,
'videoId=' + (snapshot.videoId || '-'),
'phase=' + snapshot.phase,
'loading=' + snapshot.loading,
'enabled=' + snapshot.enabled,
'display-mode=' + snapshot.displayMode,
'caption-source=' + (snapshot.captionSource || '-'),
'default-track=' + snapshot.defaultTrackIndex,
'source=' + (snapshot.source || '-'),
'tracks=' + snapshot.tracks.length,
'cues=' + snapshot.cuesA + '/' + snapshot.cuesB,
'transcript-trigger=' + (snapshot.transcriptTrigger || '-'),
'fallback=' + (snapshot.fallback || '-'),
'fetch-source=' + (snapshot.fetch.source || '-'),
'fetch-target=' + (snapshot.fetch.target || '-'),
'dom=video:' + snapshot.dom.video + ',player:' + snapshot.dom.player + ',captions:' + snapshot.dom.captionContainer,
'injected=launcher:' + snapshot.dom.launcher + ',panel:' + snapshot.dom.panel + ',native:' + snapshot.dom.nativeWindow
].join('\n');
}
function bindGlobalListeners() {
ensureHistoryHook();
addWindowListener('yt-navigate-finish', function () {
handleNavigation('yt-navigate-finish');
});
addWindowListener('yt-page-data-updated', function () {
handleNavigation('yt-page-data-updated');
});
addWindowListener('ytp-history-navigate', function () {
handleNavigation('ytp-history-navigate');
});
addWindowListener(CONFIG.historyEventName, function () {
handleNavigation(CONFIG.historyEventName);
});
addWindowListener('popstate', function () {
handleNavigation('popstate');
});
addWindowListener('load', function () {
handleNavigation('window-load');
});
app.timers.urlPoll = window.setInterval(function () {
if (location.href !== app.lastUrl) {
handleNavigation('url-poll');
return;
}
if (isWatchPage() && (!getVideo() || !getPlayer() || !uiMountedInBestHost())) {
scheduleInit('url-poll-health', CONFIG.domDebounceMs);
}
}, CONFIG.routePollMs);
var observationTarget = getObservationTarget();
if (typeof MutationObserver === 'function' && observationTarget) {
app.observer = new MutationObserver(function (mutations) {
if (!isWatchPage()) return;
if (!hasRelevantMutation(mutations)) return;
scheduleInit('dom-mutation', CONFIG.domDebounceMs);
});
app.observer.observe(observationTarget, {
childList: true,
subtree: observationTarget !== document.body && observationTarget !== document.documentElement
});
}
}
function addWindowListener(type, handler) {
window.addEventListener(type, handler);
app.teardown.push(function () {
window.removeEventListener(type, handler);
});
}
function handleNavigation(reason) {
logger.debug('navigation', { reason: reason, href: location.href });
scheduleInit(reason, CONFIG.initDelayMs);
}
function scheduleInit(reason, delayMs) {
clearTimeout(app.timers.init);
app.timers.init = window.setTimeout(function () {
initForPage(reason);
}, typeof delayMs === 'number' ? delayMs : CONFIG.initDelayMs);
}
function initForPage(reason) {
app.lastUrl = location.href;
mountUi();
exposeDebugApi();
if (!isWatchPage()) {
resetForNonWatch();
return;
}
var videoId = getVideoId();
if (videoId !== app.lastVideoId) {
resetVideoState(videoId, reason);
}
if (!getVideo() || !getPlayer()) {
setPhase('wait-player');
setStatus(TEXT.waitingPlayer);
scheduleInit('wait-player', CONFIG.retryDelayMs);
return;
}
loadDualSubs(false, reason || 'init');
}
function resetForNonWatch() {
app.activeRequestId += 1;
app.loading = false;
app.defaultTrackIndex = -1;
app.lastCaptionSource = '';
app.lastFallback = '';
app.lastVideoId = '';
app.lastSourceName = '';
app.cuesA = [];
app.cuesB = [];
clearFetchDiagnostics();
app.tracks = [];
app.trackRetryCount = 0;
app.pendingLoadKey = '';
app.translationLanguages = [];
setPhase('idle');
setStatus(TEXT.waitingWatchPage);
stopLoop();
clearNativeCaptionWindow();
}
function resetVideoState(videoId, reason) {
logger.debug('reset video state', {
from: app.lastVideoId || '',
to: videoId || '',
reason: reason || 'unknown'
});
app.activeRequestId += 1;
app.loading = false;
app.defaultTrackIndex = -1;
app.lastCaptionSource = '';
app.lastFallback = '';
app.lastVideoId = videoId || '';
app.lastSourceName = '';
app.cuesA = [];
app.cuesB = [];
clearFetchDiagnostics();
app.tracks = [];
app.trackRetryCount = 0;
app.pendingLoadKey = '';
app.translationLanguages = [];
stopLoop();
clearNativeCaptionWindow();
syncUi();
}
function loadDualSubs(force, reason) {
if (!isWatchPage()) return;
if (!state.enabled) {
app.loading = false;
app.pendingLoadKey = '';
app.cuesA = [];
app.cuesB = [];
stopLoop();
clearNativeCaptionWindow();
setPhase('disabled');
setStatus(TEXT.disabled);
return;
}
var videoId = getVideoId();
var loadKey = [videoId, state.targetLang, state.sourceTrackIndex].join('|');
if (!force && !app.loading && app.pendingLoadKey === loadKey && (app.cuesA.length || app.cuesB.length)) {
logger.debug('skip completed load', { reason: reason, loadKey: loadKey });
if (!app.loopId) startLoop();
return;
}
if (!force && app.loading && app.pendingLoadKey === loadKey) {
logger.debug('skip duplicate load', { reason: reason, loadKey: loadKey });
return;
}
var now = Date.now();
if (!force && app.backoffUntil && now < app.backoffUntil) {
setPhase('backoff');
setStatus(TEXT.rateLimitedShort);
return;
}
app.pendingLoadKey = loadKey;
app.loading = true;
app.activeRequestId += 1;
var requestId = app.activeRequestId;
clearFetchDiagnostics();
app.lastFallback = '';
ensureCaptionsEnabled();
setPhase('load-start');
setStatus(TEXT.loading);
getBestCaptionData(videoId).then(function (captionData) {
if (!isActiveRequest(requestId, videoId)) return;
var tracks = captionData.tracks || [];
app.tracks = tracks;
app.defaultTrackIndex = typeof captionData.defaultTrackIndex === 'number' ? captionData.defaultTrackIndex : -1;
app.lastCaptionSource = captionData.source || '';
app.lastFallback = '';
app.translationLanguages = getTranslationLanguages(captionData.playerResponse, tracks, null);
logger.debug('caption tracks resolved', {
loadKey: loadKey,
source: captionData.source,
tracks: tracks.length
});
var selected = chooseTrack(tracks, state.sourceTrackIndex, state.targetLang);
if (!selected.track) {
app.loading = false;
app.cuesA = [];
app.cuesB = [];
app.lastSourceName = TEXT.noTrack;
stopLoop();
if (!tracks.length && app.trackRetryCount < CONFIG.maxTrackRetries) {
app.trackRetryCount += 1;
setPhase('wait-tracks');
setStatus(TEXT.waitingTracks + ' (' + app.trackRetryCount + '/' + CONFIG.maxTrackRetries + ')');
scheduleInit('wait-tracks', CONFIG.retryDelayMs);
} else {
setPhase('no-tracks');
setStatus(TEXT.noTrackDetail);
}
syncUi();
return null;
}
app.trackRetryCount = 0;
applyRememberedTargetForTrack(selected.track);
state.sourceTrackIndex = selected.index;
rememberTargetForTrack(selected.track, state.targetLang);
saveSettings(state);
app.pendingLoadKey = [videoId, state.targetLang, state.sourceTrackIndex].join('|');
app.lastSourceName = formatTrackLabel(selected.track, selected.index);
app.translationLanguages = getTranslationLanguages(captionData.playerResponse, tracks, selected.track);
syncUi();
logger.debug('track pair', {
sourceLang: selected.track.languageCode || '',
targetLang: state.targetLang,
targetMode: 'translated'
});
return fetchBestPair(selected.track, null, state.targetLang).then(function (result) {
if (!isActiveRequest(requestId, videoId)) return;
if (result.fallback) {
app.lastFallback = app.lastFallback ? app.lastFallback + ' | ' + result.fallback : result.fallback;
}
if (!result.cuesA.length && !result.cuesB.length && canUseDefaultTrackFallback(selected.track, tracks[captionData.defaultTrackIndex], captionData.defaultTrackIndex, selected.index)) {
var fallbackTrack = tracks[captionData.defaultTrackIndex];
app.lastFallback = 'default-track:' + selected.index + '->' + captionData.defaultTrackIndex;
logger.debug('retry with default caption track', {
from: selected.index,
to: captionData.defaultTrackIndex,
targetLang: state.targetLang
});
return fetchBestPair(fallbackTrack, null, state.targetLang).then(function (fallbackResult) {
if (!isActiveRequest(requestId, videoId)) return;
if (fallbackResult.fallback) {
app.lastFallback = app.lastFallback ? app.lastFallback + ' | ' + fallbackResult.fallback : fallbackResult.fallback;
}
if (fallbackResult.cuesA.length || fallbackResult.cuesB.length) {
app.lastSourceName = formatTrackLabel(fallbackTrack, captionData.defaultTrackIndex) + ' [fallback]';
syncUi();
return applyLoadedCues(fallbackResult);
}
app.lastFallback = app.lastFallback + ':empty';
return applyLoadedCues(result);
});
}
return applyLoadedCues(result);
});
}).catch(function (err) {
if (!isActiveRequest(requestId, videoId)) return;
app.cuesA = [];
app.cuesB = [];
stopLoop();
if (err && err.status === 429) {
app.backoffUntil = Date.now() + CONFIG.rateLimitBackoffMs;
setPhase('backoff');
setStatus(TEXT.rateLimited);
} else {
setPhase('load-error');
setStatus(TEXT.loadFailed + formatError(err));
}
logger.error('loadDualSubs failed', err);
}).finally(function () {
if (!isRequestCurrent(requestId)) return;
app.loading = false;
syncUi();
});
function applyLoadedCues(result) {
if (!isActiveRequest(requestId, videoId)) return;
app.backoffUntil = 0;
app.cuesA = result.cuesA || [];
app.cuesB = result.cuesB || [];
if (!app.cuesA.length && !app.cuesB.length) {
setPhase('no-cues');
setStatus(TEXT.noCue);
stopLoop();
return;
}
setPhase('ready');
if (!app.cuesB.length) {
setStatus(TEXT.sourceOnly);
} else {
setStatus(TEXT.nativeReady);
}
startLoop();
}
}
function isRequestCurrent(requestId) {
return requestId === app.activeRequestId;
}
function isActiveRequest(requestId, videoId) {
return isRequestCurrent(requestId) && videoId === getVideoId() && isWatchPage();
}
function startLoop() {
stopLoop();
function tick() {
if (!isWatchPage()) {
stopLoop();
return;
}
var video = getVideo();
if (!video) {
app.loopId = requestAnimationFrame(tick);
return;
}
renderCurrentCaption();
app.loopId = requestAnimationFrame(tick);
}
app.loopId = requestAnimationFrame(tick);
}
function renderCurrentCaption() {
if (!state.enabled) {
clearNativeCaptionWindow();
return;
}
var video = getVideo();
if (!video) return;
var mode = normalizeDisplayMode(state.displayMode);
var textA = mode === 'target' ? '' : findCueText(app.cuesA, video.currentTime);
var textB = mode === 'source' ? '' : findCueText(app.cuesB, video.currentTime);
renderNativeCaption(textA, textB);
}
function stopLoop() {
if (app.loopId) cancelAnimationFrame(app.loopId);
app.loopId = 0;
clearNativeCaptionWindow();
}
function exposeDebugApi() {
var pageWindow = getPageWindow();
pageWindow[DEBUG_API_KEY] = {
runtime: api,
reload: function () {
reloadDualSubsSoon('debug-reload');
},
scheduleInit: function (reason) {
scheduleInit(reason || 'debug', 0);
},
setDebug: function (enabled) {
state.debug = !!enabled;
saveSettings(state);
syncUi();
return collectSnapshot();
},
setEnabled: function (enabled) {
setDualSubsEnabled(!!enabled, 'debug-set-enabled');
return collectSnapshot();
},
snapshot: function () {
return collectSnapshot();
}
};
}
function collectSnapshot() {
var tracks = [];
var i;
for (i = 0; i < app.tracks.length; i++) {
tracks.push({
index: i,
lang: app.tracks[i].languageCode || '',
name: getTrackName(app.tracks[i]),
hasBaseUrl: !!app.tracks[i].baseUrl
});
}
return {
captionSource: app.lastCaptionSource,
cuesA: app.cuesA.length,
cuesB: app.cuesB.length,
defaultTrackIndex: app.defaultTrackIndex,
dom: {
captionContainer: !!getCaptionContainer(),
launcher: !!document.getElementById(CONFIG.ids.launcher),
nativeWindow: !!document.getElementById(CONFIG.ids.nativeWindow),
panel: !!document.getElementById(CONFIG.ids.panel),
player: !!getPlayer(),
video: !!getVideo()
},
fetch: {
source: fetchDiagnostics.source,
target: fetchDiagnostics.target
},
loading: app.loading,
fallback: app.lastFallback,
nativeTimedTextHint: describeNativeTimedTextHint(),
pageType: isWatchPage() ? 'watch' : 'other',
phase: app.phase,
source: app.lastSourceName,
status: app.status,
enabled: state.enabled,
displayMode: state.displayMode,
smartPosition: state.smartPosition,
syncNativeStyle: state.syncNativeStyle,
transcriptTrigger: describeTranscriptTrigger(),
tracks: tracks,
targetLang: state.targetLang,
translationLanguages: app.translationLanguages,
url: location.href,
version: SCRIPT_VERSION,
videoId: getVideoId()
};
}
var api = {
boot: boot,
destroy: destroy,
snapshot: collectSnapshot
};
return api;
}
function loadSettings() {
var stored = GM_getValue(SETTINGS_KEY, {});
var merged = {};
var key;
for (key in DEFAULTS) merged[key] = DEFAULTS[key];
if (stored && typeof stored === 'object') {
for (key in stored) merged[key] = stored[key];
}
return normalizeSettings(merged);
}
function saveSettings(nextState) {
var normalized = normalizeSettings(nextState);
GM_setValue(SETTINGS_KEY, {
debug: !!normalized.debug,
enabled: !!normalized.enabled,
panelOpen: false,
launcherPosition: normalizePosition(normalized.launcherPosition),
panelPosition: normalizePosition(normalized.panelPosition),
sourceTrackIndex: normalized.sourceTrackIndex,
targetLang: normalized.targetLang,
targetLangBySource: normalized.targetLangBySource,
displayMode: normalized.displayMode,
sourceFontSize: normalized.sourceFontSize,
targetFontSize: normalized.targetFontSize,
lineGap: normalized.lineGap,
bottomOffset: normalized.bottomOffset,
sourceColor: normalized.sourceColor,
targetColor: normalized.targetColor,
fontFamily: normalized.fontFamily,
smartPosition: true,
syncNativeStyle: true
});
}
function normalizeSettings(input) {
var output = {};
var key;
input = input || {};
for (key in DEFAULTS) output[key] = DEFAULTS[key];
for (key in input) output[key] = input[key];
output.debug = !!output.debug;
output.enabled = output.enabled !== false;
output.panelOpen = false;
output.launcherPosition = normalizePosition(output.launcherPosition);
output.panelPosition = normalizePosition(output.panelPosition);
output.sourceTrackIndex = Math.max(0, parseInt(output.sourceTrackIndex || '0', 10) || 0);
output.targetLang = String(output.targetLang || DEFAULTS.targetLang).trim() || DEFAULTS.targetLang;
output.targetLangBySource = normalizeTargetLangBySource(output.targetLangBySource);
output.displayMode = normalizeDisplayMode(output.displayMode);
output.sourceFontSize = clampNumber(parseFloat(output.sourceFontSize), 16, 56, DEFAULTS.sourceFontSize);
output.targetFontSize = clampNumber(parseFloat(output.targetFontSize), 16, 56, DEFAULTS.targetFontSize);
output.lineGap = clampNumber(parseFloat(output.lineGap), 0, 24, DEFAULTS.lineGap);
output.bottomOffset = clampNumber(parseFloat(output.bottomOffset), 2, 28, DEFAULTS.bottomOffset);
output.sourceColor = normalizeColor(output.sourceColor, DEFAULTS.sourceColor);
output.targetColor = normalizeColor(output.targetColor, DEFAULTS.targetColor);
output.fontFamily = normalizeFontFamily(output.fontFamily);
output.smartPosition = true;
output.syncNativeStyle = true;
return output;
}
function normalizeTargetLangBySource(value) {
var output = {};
var key;
if (!value || typeof value !== 'object') return output;
for (key in value) {
if (!Object.prototype.hasOwnProperty.call(value, key)) continue;
var source = String(key || '').trim();
var target = String(value[key] || '').trim();
if (source && target) output[source] = target;
}
return output;
}
function normalizePosition(position) {
if (!position || typeof position.left !== 'number' || typeof position.top !== 'number') return null;
return {
left: Math.max(0, Math.round(position.left)),
top: Math.max(0, Math.round(position.top))
};
}
function clampNumber(value, min, max, fallback) {
if (!isFinite(value)) return fallback;
if (value < min) return min;
if (value > max) return max;
return Math.round(value);
}
function normalizeColor(value, fallback) {
var text = String(value || '').trim();
if (/^#[0-9a-f]{6}$/i.test(text)) return text.toLowerCase();
return fallback;
}
function normalizeSearchText(value) {
return String(value || '').toLowerCase().replace(/\s+/g, ' ').trim();
}
function normalizeFontFamily(value) {
var text = String(value || '').trim();
var i;
for (i = 0; i < FONT_OPTIONS.length; i++) {
if (FONT_OPTIONS[i].value === text) return text;
}
return DEFAULTS.fontFamily;
}
function normalizeDisplayMode(value) {
var text = String(value || '').trim();
if (text === 'source' || text === 'target' || text === 'dual') return text;
return DEFAULTS.displayMode;
}
function getFontCss(value) {
var normalized = normalizeFontFamily(value);
var i;
for (i = 0; i < FONT_OPTIONS.length; i++) {
if (FONT_OPTIONS[i].value === normalized) return FONT_OPTIONS[i].css;
}
return FONT_OPTIONS[0].css;
}
function clearFetchDiagnostics() {
fetchDiagnostics.source = '';
fetchDiagnostics.target = '';
}
function setFetchDiagnostic(label, value) {
fetchDiagnostics[label] = value;
}
function appendFetchDiagnostic(label, value) {
fetchDiagnostics[label] = fetchDiagnostics[label] ? fetchDiagnostics[label] + ' | ' + value : value;
}
function createLogger(isEnabled) {
function emit(level, message, meta) {
var fn = console[level] || console.log;
if (typeof meta === 'undefined') {
fn.call(console, LOG_PREFIX + ' ' + message);
} else {
fn.call(console, LOG_PREFIX + ' ' + message, meta);
}
}
return {
debug: function (message, meta) {
if (!isEnabled()) return;
emit('debug', message, meta);
},
error: function (message, meta) {
emit('error', message, meta);
}
};
}
function isDebugEnabled(currentState) {
return !!currentState.debug || location.search.indexOf(CONFIG.debugQueryParam) !== -1;
}
function isWatchPage() {
return location.pathname === CONFIG.selectors.watchPath;
}
function getRoot() {
return document.body || document.documentElement;
}
function getPageWindow() {
return typeof unsafeWindow !== 'undefined' ? unsafeWindow : window;
}
function getPageFetch() {
var pageWindow = getPageWindow();
if (pageWindow && typeof pageWindow.fetch === 'function') {
return pageWindow.fetch.bind(pageWindow);
}
if (typeof fetch === 'function') {
return fetch.bind(window);
}
return null;
}
function installTimedTextObserver() {
var pageWindow = getPageWindow();
var observerKey = '__ydsTimedTextObserver';
if (!pageWindow || pageWindow[observerKey]) return;
pageWindow[observerKey] = {
installedAt: Date.now()
};
try {
if (typeof pageWindow.fetch === 'function') {
var originalFetch = pageWindow.fetch;
pageWindow.fetch = function () {
rememberRequestTimedTextUrl(arguments[0]);
return originalFetch.apply(this, arguments);
};
}
} catch (err) {
logger.error('fetch observer install failed', err);
}
try {
if (pageWindow.XMLHttpRequest && pageWindow.XMLHttpRequest.prototype) {
var originalOpen = pageWindow.XMLHttpRequest.prototype.open;
pageWindow.XMLHttpRequest.prototype.open = function (method, url) {
rememberRequestTimedTextUrl(url);
return originalOpen.apply(this, arguments);
};
}
} catch (xhrErr) {
logger.error('xhr observer install failed', xhrErr);
}
}
function rememberRequestTimedTextUrl(input) {
try {
if (!input) return;
var url = typeof input === 'string' ? input : (input.url || String(input));
rememberNativeTimedTextUrl(url);
} catch (err) {
logger.debug('remember timedtext request failed', err);
}
}
function collectNativeTimedTextHints() {
try {
if (!window.performance || typeof window.performance.getEntriesByType !== 'function') return;
var entries = window.performance.getEntriesByType('resource') || [];
var start = Math.max(0, entries.length - 80);
var i;
for (i = start; i < entries.length; i++) {
rememberNativeTimedTextUrl(entries[i] && entries[i].name);
}
} catch (err) {
logger.debug('performance timedtext scan failed', err);
}
}
function rememberNativeTimedTextUrl(rawUrl) {
if (!rawUrl || String(rawUrl).indexOf('/api/timedtext') === -1) return;
var parsed;
try {
parsed = new URL(rawUrl, location.href);
} catch (err) {
return;
}
if (parsed.hostname !== 'www.youtube.com' && parsed.hostname !== 'youtube.com') return;
var videoId = parsed.searchParams.get('v') || '';
if (!videoId) return;
var params = extractNativeTimedTextParams(parsed);
if (!params) return;
resetNativeTimedTextHints(videoId);
var hint = {
lang: parsed.searchParams.get('lang') || '',
params: params,
source: 'native-request',
updatedAt: Date.now()
};
nativeTimedTextHints.last = hint;
if (hint.lang) nativeTimedTextHints.byLang[hint.lang] = hint;
}
function resetNativeTimedTextHints(videoId) {
if (nativeTimedTextHints.videoId === videoId) return;
nativeTimedTextHints.videoId = videoId;
nativeTimedTextHints.byLang = {};
nativeTimedTextHints.last = null;
}
function extractNativeTimedTextParams(url) {
var params = {};
var hasHint = false;
var i;
for (i = 0; i < CONFIG.nativeTimedTextParamKeys.length; i++) {
var key = CONFIG.nativeTimedTextParamKeys[i];
if (!url.searchParams.has(key)) continue;
params[key] = url.searchParams.get(key);
hasHint = true;
}
if (!hasHint || !params.pot) return null;
return params;
}
function describeNativeTimedTextHint() {
var hint = getNativeTimedTextHint(null);
if (!hint || !hint.params) return null;
var keys = [];
var key;
for (key in hint.params) keys.push(key);
return {
ageMs: Math.max(0, Date.now() - hint.updatedAt),
keys: keys,
lang: hint.lang || '',
videoId: nativeTimedTextHints.videoId || ''
};
}
function getNativeTimedTextHint(track) {
collectNativeTimedTextHints();
var currentVideoId = getVideoId();
if (currentVideoId && nativeTimedTextHints.videoId && nativeTimedTextHints.videoId !== currentVideoId) {
resetNativeTimedTextHints(currentVideoId);
}
if (!track) return nativeTimedTextHints.last;
var languageCode = track.languageCode || '';
if (languageCode && nativeTimedTextHints.byLang[languageCode]) return nativeTimedTextHints.byLang[languageCode];
var prefix = languageCode ? String(languageCode).split('-')[0] : '';
var key;
if (prefix) {
for (key in nativeTimedTextHints.byLang) {
if (String(key || '').split('-')[0] === prefix) return nativeTimedTextHints.byLang[key];
}
}
return nativeTimedTextHints.last;
}
function waitForNativeTimedTextHint(track) {
if (getNativeTimedTextHint(track)) return Promise.resolve(true);
if (window.__ydsHarnessShimInstalled) return Promise.resolve(false);
return waitFor(function () {
return getNativeTimedTextHint(track);
}, CONFIG.nativeTimedTextHintWaitMs, 120).then(function (hint) {
return !!hint;
});
}
function getBrowserLikeUserAgent() {
try {
return navigator && navigator.userAgent ? navigator.userAgent : 'Mozilla/5.0';
} catch (err) {
return 'Mozilla/5.0';
}
}
function buildInnertubeContext() {
return {
client: {
clientName: 'WEB',
clientVersion: getInnertubeClientVersion(),
hl: document.documentElement && document.documentElement.lang ? document.documentElement.lang : 'zh-CN',
visitorData: getInnertubeVisitorData()
}
};
}
function buildInnertubeHeaders() {
var headers = {
'Content-Type': 'application/json',
'X-YouTube-Client-Name': '1',
'X-YouTube-Client-Version': getInnertubeClientVersion()
};
var visitorData = getInnertubeVisitorData();
if (visitorData) headers['X-Goog-Visitor-Id'] = visitorData;
return headers;
}
function getVideoId() {
return new URLSearchParams(location.search).get('v') || '';
}
function getVideo() {
return document.querySelector(CONFIG.selectors.rootVideo);
}
function getPlayer() {
return document.querySelector(CONFIG.selectors.player);
}
function getCaptionContainer() {
return document.querySelector(CONFIG.selectors.captionContainer);
}
function getObservationTarget() {
return document.querySelector('#content') || document.querySelector('#page-manager') || document.body || document.documentElement;
}
function ensureHistoryHook() {
if (window.__ydsHistoryHookInstalled) return;
window.__ydsHistoryHookInstalled = true;
function dispatchHistoryChange(source) {
try {
window.dispatchEvent(new CustomEvent(CONFIG.historyEventName, {
detail: {
href: location.href,
source: source
}
}));
} catch (err) {
logger.error('history hook dispatch failed', err);
}
}
function patchHistoryMethod(name) {
if (!history || typeof history[name] !== 'function') return;
var original = history[name];
history[name] = function () {
var result = original.apply(this, arguments);
window.setTimeout(function () {
dispatchHistoryChange(name);
}, 0);
return result;
};
}
patchHistoryMethod('pushState');
patchHistoryMethod('replaceState');
}
function ensureCaptionsEnabled() {
var btn = document.querySelector(CONFIG.selectors.subtitlesButton);
if (!btn) return;
if (btn.getAttribute('aria-pressed') === 'false') btn.click();
}
function clearNativeCaptionWindow() {
var container = getCaptionContainer();
if (container) container.classList.remove('yds-native-mode');
var node = document.getElementById(CONFIG.ids.nativeWindow);
if (node) node.remove();
}
function ensureNativeCaptionWindow() {
var container = getCaptionContainer();
var player = getPlayer();
if (!player) return null;
if (container) container.classList.add('yds-native-mode');
var node = document.getElementById(CONFIG.ids.nativeWindow);
if (!node) {
node = document.createElement('div');
node.id = CONFIG.ids.nativeWindow;
node.className = 'yds-native-window';
var lineA = document.createElement('div');
lineA.className = 'yds-native-line yds-native-line-a';
var lineB = document.createElement('div');
lineB.className = 'yds-native-line yds-native-line-b';
node.appendChild(lineA);
node.appendChild(lineB);
player.appendChild(node);
} else if (node.parentNode !== player) {
player.appendChild(node);
}
applySubtitleStyle(node);
return node;
}
function applySubtitleStyle(node) {
node = node || document.getElementById(CONFIG.ids.nativeWindow);
if (!node) return;
var lineA = node.querySelector('.yds-native-line-a');
var lineB = node.querySelector('.yds-native-line-b');
var nativeStyle = state.syncNativeStyle ? getNativeCaptionStyleHint() : null;
var useNativeFont = nativeStyle && nativeStyle.fontFamily && normalizeFontFamily(state.fontFamily) === DEFAULTS.fontFamily;
var useNativeSourceSize = nativeStyle && nativeStyle.fontSize && Number(state.sourceFontSize) === DEFAULTS.sourceFontSize;
var useNativeTargetSize = nativeStyle && nativeStyle.fontSize && Number(state.targetFontSize) === DEFAULTS.targetFontSize;
var useNativeSourceColor = nativeStyle && nativeStyle.color && normalizeColor(state.sourceColor, DEFAULTS.sourceColor) === DEFAULTS.sourceColor;
var fontCss = useNativeFont ? nativeStyle.fontFamily : getFontCss(state.fontFamily);
var sourceFontSize = useNativeSourceSize ? nativeStyle.fontSize : clampNumber(parseFloat(state.sourceFontSize), 16, 56, DEFAULTS.sourceFontSize) + 'px';
var targetFontSize = useNativeTargetSize ? nativeStyle.fontSize : clampNumber(parseFloat(state.targetFontSize), 16, 56, DEFAULTS.targetFontSize) + 'px';
node.style.bottom = getSubtitleBottomPercent() + '%';
if (lineA) {
lineA.style.fontFamily = fontCss;
lineA.style.fontSize = sourceFontSize;
lineA.style.fontWeight = nativeStyle && nativeStyle.fontWeight ? nativeStyle.fontWeight : '600';
lineA.style.color = useNativeSourceColor ? nativeStyle.color : normalizeColor(state.sourceColor, DEFAULTS.sourceColor);
applyNativeBackgroundStyle(lineA, nativeStyle);
}
if (lineB) {
lineB.style.fontFamily = fontCss;
lineB.style.fontSize = targetFontSize;
lineB.style.fontWeight = nativeStyle && nativeStyle.fontWeight ? nativeStyle.fontWeight : '600';
lineB.style.color = nativeStyle && nativeStyle.color && state.displayMode === 'target' ? nativeStyle.color : normalizeColor(state.targetColor, DEFAULTS.targetColor);
applyNativeBackgroundStyle(lineB, nativeStyle);
lineB.style.marginTop = lineA && lineA.style.display !== 'none' && lineB.style.display !== 'none'
? clampNumber(parseFloat(state.lineGap), 0, 24, DEFAULTS.lineGap) + 'px'
: '0';
}
}
function getSubtitleBottomPercent() {
var base = clampNumber(parseFloat(state.bottomOffset), 2, 28, DEFAULTS.bottomOffset);
var player = getPlayer();
var controls = player ? player.querySelector(CONFIG.selectors.playerControls) : null;
if (!player || !controls || !player.clientHeight) return base;
var style = window.getComputedStyle(controls);
var controlsVisible = !player.classList.contains('ytp-autohide') &&
style.display !== 'none' &&
style.visibility !== 'hidden' &&
controls.offsetHeight > 0;
if (!controlsVisible) return base;
var controlsPercent = Math.ceil((controls.offsetHeight / player.clientHeight) * 100) + 3;
return Math.max(base, Math.min(28, controlsPercent));
}
function getNativeCaptionStyleHint() {
var node = document.querySelector(CONFIG.selectors.nativeCaptionText);
if (!node) return null;
var style = window.getComputedStyle(node);
var fontSize = parseFloat(style.fontSize);
var hint = {};
if (fontSize >= 16 && fontSize <= 72) hint.fontSize = Math.round(fontSize) + 'px';
if (style.fontFamily) hint.fontFamily = style.fontFamily;
if (style.fontWeight) hint.fontWeight = style.fontWeight;
if (style.color && style.color !== 'rgba(0, 0, 0, 0)') hint.color = style.color;
if (isVisibleBackgroundColor(style.backgroundColor)) hint.backgroundColor = style.backgroundColor;
return hint;
}
function applyNativeBackgroundStyle(line, nativeStyle) {
if (nativeStyle && nativeStyle.backgroundColor) {
line.style.backgroundColor = nativeStyle.backgroundColor;
line.style.borderRadius = '2px';
line.style.padding = '0 4px';
} else {
line.style.backgroundColor = '';
line.style.borderRadius = '';
line.style.padding = '';
}
}
function isVisibleBackgroundColor(value) {
var text = String(value || '').trim();
if (!text || text === 'transparent') return false;
if (/rgba\([^)]*,\s*0\)$/i.test(text)) return false;
return true;
}
function renderNativeCaption(textA, textB) {
if (!textA && !textB) {
clearNativeCaptionWindow();
return;
}
var node = ensureNativeCaptionWindow();
if (!node) return;
var lineA = node.querySelector('.yds-native-line-a');
var lineB = node.querySelector('.yds-native-line-b');
if (!lineA || !lineB) return;
lineA.textContent = textA || '';
lineB.textContent = textB || '';
lineA.style.display = textA ? 'block' : 'none';
lineB.style.display = textB ? 'block' : 'none';
applySubtitleStyle(node);
}
function hasRelevantMutation(mutations) {
var selector = [
CONFIG.selectors.rootVideo,
CONFIG.selectors.player,
CONFIG.selectors.captionContainer,
CONFIG.selectors.metadataTopRow,
CONFIG.selectors.metadataActions,
'#' + CONFIG.ids.uiSlot,
'#' + CONFIG.ids.launcher,
'#' + CONFIG.ids.panel
].join(',');
var i;
for (i = 0; i < mutations.length; i++) {
if (mutationHasRelevantNode(mutations[i].addedNodes, selector)) return true;
if (mutationHasRelevantNode(mutations[i].removedNodes, selector)) return true;
}
return false;
}
function mutationHasRelevantNode(nodeList, selector) {
var i;
for (i = 0; i < nodeList.length; i++) {
var node = nodeList[i];
if (!node || node.nodeType !== 1) continue;
if (matchesSelector(node, selector)) return true;
if (typeof node.querySelector === 'function' && node.querySelector(selector)) return true;
}
return false;
}
function matchesSelector(node, selector) {
var matcher = node.matches || node.msMatchesSelector || node.webkitMatchesSelector;
return !!matcher && matcher.call(node, selector);
}
function isInteractiveTarget(target) {
if (!target || typeof target.closest !== 'function') return false;
return !!target.closest('button,input,textarea,select,a,label');
}
function clampToViewport(value, size, max) {
var safeMax = Math.max(0, (max || 0) - (size || 0));
if (value < 0) return 0;
if (value > safeMax) return safeMax;
return value;
}
function clampIndex(index, length) {
if (!length) return 0;
if (index < 0) return 0;
if (index >= length) return length - 1;
return index;
}
function buildTimedTextUrl(baseUrl, params) {
var url = new URL(baseUrl, location.href);
var key;
for (key in params) {
if (params[key] == null || params[key] === '') {
url.searchParams.delete(key);
} else {
url.searchParams.set(key, params[key]);
}
}
return url.toString();
}
function findCueText(cues, time) {
var left = 0;
var right = cues.length - 1;
while (left <= right) {
var mid = (left + right) >> 1;
var cue = cues[mid];
if (time < cue.start) {
right = mid - 1;
} else if (time > cue.end) {
left = mid + 1;
} else {
return cue.text;
}
}
return '';
}
function chooseTrack(tracks, preferredIndex, targetLang) {
if (!tracks.length) return { index: 0, track: null };
var index = clampIndex(preferredIndex, tracks.length);
var track = getUsableTrack(tracks[index]) ? tracks[index] : null;
if (!track) {
index = findTrackIndex(tracks, function (item) {
return getUsableTrack(item);
});
track = index === -1 ? null : tracks[index];
}
if (track && track.languageCode === targetLang) {
var altIndex = findTrackIndex(tracks, function (item, itemIndex) {
return itemIndex !== index && getUsableTrack(item) && item.languageCode !== targetLang;
});
if (altIndex !== -1) {
index = altIndex;
track = tracks[altIndex];
}
}
return {
index: index < 0 ? 0 : index,
track: track
};
}
function findTrackIndex(tracks, predicate) {
var i;
for (i = 0; i < tracks.length; i++) {
if (predicate(tracks[i], i)) return i;
}
return -1;
}
function findTrackByLanguage(tracks, languageCode, excludeIndex) {
if (!languageCode) return null;
var exactIndex = findTrackIndex(tracks, function (track, index) {
return index !== excludeIndex && getUsableTrack(track) && track.languageCode === languageCode;
});
if (exactIndex !== -1) return tracks[exactIndex];
var prefix = String(languageCode).split('-')[0];
var prefixIndex = findTrackIndex(tracks, function (track, index) {
return index !== excludeIndex && getUsableTrack(track) && String(track.languageCode || '').split('-')[0] === prefix;
});
return prefixIndex === -1 ? null : tracks[prefixIndex];
}
function canUseDefaultTrackFallback(selectedTrack, fallbackTrack, fallbackIndex, selectedIndex) {
if (fallbackIndex < 0 || fallbackIndex === selectedIndex || !getUsableTrack(fallbackTrack)) return false;
if (!selectedTrack) return true;
var selectedLang = selectedTrack.languageCode || '';
var fallbackLang = fallbackTrack.languageCode || '';
if (!selectedLang || !fallbackLang) return true;
return String(selectedLang).split('-')[0] === String(fallbackLang).split('-')[0];
}
function getUsableTrack(track) {
return track && track.baseUrl ? track : null;
}
function getTrackName(track) {
if (!track) return 'track';
return track.name && track.name.simpleText ? track.name.simpleText : (track.vssId || 'track');
}
function formatTrackLabel(track, index) {
return '#' + index + ' ' + getTrackName(track) + ' (' + (track.languageCode || '') + ')';
}
function getPlayerResponse() {
var pageWindow = getPageWindow();
var player = getPlayer();
try {
if (player && typeof player.getPlayerResponse === 'function') {
var direct = player.getPlayerResponse();
if (direct) return direct;
}
} catch (err) {
logger.error('getPlayerResponse failed', err);
}
if (pageWindow.ytInitialPlayerResponse) return pageWindow.ytInitialPlayerResponse;
return extractPlayerResponseFromHtml(document.documentElement ? document.documentElement.innerHTML : '');
}
function getCaptionRenderer(playerResponse) {
if (!playerResponse || !playerResponse.captions) return null;
return playerResponse.captions.playerCaptionsTracklistRenderer || null;
}
function getCaptionTracks(playerResponse) {
var renderer = getCaptionRenderer(playerResponse);
return renderer && renderer.captionTracks ? renderer.captionTracks : [];
}
function getTranslationLanguages(playerResponse, tracks, sourceTrack) {
var renderer = getCaptionRenderer(playerResponse);
var raw = [];
var i;
if (renderer && renderer.translationLanguages) raw = raw.concat(renderer.translationLanguages);
if (sourceTrack && sourceTrack.translationLanguages) raw = raw.concat(sourceTrack.translationLanguages);
for (i = 0; i < (tracks || []).length; i++) {
if (tracks[i] && tracks[i].translationLanguages) raw = raw.concat(tracks[i].translationLanguages);
}
return normalizeTranslationLanguages(raw, sourceTrack);
}
function normalizeTranslationLanguages(raw, sourceTrack) {
var seen = {};
var result = [];
var sourceLang = sourceTrack && sourceTrack.languageCode ? String(sourceTrack.languageCode) : '';
var i;
for (i = 0; i < (raw || []).length; i++) {
var language = raw[i] || {};
var code = String(language.languageCode || language.lang || language.value || '').trim();
if (!code || seen[code]) continue;
if (sourceLang && code === sourceLang) continue;
seen[code] = true;
result.push({
languageCode: code,
name: readTranslationLanguageName(language) || code
});
}
return result;
}
function readTranslationLanguageName(language) {
if (!language) return '';
return readText(language.languageName) ||
readText(language.name) ||
readText(language.label) ||
String(language.displayName || language.title || '').trim();
}
function readText(value) {
if (!value) return '';
if (typeof value === 'string') return value.trim();
if (value.simpleText) return String(value.simpleText).trim();
if (value.runs && value.runs.length) {
return value.runs.map(function (run) {
return run && run.text ? run.text : '';
}).join('').trim();
}
return '';
}
function getDefaultCaptionTrackIndex(playerResponse) {
var renderer = getCaptionRenderer(playerResponse);
var audioTracks = renderer && renderer.audioTracks ? renderer.audioTracks : [];
if (!audioTracks.length) return -1;
var index = audioTracks[0] && typeof audioTracks[0].defaultCaptionTrackIndex === 'number' ? audioTracks[0].defaultCaptionTrackIndex : -1;
return index;
}
function getBestCaptionData(videoId) {
var playerResponse = getPlayerResponse();
var tracks = getCaptionTracks(playerResponse);
if (tracks.length) {
return Promise.resolve({
defaultTrackIndex: getDefaultCaptionTrackIndex(playerResponse),
playerResponse: playerResponse,
source: 'page',
tracks: tracks
});
}
return fetchPlayerResponseFromYoutubei(videoId).then(function (remoteResponse) {
return {
defaultTrackIndex: getDefaultCaptionTrackIndex(remoteResponse),
playerResponse: remoteResponse,
source: 'youtubei',
tracks: getCaptionTracks(remoteResponse)
};
}).catch(function (err) {
logger.error('youtubei player fallback failed', err);
return {
defaultTrackIndex: getDefaultCaptionTrackIndex(playerResponse),
playerResponse: playerResponse,
source: 'page-fallback',
tracks: tracks
};
});
}
function getInnertubeClientVersion() {
try {
var pageWindow = getPageWindow();
if (pageWindow.ytcfg && typeof pageWindow.ytcfg.get === 'function') {
return pageWindow.ytcfg.get('INNERTUBE_CLIENT_VERSION') || pageWindow.ytcfg.get('INNERTUBE_CONTEXT_CLIENT_VERSION') || '2.20250312.04.00';
}
} catch (err) {
logger.error('getInnertubeClientVersion failed', err);
}
return '2.20250312.04.00';
}
function getInnertubeVisitorData() {
try {
var pageWindow = getPageWindow();
if (pageWindow.ytcfg && typeof pageWindow.ytcfg.get === 'function') {
return pageWindow.ytcfg.get('VISITOR_DATA') || '';
}
} catch (err) {
logger.error('getInnertubeVisitorData failed', err);
}
return '';
}
function fetchPlayerResponseFromYoutubei(videoId) {
return postJson('https://www.youtube.com/youtubei/v1/player?prettyPrint=false', {
context: buildInnertubeContext(),
videoId: videoId
}, buildInnertubeHeaders());
}
function postJson(url, body, headers) {
var payload = JSON.stringify(body);
var pageFetch = getPageFetch();
if (!pageFetch) {
return postJsonWithGM(url, payload, headers);
}
return pageFetch(url, {
method: 'POST',
body: payload,
headers: headers,
credentials: 'include',
cache: 'no-store'
}).then(function (res) {
if (res.status === 429) throw rateLimitError(url, 'fetch');
if (!res.ok) throw makeHttpError(res.status, url, 'fetch');
return res.json();
}).catch(function (err) {
if (err && err.status === 429) throw err;
return postJsonWithGM(url, payload, headers);
});
}
function postJsonWithGM(url, payload, headers) {
return new Promise(function (resolve, reject) {
GM_xmlhttpRequest({
method: 'POST',
url: url,
data: payload,
headers: mergeHeaders(headers, {
'Referer': 'https://www.youtube.com/',
'User-Agent': getBrowserLikeUserAgent()
}),
onload: function (res) {
if (res.status === 429) {
reject(rateLimitError(url, 'gm'));
return;
}
if (res.status < 200 || res.status >= 300) {
reject(makeHttpError(res.status, url, 'gm'));
return;
}
try {
resolve(JSON.parse(res.responseText));
} catch (parseErr) {
reject(parseErr);
}
},
onerror: function () {
reject(makeHttpError('ERR', url, 'gm'));
}
});
});
}
function extractPlayerResponseFromHtml(html) {
var markers = ['ytInitialPlayerResponse = ', 'var ytInitialPlayerResponse = '];
var i;
for (i = 0; i < markers.length; i++) {
var marker = markers[i];
var markerIndex = html.indexOf(marker);
if (markerIndex === -1) continue;
var start = html.indexOf('{', markerIndex + marker.length);
if (start === -1) continue;
var depth = 0;
var inString = false;
var escaped = false;
var quote = '';
var j;
for (j = start; j < html.length; j++) {
var ch = html.charAt(j);
if (inString) {
if (escaped) {
escaped = false;
} else if (ch === '\\') {
escaped = true;
} else if (ch === quote) {
inString = false;
}
continue;
}
if (ch === '"' || ch === '\'') {
inString = true;
quote = ch;
continue;
}
if (ch === '{') depth += 1;
if (ch === '}') {
depth -= 1;
if (depth === 0) {
try {
return JSON.parse(html.slice(start, j + 1));
} catch (err) {
logger.error('extractPlayerResponseFromHtml failed', err);
return null;
}
}
}
}
}
return null;
}
function makeHttpError(status, url, via) {
var err = new Error('HTTP ' + status);
err.status = status;
err.url = url;
err.via = via;
return err;
}
function rateLimitError(url, via) {
var err = new Error('HTTP 429');
err.status = 429;
err.url = url;
err.via = via;
err.rateLimited = true;
return err;
}
function mergeHeaders(baseHeaders, extraHeaders) {
var merged = {};
var key;
baseHeaders = baseHeaders || {};
extraHeaders = extraHeaders || {};
for (key in baseHeaders) merged[key] = baseHeaders[key];
for (key in extraHeaders) merged[key] = extraHeaders[key];
return merged;
}
function httpGet(url) {
return new Promise(function (resolve, reject) {
GM_xmlhttpRequest({
method: 'GET',
url: url,
headers: {
'Referer': 'https://www.youtube.com/',
'User-Agent': getBrowserLikeUserAgent()
},
onload: function (res) {
if (res.status === 429) {
reject(rateLimitError(url, 'gm'));
return;
}
if (res.status < 200 || res.status >= 300) {
reject(makeHttpError(res.status, url, 'gm'));
return;
}
resolve(res.responseText);
},
onerror: function () {
reject(makeHttpError('ERR', url, 'gm'));
}
});
});
}
function fetchText(url) {
var pageFetch = getPageFetch();
if (!pageFetch) {
return httpGet(url);
}
return pageFetch(url, {
credentials: 'include',
cache: 'no-store'
}).then(function (res) {
if (res.status === 429) throw rateLimitError(url, 'fetch');
if (!res.ok) throw makeHttpError(res.status, url, 'fetch');
return res.text();
}).catch(function (err) {
if (err && err.status === 429) throw err;
return httpGet(url);
});
}
function fetchBestPair(sourceTrack, targetTrack, targetLang) {
clearFetchDiagnostics();
return fetchTrackCues(sourceTrack, null, 'source').then(function (sourceCues) {
if (sourceCues.length) {
return fetchTargetPair(sourceCues, targetTrack, sourceTrack, targetLang, '');
}
appendFetchDiagnostic('target', 'skip-source-empty');
return fetchTranscriptFallbackPair(sourceTrack, targetTrack, targetLang).then(function (fallbackResult) {
if (!fallbackResult.cuesA.length && !fallbackResult.cuesB.length) {
return {
cuesA: [],
cuesB: [],
fallback: fallbackResult.fallback || ''
};
}
if (!fallbackResult.cuesA.length || fallbackResult.cuesB.length) return fallbackResult;
return fetchTargetPair(fallbackResult.cuesA, targetTrack, sourceTrack, targetLang, fallbackResult.fallback || '');
});
});
}
function fetchTargetPair(sourceCues, targetTrack, sourceTrack, targetLang, fallback) {
var track = targetTrack || sourceTrack;
var language = targetTrack ? null : targetLang;
if (!track || !track.baseUrl) {
appendFetchDiagnostic('target', 'skip-no-target-track');
return Promise.resolve({
cuesA: sourceCues || [],
cuesB: [],
fallback: fallback || ''
});
}
return fetchTrackCues(track, language, 'target').then(function (targetCues) {
return {
cuesA: sourceCues || [],
cuesB: targetCues || [],
fallback: fallback || ''
};
}).catch(function (err) {
appendFetchDiagnostic('target', 'target-error-kept-source(' + formatError(err) + ')');
return {
cuesA: sourceCues || [],
cuesB: [],
fallback: fallback || ''
};
});
}
function fetchTrackCues(track, targetLang, label) {
var attempts = [];
function summarizeUrl(candidate) {
try {
var parsed = new URL(candidate.url, location.href);
var fmt = parsed.searchParams.get('fmt') || 'raw';
var lang = parsed.searchParams.get('lang') || '';
var tlang = parsed.searchParams.get('tlang') || '';
return fmt + ':' + lang + (tlang ? '->' + tlang : '') + (candidate.native ? ':native' : '');
} catch (err) {
return 'unknown';
}
}
function summarizeText(text) {
var compact = String(text || '').replace(/\s+/g, ' ').trim();
if (!compact) return 'empty';
return compact.slice(0, 48);
}
function tryCandidateSet(candidates, index) {
if (index >= candidates.length) {
setFetchDiagnostic(label, attempts.join(' | ') || 'no-attempt');
return Promise.resolve([]);
}
return fetchText(candidates[index].url).then(function (text) {
var cues = parseCaptionPayload(text);
attempts.push(summarizeUrl(candidates[index]) + ':ok(' + cues.length + ',' + summarizeText(text) + ')');
if (cues.length) {
setFetchDiagnostic(label, attempts.join(' | '));
return cues;
}
return tryCandidateSet(candidates, index + 1);
}).catch(function (err) {
attempts.push(summarizeUrl(candidates[index]) + ':err(' + formatError(err) + ')');
if (err && err.status === 429) {
setFetchDiagnostic(label, attempts.join(' | '));
throw err;
}
return tryCandidateSet(candidates, index + 1);
});
}
function tryNativeFallback(cause) {
return waitForNativeTimedTextHint(track).then(function (hasHint) {
var nativeCandidates = hasHint ? buildTimedTextCandidates(track, targetLang, true) : [];
if (!nativeCandidates.length) {
if (cause) throw cause;
return [];
}
return tryCandidateSet(nativeCandidates, 0).then(function (cues) {
if (cues.length || !cause) return cues;
throw cause;
});
});
}
var candidates = buildTimedTextCandidates(track, targetLang, false);
var hasNativeCandidates = candidates.some(function (candidate) {
return candidate.native;
});
return tryCandidateSet(candidates, 0).then(function (cues) {
if (cues.length || hasNativeCandidates) return cues;
return tryNativeFallback(null);
}).catch(function (err) {
if (err && err.status === 429 && !hasNativeCandidates) {
return tryNativeFallback(err);
}
throw err;
});
}
function buildTimedTextCandidates(track, targetLang, nativeOnly) {
var variants = [
{ fmt: 'json3' },
{ fmt: 'srv1' },
{ fmt: 'srv3' },
{ fmt: 'ttml' },
{ fmt: 'vtt' },
{}
];
var candidates = [];
var seen = {};
var hint = getNativeTimedTextHint(track);
var i;
if (hint && hint.params) {
for (i = 0; i < variants.length; i++) {
addCandidate(mergeObjects(hint.params, mergeTimedTextParams(targetLang, variants[i])), true);
}
}
if (!nativeOnly) {
for (i = 0; i < variants.length; i++) {
addCandidate(mergeTimedTextParams(targetLang, variants[i]), false);
}
}
return candidates;
function addCandidate(params, native) {
var url = buildTimedTextUrl(track.baseUrl, params);
if (seen[url]) return;
seen[url] = true;
candidates.push({
native: native,
url: url
});
}
}
function mergeTimedTextParams(targetLang, extraParams) {
var params = {};
var key;
if (targetLang) params.tlang = targetLang;
for (key in extraParams) params[key] = extraParams[key];
return params;
}
function mergeObjects(base, extra) {
var merged = {};
var key;
base = base || {};
extra = extra || {};
for (key in base) merged[key] = base[key];
for (key in extra) merged[key] = extra[key];
return merged;
}
function fetchTranscriptFallbackPair(sourceTrack, targetTrack, targetLang) {
return fetchTranscriptCues(getVideoId()).then(function (fallbackCues) {
if (fallbackCues.length) {
appendFetchDiagnostic('source', 'transcript-api:ok(' + fallbackCues.length + ')');
return {
cuesA: fallbackCues,
cuesB: [],
fallback: 'transcript-api'
};
}
appendFetchDiagnostic('source', 'transcript-api:empty');
return fetchTranscriptUiPair(sourceTrack, targetTrack, targetLang);
}).catch(function (apiErr) {
appendFetchDiagnostic('source', 'transcript-api:err(' + formatError(apiErr) + ')');
return fetchTranscriptUiPair(sourceTrack, targetTrack, targetLang);
}).catch(function (uiErr) {
appendFetchDiagnostic('source', 'transcript-ui:err(' + formatError(uiErr) + ')');
return {
cuesA: [],
cuesB: [],
fallback: ''
};
});
}
function fetchTranscriptUiPair(sourceTrack, targetTrack, targetLang) {
return withTranscriptPanel(function (panel) {
var originalTitle = getSelectedTranscriptLanguageTitle(panel) || '';
return loadTranscriptUiPair(panel, sourceTrack, targetTrack, targetLang).then(function (result) {
return restoreTranscriptLanguage(panel, originalTitle).then(function () {
return result;
}, function () {
return result;
});
}, function (err) {
return restoreTranscriptLanguage(panel, originalTitle).then(function () {
throw err;
}, function () {
throw err;
});
});
});
}
function withTranscriptPanel(task) {
var panelInfo = null;
return openTranscriptPanel().then(function (info) {
panelInfo = info;
return task(info.panel, info);
}).finally(function () {
if (!panelInfo) return;
if (panelInfo.openedByScript) {
closeTranscriptPanel(panelInfo.panel);
} else {
removeHiddenTranscriptPanelStyle();
}
});
}
function loadTranscriptUiPair(panel, sourceTrack, targetTrack, targetLang) {
var sourceInfo = null;
var targetInfo = null;
return readTranscriptUiCues(panel, sourceTrack, sourceTrack ? sourceTrack.languageCode : '', true).then(function (value) {
sourceInfo = value;
appendFetchDiagnostic('source', 'transcript-ui:ok(' + value.cues.length + ',' + (value.title || 'current') + ')');
return readTranscriptUiCues(panel, targetTrack, targetTrack ? targetTrack.languageCode : targetLang, false).then(function (targetValue) {
targetInfo = targetValue;
if (targetValue.cues.length) {
appendFetchDiagnostic('target', 'transcript-ui:ok(' + targetValue.cues.length + ',' + (targetValue.title || targetLang || 'target') + ')');
} else if (targetValue.title) {
appendFetchDiagnostic('target', 'transcript-ui:empty(' + targetValue.title + ')');
} else if (targetLang) {
appendFetchDiagnostic('target', 'transcript-ui:skip(' + targetLang + ')');
}
return {
cuesA: sourceInfo.cues,
cuesB: targetInfo.cues,
fallback: 'transcript-ui'
};
});
}).catch(function (err) {
throw err;
});
}
function readTranscriptUiCues(panel, track, languageCode, required) {
var options = getTranscriptLanguageOptions(panel);
var desiredTitle = resolveTranscriptLanguageTitle(options, track, languageCode);
var currentTitle = getSelectedTranscriptLanguageTitle(panel);
var hasLanguageOptions = !!options.length;
if (!desiredTitle && !hasLanguageOptions) {
if (required) {
return waitFor(function () {
var currentCues = extractTranscriptPanelCues(panel);
return currentCues.length ? currentCues : null;
}, 3000, 120).then(function (cues) {
if (!cues || !cues.length) throw new Error('Transcript UI empty: current');
return {
cues: cues,
title: currentTitle || 'current'
};
});
}
return Promise.resolve({
cues: [],
title: ''
});
}
if (!desiredTitle) {
if (required) {
if (!track && currentTitle) {
desiredTitle = currentTitle;
} else if (currentTitle && transcriptTitleMatches(currentTitle, track, languageCode)) {
desiredTitle = currentTitle;
} else {
throw new Error('Transcript language not found: ' + (track ? getTrackName(track) : (languageCode || 'source')));
}
} else {
return Promise.resolve({
cues: [],
title: ''
});
}
}
return ensureTranscriptLanguage(panel, desiredTitle).then(function () {
return waitFor(function () {
var cues = extractTranscriptPanelCues(panel);
return cues.length ? cues : null;
}, 3000, 120);
}).then(function (cues) {
if (!cues || !cues.length) {
if (required) throw new Error('Transcript UI empty: ' + desiredTitle);
return {
cues: [],
title: desiredTitle
};
}
return {
cues: cues,
title: desiredTitle
};
});
}
function openTranscriptPanel() {
var ready = getReadyTranscriptPanel();
if (ready) {
return Promise.resolve({
panel: ready,
openedByScript: false
});
}
applyHiddenTranscriptPanelStyle();
return tryOpenTranscriptPanelLoop(Date.now() + 12000).then(function (panel) {
if (panel) {
return {
panel: panel,
openedByScript: true
};
}
removeHiddenTranscriptPanelStyle();
throw new Error('Transcript button not found');
});
}
function tryOpenTranscriptPanelLoop(deadline) {
return tryOpenTranscriptPanelOnce().then(function (panel) {
if (panel) return panel;
if (Date.now() >= deadline) return null;
return wait(250).then(function () {
return tryOpenTranscriptPanelLoop(deadline);
});
});
}
function tryOpenTranscriptPanelOnce() {
var panel = getReadyTranscriptPanel();
if (panel) return Promise.resolve(panel);
return tryClickTranscriptAndWait(findTranscriptTrigger(), 3000, 120).then(function (directPanel) {
if (directPanel) return directPanel;
var menuButton = document.querySelector(CONFIG.selectors.transcriptMenuButton);
if (!menuButton) return null;
menuButton.click();
return waitFor(function () {
return findTranscriptMenuItem();
}, 2000, 100).then(function (menuItem) {
return tryClickTranscriptAndWait(menuItem, 3000, 120);
});
}).then(function (menuPanel) {
if (menuPanel) return menuPanel;
return tryClickTranscriptAndWait(document.querySelector(CONFIG.selectors.transcriptDescriptionButton), 3000, 120);
});
}
function tryClickTranscriptAndWait(element, timeoutMs, intervalMs) {
if (!element) return Promise.resolve(null);
element.click();
return waitFor(function () {
return getReadyTranscriptPanel();
}, timeoutMs || 3000, intervalMs || 120);
}
function getTranscriptPanel() {
return document.querySelector(CONFIG.selectors.transcriptPanel);
}
function getReadyTranscriptPanel() {
var panels = document.querySelectorAll(CONFIG.selectors.transcriptPanel);
var i;
for (i = 0; i < panels.length; i++) {
if (hasTranscriptContent(panels[i])) return panels[i];
}
return null;
}
function closeTranscriptPanel(panel) {
var root = panel || getTranscriptPanel();
var selector = '#visibility-button ytd-button-renderer button, #visibility-button yt-button-shape button, #dismiss-button button, ytd-engagement-panel-title-header-renderer #dismiss-button button, ytd-engagement-panel-title-header-renderer #dismiss-button, yt-icon-button#dismiss-button button, yt-icon-button#dismiss-button';
var header = root ? root.querySelector('ytd-engagement-panel-title-header-renderer, #header') : null;
var button = header ? header.querySelector(selector) : null;
if (!button && root) button = root.querySelector(selector);
if (!button) button = document.querySelector(selector);
if (button) button.click();
deferHiddenTranscriptStyleRemoval(root);
}
function deferHiddenTranscriptStyleRemoval(panel) {
var started = Date.now();
function tick() {
if (isTranscriptPanelClosed(panel) || Date.now() - started >= 1800) {
removeHiddenTranscriptPanelStyle();
return;
}
setTimeout(tick, 120);
}
tick();
}
function isTranscriptPanelClosed(panel) {
var currentPanel = panel || getTranscriptPanel();
if (!currentPanel || !document.contains(currentPanel) || currentPanel.hidden || currentPanel.getAttribute('aria-hidden') === 'true') return true;
var style = window.getComputedStyle(currentPanel);
return style.display === 'none' || style.visibility === 'hidden';
}
function applyHiddenTranscriptPanelStyle() {
if (document.getElementById(CONFIG.ids.hiddenTranscriptStyle)) return;
var style = document.createElement('style');
style.id = CONFIG.ids.hiddenTranscriptStyle;
style.textContent = '#panels ytd-engagement-panel-section-list-renderer[visibility=\"ENGAGEMENT_PANEL_VISIBILITY_EXPANDED\"]{position:fixed!important;opacity:0!important;pointer-events:none!important}';
(document.head || document.documentElement || document.body).appendChild(style);
}
function removeHiddenTranscriptPanelStyle() {
var node = document.getElementById(CONFIG.ids.hiddenTranscriptStyle);
if (node) node.remove();
}
function hasTranscriptContent(panel) {
if (!panel || panel.hidden || panel.getAttribute('aria-hidden') === 'true') return false;
return !!panel.querySelector(CONFIG.selectors.transcriptRenderer + ', ' + CONFIG.selectors.transcriptSegment);
}
function findTranscriptTrigger() {
var chipTrigger = findTranscriptChipButton();
if (chipTrigger) return chipTrigger;
return findTranscriptMenuItem();
}
function findTranscriptChipButton() {
var items = document.querySelectorAll(CONFIG.selectors.transcriptChipButton + ', [aria-label], [title]');
var i;
for (i = 0; i < items.length; i++) {
if (matchTranscriptLabel(items[i])) return items[i];
}
return null;
}
function findTranscriptMenuItem() {
var items = document.querySelectorAll(CONFIG.selectors.transcriptMenuItems);
var i;
for (i = 0; i < items.length; i++) {
if (matchTranscriptLabel(items[i])) return items[i];
}
return null;
}
function matchTranscriptLabel(node) {
if (!node) return false;
var text = [node.getAttribute && node.getAttribute('aria-label'), node.getAttribute && node.getAttribute('title'), node.textContent].join(' ');
return TRANSCRIPT_LABEL_PATTERN.test(String(text || '').trim());
}
function describeTranscriptTrigger() {
var trigger = findTranscriptTrigger();
if (!trigger) return 'none';
var parts = [];
var tagName = trigger.tagName ? trigger.tagName.toLowerCase() : 'node';
parts.push(tagName);
var ariaLabel = trigger.getAttribute ? trigger.getAttribute('aria-label') : '';
var title = trigger.getAttribute ? trigger.getAttribute('title') : '';
var text = String(trigger.textContent || '').replace(/\s+/g, ' ').trim();
var label = ariaLabel || title || text || '';
if (label) parts.push(label.slice(0, 48));
return parts.join(':');
}
function getTranscriptRendererData(panel) {
if (!panel) return null;
var transcriptRenderer = panel.querySelector(CONFIG.selectors.transcriptRenderer);
if (!transcriptRenderer) return null;
if (transcriptRenderer.__data && transcriptRenderer.__data.data) return transcriptRenderer.__data.data;
if (transcriptRenderer.data) return transcriptRenderer.data;
if (transcriptRenderer.__dataHost && transcriptRenderer.__dataHost.__data) return transcriptRenderer.__dataHost.__data;
return null;
}
function extractTranscriptPanelCues(panel) {
var cues = extractTranscriptPanelCuesFromData(panel);
if (cues.length) return cues;
return extractTranscriptPanelCuesFromDom(panel);
}
function extractTranscriptPanelCuesFromData(panel) {
var transcriptData = getTranscriptRendererData(panel);
var segments = transcriptData && transcriptData.content && transcriptData.content.transcriptSearchPanelRenderer && transcriptData.content.transcriptSearchPanelRenderer.body && transcriptData.content.transcriptSearchPanelRenderer.body.transcriptSegmentListRenderer ? transcriptData.content.transcriptSearchPanelRenderer.body.transcriptSegmentListRenderer.initialSegments : null;
var cues = [];
var i;
if (!segments || !segments.length) return cues;
for (i = 0; i < segments.length; i++) {
var item = segments[i] && segments[i].transcriptSegmentRenderer;
if (!item) continue;
var startMs = parseInt(item.startMs || '0', 10);
var endMs = parseInt(item.endMs || '0', 10);
var text = readRunsText(item.snippet && item.snippet.runs);
if (!text) continue;
cues.push({
start: startMs / 1000,
end: (endMs || startMs + 5000) / 1000,
text: text
});
}
normalizeCueEnds(cues);
return cues;
}
function extractTranscriptPanelCuesFromDom(panel) {
var renderers = panel.querySelectorAll(CONFIG.selectors.transcriptSegment);
var cues = [];
var i;
for (i = 0; i < renderers.length; i++) {
var renderer = renderers[i];
var textNode = renderer.querySelector(CONFIG.selectors.transcriptText);
var text = textNode ? String(textNode.textContent || '').trim() : '';
var targetId = renderer.getAttribute('target-id');
var startMs = 0;
var endMs = 0;
var parts;
if (!text) continue;
if (!targetId && renderer.data && renderer.data.targetId) targetId = renderer.data.targetId;
if (!targetId && renderer.__data && renderer.__data.data && renderer.__data.data.targetId) targetId = renderer.__data.data.targetId;
if (renderer.tagName && renderer.tagName.toLowerCase() === 'transcript-segment-view-model') {
startMs = parseTranscriptTimeToMs(renderer.querySelector(CONFIG.selectors.transcriptTime));
} else if (targetId) {
parts = targetId.split('.');
startMs = parseInt(parts[parts.length - 2] || '0', 10);
endMs = parseInt(parts[parts.length - 1] || '0', 10);
} else {
startMs = parseTranscriptTimeToMs(renderer.querySelector(CONFIG.selectors.transcriptTime));
}
cues.push({
start: startMs / 1000,
end: (endMs || startMs + 5000) / 1000,
text: text.replace(/\s+/g, ' ').trim()
});
}
normalizeCueEnds(cues);
return cues;
}
function normalizeCueEnds(cues) {
var i;
for (i = 0; i < cues.length; i++) {
if (cues[i].end > cues[i].start) continue;
cues[i].end = i + 1 < cues.length ? cues[i + 1].start : cues[i].start + 5;
}
}
function parseTranscriptTimeToMs(node) {
var text = node ? String(node.textContent || '').trim() : '';
if (!text) return 0;
var parts = text.split(':');
var nums = [];
var i;
for (i = 0; i < parts.length; i++) nums.push(parseInt(parts[i] || '0', 10) || 0);
if (nums.length === 3) return ((nums[0] * 3600) + (nums[1] * 60) + nums[2]) * 1000;
if (nums.length === 2) return ((nums[0] * 60) + nums[1]) * 1000;
return (nums[0] || 0) * 1000;
}
function getTranscriptLanguageOptions(panel) {
var transcriptData = getTranscriptRendererData(panel);
var subMenuItems = transcriptData && transcriptData.content && transcriptData.content.transcriptSearchPanelRenderer && transcriptData.content.transcriptSearchPanelRenderer.footer && transcriptData.content.transcriptSearchPanelRenderer.footer.transcriptFooterRenderer && transcriptData.content.transcriptSearchPanelRenderer.footer.transcriptFooterRenderer.languageMenu && transcriptData.content.transcriptSearchPanelRenderer.footer.transcriptFooterRenderer.languageMenu.sortFilterSubMenuRenderer ? transcriptData.content.transcriptSearchPanelRenderer.footer.transcriptFooterRenderer.languageMenu.sortFilterSubMenuRenderer.subMenuItems : null;
var options = [];
var i;
if (!subMenuItems || !subMenuItems.length) return options;
for (i = 0; i < subMenuItems.length; i++) {
options.push({
title: subMenuItems[i].title || '',
selected: !!subMenuItems[i].selected
});
}
return options;
}
function getSelectedTranscriptLanguageTitle(panel) {
var options = getTranscriptLanguageOptions(panel);
var i;
for (i = 0; i < options.length; i++) {
if (options[i].selected && options[i].title) return options[i].title;
}
var selectors = ['#label-text.yt-dropdown-menu', '[aria-selected=\"true\"]', '.iron-selected'];
for (i = 0; i < selectors.length; i++) {
var node = panel.querySelector(selectors[i]);
if (node && String(node.textContent || '').trim()) return String(node.textContent || '').trim();
}
return '';
}
function ensureTranscriptLanguage(panel, title) {
var current = getSelectedTranscriptLanguageTitle(panel);
if (!title || normalizeLangLabel(current) === normalizeLangLabel(title)) {
return Promise.resolve(false);
}
var dropdownButton = panel.querySelector(CONFIG.selectors.transcriptLanguageDropdown);
if (!dropdownButton) {
return waitFor(function () {
return panel.querySelector(CONFIG.selectors.transcriptLanguageDropdown);
}, 2000, 120).then(function (button) {
if (!button) throw new Error('Transcript language selector not found');
return switchTranscriptLanguageWithButton(panel, button, title);
});
}
return switchTranscriptLanguageWithButton(panel, dropdownButton, title);
}
function switchTranscriptLanguageWithButton(panel, button, title) {
button.click();
return wait(300).then(function () {
var listboxes = document.querySelectorAll(CONFIG.selectors.transcriptVisibleListboxes);
var i;
var j;
for (i = 0; i < listboxes.length; i++) {
var items = listboxes[i].querySelectorAll('tp-yt-paper-item, yt-formatted-string');
for (j = 0; j < items.length; j++) {
if (normalizeLangLabel(items[j].textContent) === normalizeLangLabel(title)) {
var target = items[j].closest ? items[j].closest('tp-yt-paper-item') : null;
(target || items[j]).click();
return wait(900).then(function () {
return waitFor(function () {
return normalizeLangLabel(getSelectedTranscriptLanguageTitle(panel)) === normalizeLangLabel(title) ? true : null;
}, 2500, 120).then(function (matched) {
if (!matched) throw new Error('Transcript language switch timed out: ' + title);
return true;
});
});
}
}
}
document.body.click();
throw new Error('Transcript language option not found: ' + title);
});
}
function restoreTranscriptLanguage(panel, title) {
if (!panel || !title) return Promise.resolve();
var current = getSelectedTranscriptLanguageTitle(panel);
if (!current || normalizeLangLabel(current) === normalizeLangLabel(title)) return Promise.resolve();
return ensureTranscriptLanguage(panel, title).catch(function () {});
}
function resolveTranscriptLanguageTitle(options, track, languageCode) {
var aliases = getLanguageAliases(languageCode, track ? getTrackName(track) : '');
var i;
var j;
if (track) {
var exactName = normalizeLangLabel(getTrackName(track));
for (i = 0; i < options.length; i++) {
if (normalizeLangLabel(options[i].title) === exactName) return options[i].title;
}
}
for (i = 0; i < aliases.length; i++) {
var alias = normalizeLangLabel(aliases[i]);
if (!alias) continue;
for (j = 0; j < options.length; j++) {
var optionTitle = normalizeLangLabel(options[j].title);
if (optionTitle === alias || optionTitle.indexOf(alias) !== -1 || alias.indexOf(optionTitle) !== -1) return options[j].title;
}
}
return '';
}
function transcriptTitleMatches(title, track, languageCode) {
return !!resolveTranscriptLanguageTitle([{ title: title, selected: true }], track, languageCode);
}
function getLanguageAliases(languageCode, displayName) {
var aliases = [];
var normalized = String(languageCode || '').toLowerCase();
var prefix = normalized.split('-')[0];
if (displayName) aliases.push(displayName);
if (languageCode) aliases.push(languageCode);
if (prefix && prefix !== normalized) aliases.push(prefix);
if (normalized === 'zh-hant') {
aliases.push('中文（繁體字）', '繁體中文', '繁体中文', '繁體字', '繁体', 'traditional chinese', 'traditional');
} else if (normalized === 'zh-hans') {
aliases.push('中文（简体）', '中文（簡體）', '简体中文', '簡體中文', '简体', '簡體', 'simplified chinese', 'simplified');
} else if (prefix === 'zh') {
aliases.push('中文', 'chinese');
} else if (prefix === 'en') {
aliases.push('English', '英文', '英语', '英語');
} else if (prefix === 'ja') {
aliases.push('Japanese', '日文', '日语', '日語', '日本語');
} else if (prefix === 'ko') {
aliases.push('Korean', '韩文', '韓文', '韩语', '韓語', '한국어');
} else if (prefix === 'es') {
aliases.push('Spanish', 'Español', '西班牙语', '西班牙語');
}
return aliases;
}
function normalizeLangLabel(value) {
return String(value || '').toLowerCase().replace(/\s+/g, '').replace(/[()（）._-]/g, '');
}
function wait(delayMs) {
return new Promise(function (resolve) {
setTimeout(resolve, delayMs);
});
}
function waitFor(getValue, timeoutMs, intervalMs) {
var started = Date.now();
return new Promise(function (resolve) {
function tick() {
var value = null;
try {
value = getValue();
} catch (err) {
value = null;
}
if (value) {
resolve(value);
return;
}
if (Date.now() - started >= timeoutMs) {
resolve(null);
return;
}
setTimeout(tick, intervalMs);
}
tick();
});
}
function fetchTranscriptCues(videoId) {
return fetchTranscriptResponse(videoId).then(function (response) {
return parseTranscriptResponse(response);
});
}
function fetchTranscriptResponse(videoId) {
return postJson('https://www.youtube.com/youtubei/v1/next?prettyPrint=false', {
context: buildInnertubeContext(),
videoId: videoId
}, buildInnertubeHeaders()).then(function (nextResponse) {
var endpoint = findNestedByKey(nextResponse, 'getTranscriptEndpoint');
if (!endpoint || !endpoint.params) {
throw new Error('Transcript endpoint not found');
}
return postJson('https://www.youtube.com/youtubei/v1/get_transcript?prettyPrint=false', {
context: buildInnertubeContext(),
params: endpoint.params
}, buildInnertubeHeaders());
});
}
function parseTranscriptResponse(response) {
var listRenderer = findNestedByKey(response, 'transcriptSegmentListRenderer');
var segments = listRenderer && listRenderer.initialSegments ? listRenderer.initialSegments : [];
var cues = [];
var i;
for (i = 0; i < segments.length; i++) {
var item = segments[i] && segments[i].transcriptSegmentRenderer;
if (!item) continue;
var startMs = parseInt(item.startMs || '0', 10);
var endMs = parseInt(item.endMs || '0', 10);
var text = readRunsText(item.snippet && item.snippet.runs);
if (!text) continue;
cues.push({
start: startMs / 1000,
end: (endMs || startMs) / 1000,
text: text
});
}
return cues;
}
function readRunsText(runs) {
if (!runs || !runs.length) return '';
var parts = [];
var i;
for (i = 0; i < runs.length; i++) {
if (runs[i] && runs[i].text) parts.push(runs[i].text);
}
return parts.join('').replace(/\s+/g, ' ').trim();
}
function findNestedByKey(value, key) {
if (!value || typeof value !== 'object') return null;
if (Object.prototype.hasOwnProperty.call(value, key)) return value[key];
var prop;
for (prop in value) {
if (!Object.prototype.hasOwnProperty.call(value, prop)) continue;
var nested = findNestedByKey(value[prop], key);
if (nested) return nested;
}
return null;
}
function parseCaptionPayload(text) {
var body = String(text || '').trim();
if (!body) return [];
if (body.charAt(0) === '{') return parseJson3(body);
if (body.charAt(0) === '<') return parseXml(body);
return parseVtt(body);
}
function parseVtt(text) {
var cues = [];
var lines = String(text || '').replace(/\r/g, '').split('\n');
var i = 0;
function toSec(value) {
var parts = value.split(':');
var nums = [];
var k;
for (k = 0; k < parts.length; k++) nums.push(parseFloat(parts[k]));
if (nums.length === 3) return nums[0] * 3600 + nums[1] * 60 + nums[2];
if (nums.length === 2) return nums[0] * 60 + nums[1];
return nums[0] || 0;
}
while (i < lines.length) {
var line = lines[i].trim();
if (!line) {
i += 1;
continue;
}
if (line.indexOf('WEBVTT') === 0) {
i += 1;
continue;
}
if (/^\d+$/.test(line)) {
i += 1;
line = (lines[i] || '').trim();
}
if (line.indexOf('-->') === -1) {
i += 1;
continue;
}
var parts = line.split('-->');
var start = toSec(parts[0].trim().split(' ')[0].replace(',', '.'));
var end = toSec(parts[1].trim().split(' ')[0].replace(',', '.'));
i += 1;
var textLines = [];
while (i < lines.length && lines[i].trim() !== '') {
textLines.push(lines[i].replace(/<[^>]+>/g, '').trim());
i += 1;
}
var cueText = textLines.join('\n').trim();
if (cueText) cues.push({ start: start, end: end, text: cueText });
}
return cues;
}
function parseJson3(text) {
var data = JSON.parse(text);
var events = data && data.events ? data.events : [];
var cues = [];
var i;
for (i = 0; i < events.length; i++) {
var event = events[i];
if (!event || !event.segs || !event.segs.length) continue;
var start = (event.tStartMs || 0) / 1000;
var end = ((event.tStartMs || 0) + (event.dDurationMs || 0)) / 1000;
var segs = [];
var j;
for (j = 0; j < event.segs.length; j++) segs.push(event.segs[j].utf8 || '');
var cueText = segs.join('').replace(/\n+/g, '\n').trim();
if (cueText) cues.push({ start: start, end: end, text: cueText });
}
return cues;
}
function parseXml(text) {
var xml = new DOMParser().parseFromString(text, 'text/xml');
if (xml.querySelector('parsererror')) throw new Error('XML parse error');
var nodes = xml.querySelectorAll('p, text');
var cues = [];
var i;
function readTime(node, nameA, nameB) {
var raw = node.getAttribute(nameA);
if (raw == null && nameB) raw = node.getAttribute(nameB);
return raw == null ? 0 : parseFloat(raw);
}
for (i = 0; i < nodes.length; i++) {
var node = nodes[i];
var start = readTime(node, 't', 'start');
var dur = readTime(node, 'd', 'dur');
if (node.tagName.toLowerCase() === 'p') {
start = start / 1000;
dur = dur / 1000;
}
var cueText = String(node.textContent || '').replace(/\s+/g, ' ').trim();
if (!cueText) continue;
cues.push({ start: start, end: start + dur, text: cueText });
}
return cues;
}
function formatError(err) {
if (!err) return 'unknown';
if (typeof err === 'string') return err;
var parts = [];
if (err.message) parts.push(err.message);
if (err.status != null) parts.push('status=' + err.status);
if (err.via) parts.push('via=' + err.via);
return parts.join(' | ') || String(err);
}
})();