V4.0 — Réécrit pour la performance. 🚫 Ignore les pubs instantanément. ⏭ SponsorBlock. 🎥 4K. ⬇ Téléchargement via evdfrance.fr. 💾 Paramètres sauvegardés. Sans lag.
// ==UserScript==
// @name EasyTube V4.0 — Ad Skip & SponsorBlock & HD Download⬇️🚀 (No Lag)
// @name:vi EasyTube V4.0 — Bỏ qua quảng cáo, SponsorBlock & Tải HD (Không lag)
// @name:zh-CN EasyTube V4.0 — 广告跳过、SponsorBlock 和 HD 下载器（无卡顿）
// @name:zh-TW EasyTube V4.0 — 廣告跳過、SponsorBlock 和 HD 下載器（無卡頓）
// @name:ru EasyTube V4.0 — Пропуск рекламы, SponsorBlock и HD загрузчик (без лагов)
// @name:ja EasyTube V4.0 — 広告スキップ・SponsorBlock・HDダウンローダー（ラグなし）
// @name:ko EasyTube V4.0 — 광고 건너뛰기, SponsorBlock, HD 다운로더 (렉 없음)
// @name:es EasyTube V4.0 — Saltar anuncios, SponsorBlock y descarga HD (sin lag)
// @name:pt-BR EasyTube V4.0 — Pular anúncios, SponsorBlock e download HD (sem lag)
// @name:fr EasyTube V4.0 — Ignorer pubs, SponsorBlock et téléchargeur HD (sans lag)
// @name:de EasyTube V4.0 — Werbung überspringen, SponsorBlock, HD-Download (kein Lag)
// @name:tr EasyTube V4.0 — Reklam Atlama, SponsorBlock ve HD İndirici (Lag Yok)
// @name:pl EasyTube V4.0 — Pomijanie reklam, SponsorBlock, pobieranie HD (bez opóźnień)
// @name:id EasyTube V4.0 — Lewati Iklan, SponsorBlock & Unduhan HD (Tanpa Lag)
// @name:th EasyTube V4.0 — ข้ามโฆษณา, SponsorBlock และดาวน์โหลด HD (ไม่กระตุก)
// @name:ar EasyTube V4.0 — تخطي الإعلانات، SponsorBlock وتنزيل HD (بدون تأخير)
// @description V4.0 — Rewritten for performance. 🚫 Multi-layer ad skip with minimal CPU usage. ⏭ SponsorBlock (9 cats). 🎥 Force 4K. ⬇ Download via evdfrance.fr. 💾 Remembers settings. Bypass adblock detection. No Cobalt. No lag.
// @description:vi V4.0 — Viết lại tối ưu hiệu năng. 🚫 Skip quảng cáo đa lớp, CPU thấp. ⏭ SponsorBlock 9 danh mục. 🎥 Ép 4K. ⬇ Tải video qua evdfrance.fr. 💾 Lưu cài đặt. Bypass popup adblock. Không lag.
// @description:zh-CN V4.0 — 性能重写版。🚫 多层广告跳过，低CPU占用。⏭ SponsorBlock(9类别)。🎥 4K画质。⬇ 通过evdfrance.fr下载视频。💾 保存设置。绕过广告拦截检测。无卡顿。
// @description:zh-TW V4.0 — 效能重寫版。🚫 多層廣告跳過，低CPU占用。⏭ SponsorBlock（9類別）。🎥 4K畫質。⬇ 透過evdfrance.fr下載影片。💾 儲存設定。繞過廣告攔截偵測。無卡頓。
// @description:ru V4.0 — Переписано для производительности. 🚫 Мгновенный пропуск рекламы. ⏭ SponsorBlock (9 категорий). 🎥 4K качество. ⬇ Загрузка через evdfrance.fr. 💾 Сохранение настроек. Без лагов.
// @description:ja V4.0 — パフォーマンス最適化版。🚫 全広告を即時スキップ。⏭ SponsorBlock（9カテゴリ）。🎥 4K画質。⬇ evdfrance.frでダウンロード。💾 設定保存。広告ブロック検出回避。ラグなし。
// @description:ko V4.0 — 성능 최적화 재작성. 🚫 즉시 광고 스킵, CPU 절약. ⏭ SponsorBlock(9카테고리). 🎥 4K화질. ⬇ evdfrance.fr 다운로드. 💾 설정저장. 광고차단 감지 우회. 렉 없음.
// @description:es V4.0 — Reescrito para rendimiento. 🚫 Salta anuncios al instante. ⏭ SponsorBlock. 🎥 4K. ⬇ Descarga por evdfrance.fr. 💾 Ajustes guardados. Sin lag.
// @description:fr V4.0 — Réécrit pour la performance. 🚫 Ignore les pubs instantanément. ⏭ SponsorBlock. 🎥 4K. ⬇ Téléchargement via evdfrance.fr. 💾 Paramètres sauvegardés. Sans lag.
// @description:de V4.0 — Für Performance neu geschrieben. 🚫 Werbung sofort überspringen. ⏭ SponsorBlock. 🎥 4K. ⬇ Download via evdfrance.fr. 💾 Einstellungen gespeichert. Kein Lag.
// @description:pt-BR V4.0 — Reescrito para desempenho. 🚫 Pula anúncios instantaneamente. ⏭ SponsorBlock. 🎥 4K. ⬇ Download via evdfrance.fr. 💾 Configurações salvas. Sem lag.
// @description:tr V4.0 — Performans için yeniden yazıldı. 🚫 Reklamları anında atlar. ⏭ SponsorBlock. 🎥 4K. ⬇ evdfrance.fr ile indirme. 💾 Ayarlar kaydedilir. Lag yok.
// @description:pl V4.0 — Przepisane dla wydajności. 🚫 Natychmiastowe pomijanie reklam. ⏭ SponsorBlock. 🎥 4K. ⬇ Pobieranie przez evdfrance.fr. 💾 Zapamiętuje ustawienia. Bez opóźnień.
// @description:id V4.0 — Ditulis ulang untuk performa. 🚫 Lewati iklan seketika. ⏭ SponsorBlock. 🎥 4K. ⬇ Unduh via evdfrance.fr. 💾 Pengaturan tersimpan. Tanpa lag.
// @description:ar V4.0 — أُعيدت الكتابة لتحسين الأداء. 🚫 تخطي الإعلانات فوراً. ⏭ SponsorBlock. 🎥 4K. ⬇ تنزيل عبر evdfrance.fr. 💾 الإعدادات محفوظة. بدون تأخير.
// @description:th V4.0 — เขียนใหม่เพื่อประสิทธิภาพ 🚫 ข้ามโฆษณาทันที ⏭ SponsorBlock 🎥 4K ⬇ ดาวน์โหลดผ่าน evdfrance.fr 💾 บันทึกการตั้งค่า ไม่กระตุก
// @namespace https://greasyfork.org/users/1510019
// @version 4.0.0
// @author 2pixel (rewrite: performance-optimized)
// @license MIT
// @icon https://raw.githubusercontent.com/not2pixel/TampermonkeyProjects/refs/heads/main/EasyTube.png
// @icon64 https://raw.githubusercontent.com/not2pixel/TampermonkeyProjects/refs/heads/main/EasyTube.png
// @match https://*.youtube.com/*
// @exclude https://www.youtube.com/live_chat*
// @exclude https://studio.youtube.com/*
// @grant GM_addStyle
// @grant GM_xmlhttpRequest
// @grant GM_setValue
// @grant GM_getValue
// @connect sponsor.ajay.app
// @connect evdfrance.fr
// @run-at document-start
// @compatible chrome Tampermonkey 4+
// @compatible firefox Tampermonkey / Violentmonkey
// @compatible edge Tampermonkey 4+
// @compatible opera Supported via Tampermonkey / Violentmonkey
// @homepageURL https://greasyfork.org/en/scripts/561432
// @supportURL https://greasyfork.org/en/scripts/561432/feedback
// ==/UserScript==
'use strict';
// ═══════════════════════════════════════════════════════════════════════════
// LAYER 0 — InnerTube patch (document-start, zero cost)
// Wipes adPlacements before YouTube even schedules them.
// ═══════════════════════════════════════════════════════════════════════════
(function patchYT() {
// Intercept adPlacements on any object
try {
Object.defineProperty(Object.prototype, 'adPlacements', {
get() { return undefined; },
set(v) {
Object.defineProperty(this, 'adPlacements', {
value: [], writable: true, configurable: true, enumerable: true,
});
},
configurable: true,
});
} catch (_) {}
// Intercept ytInitialPlayerResponse
try {
let _yipr;
Object.defineProperty(window, 'ytInitialPlayerResponse', {
get() { return _yipr; },
set(v) {
if (v) {
if (v.adPlacements) v.adPlacements = [];
if (v.auxiliaryUi?.messageRenderers) {
try { v.auxiliaryUi.messageRenderers.enforcementMessageViewModel = undefined; } catch {}
}
}
_yipr = v;
},
configurable: true,
});
} catch (_) {}
})();
// ═══════════════════════════════════════════════════════════════════════════
// AD CSS — hide ad elements instantly, no JS cost
// ═══════════════════════════════════════════════════════════════════════════
(function injectAdCSS() {
const style = document.createElement('style');
style.textContent = `
ytd-action-companion-ad-renderer, ytd-display-ad-renderer,
ytd-video-masthead-ad-v3-renderer, ytd-overlay-ad-renderer,
ytd-promoted-sparkles-web-renderer, ytd-promoted-video-renderer,
ytd-search-pyv-renderer, ytd-ad-slot-renderer, yt-about-this-ad-renderer,
.ytd-banner-promo-renderer, #masthead-ad, ytd-mealbar-promo-renderer,
tp-yt-paper-dialog:has(ytd-mealbar-promo-renderer),
ytd-in-feed-ad-layout-renderer, ytd-statement-banner-renderer,
#player-ads, .ytd-ad-slot-renderer,
ytd-rich-item-renderer:has(ytd-ad-slot-renderer),
.ytp-ce-element, .ytp-cards-teaser
{ display: none !important; }
.ytp-ad-text-overlay, .ytp-ad-timed-pie-countdown-container,
.ytp-ad-image-overlay
{ visibility: hidden !important; opacity: 0 !important; }
`;
(document.head || document.documentElement).appendChild(style);
})();
// ═══════════════════════════════════════════════════════════════════════════
// CONFIG
// ═══════════════════════════════════════════════════════════════════════════
const CFG = {
version: '4.0.0',
sbApi: 'https://sponsor.ajay.app/api/skipSegments',
sbCats: ['sponsor','selfpromo','interaction','intro','outro',
'preview','music_offtopic','filler','exclusive_access'],
sbTypes: ['skip','mute'],
};
// ═══════════════════════════════════════════════════════════════════════════
// STATE
// ═══════════════════════════════════════════════════════════════════════════
const S = {
adEnabled: GM_getValue('et4_ad', false),
sbEnabled: GM_getValue('et4_sb', false),
qualityEnabled: GM_getValue('et4_quality', false),
adCount: 0,
sbCount: 0,
adSpeedActive: false,
prevVolume: 1,
sbSegments: [],
sbVideoId: null,
sbMutedSeg: null,
lastUrl: location.href,
videoId: null,
// Performance: cache DOM nodes
_player: null,
_video: null,
};
function save(key, val) { GM_setValue(key, val); }
// ═══════════════════════════════════════════════════════════════════════════
// DOM HELPERS — cached, low GC pressure
// ═══════════════════════════════════════════════════════════════════════════
function getPlayer() {
if (S._player && S._player.isConnected) return S._player;
S._player = document.getElementById('movie_player');
return S._player;
}
function getVideo() {
if (S._video && S._video.isConnected) return S._video;
const p = getPlayer();
S._video = p ? p.querySelector('video') : document.querySelector('video');
return S._video;
}
// Single classList check — much faster than querySelectorAll for hot path
function isAdPlaying() {
const p = getPlayer();
if (!p) return false;
// Check player class (fastest)
if (p.classList.contains('ad-showing') || p.classList.contains('ad-interrupting')) return true;
// Check countdown badge (reliable indicator)
return !!(
p.querySelector('.ytp-ad-countdown') ||
p.querySelector('.ytp-ad-simple-ad-badge') ||
p.querySelector('.ytp-ad-persistent-progress-bar-container')
);
}
const SKIP_SELECTORS = [
'.ytp-skip-ad-button',
'.ytp-ad-skip-button',
'.ytp-ad-skip-button-modern',
'.ytp-ad-skip-button-slot button',
'button[class*="skip-ad"]',
'[id*="skip-button"] button',
];
function getSkipBtn() {
const p = getPlayer();
if (!p) return null;
for (const sel of SKIP_SELECTORS) {
const btn = p.querySelector(sel);
if (btn && btn.offsetParent !== null) return btn;
}
return null;
}
function fireClick(el) {
el.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }));
}
// ═══════════════════════════════════════════════════════════════════════════
// AD ENGINE — debounced, low CPU
// ═══════════════════════════════════════════════════════════════════════════
let _skipRaf = false;
function trySkipAd() {
if (!S.adEnabled || _skipRaf) return;
_skipRaf = true;
// Defer to next frame — batches rapid MutationObserver calls
requestAnimationFrame(() => {
_skipRaf = false;
_doSkip();
});
}
function _doSkip() {
const video = getVideo();
// 1. Skippable ad — seek to end, then click
const btn = getSkipBtn();
if (btn) {
if (video && isFinite(video.duration) && video.duration > 0) {
video.currentTime = video.duration - 0.1;
}
fireClick(btn);
btn.click();
if (video) { video.playbackRate = 1; video.muted = false; }
S.adSpeedActive = false;
S.adCount++;
uiSync();
toast('🚫 Ad skipped!', '#e53935');
return;
}
const adActive = isAdPlaying();
// 2. Unskippable — 16x speed
if (video && adActive && !S.adSpeedActive) {
S.adSpeedActive = true;
S.prevVolume = video.volume;
video.playbackRate = 16;
video.muted = true;
toast('⚡ Ad 16×…', '#ff6f00');
}
// 3. Restore after ad ends
if (video && !adActive && S.adSpeedActive) {
video.playbackRate = 1;
video.muted = false;
video.volume = S.prevVolume;
S.adSpeedActive = false;
}
// 4. Overlay close buttons
const p = getPlayer();
if (p) {
p.querySelectorAll(
'.ytp-ad-overlay-close-button, .ytp-ad-overlay-slot-close-button'
).forEach(b => { try { b.click(); } catch {} });
}
// 5. Enforcement popup
dismissEnforcement();
}
// ═══════════════════════════════════════════════════════════════════════════
// ENFORCEMENT DISMISSAL — runs on a slow timer, not hot path
// ═══════════════════════════════════════════════════════════════════════════
const ENFORCEMENT_SELS = [
'ytd-enforcement-message-view-model',
'yt-playability-error-supported-renderers',
'[id="enforcement-message"]',
'yt-player-error-message-renderer',
];
function dismissEnforcement() {
for (const sel of ENFORCEMENT_SELS) {
const modal = document.querySelector(sel);
if (!modal) continue;
const btn = modal.querySelector('yt-button-shape button, button');
if (btn) { try { btn.click(); } catch {} }
else {
const wrap = modal.closest('tp-yt-paper-dialog, ytd-popup-container');
if (wrap) wrap.remove(); else modal.remove();
}
}
// Patch yt config flags
try {
const popup = window.yt?.config_?.openPopupConfig?.supportedPopups;
if (popup?.adBlockMessageViewModel !== undefined) popup.adBlockMessageViewModel = false;
} catch {}
try {
const d = window.ytcfg?.data_?.PLAYER_VARS;
if (d) d.ad3_module = '0';
} catch {}
}
// ═══════════════════════════════════════════════════════════════════════════
// OBSERVER — targeted, filtered, low CPU
// ═══════════════════════════════════════════════════════════════════════════
let _adObserver = null;
let _bodyObserver = null;
function setupObservers() {
if (_adObserver) { _adObserver.disconnect(); _adObserver = null; }
if (_bodyObserver) { _bodyObserver.disconnect(); _bodyObserver = null; }
// Wait for player
let tries = 0;
const wait = setInterval(() => {
const player = getPlayer();
if (!player && ++tries < 40) return;
clearInterval(wait);
if (!player) return;
// Player observer — only watch class changes (ad-showing is a class toggle)
_adObserver = new MutationObserver(mutations => {
if (!S.adEnabled) return;
for (const m of mutations) {
if (m.type === 'attributes' || m.addedNodes.length) {
trySkipAd();
return;
}
}
});
_adObserver.observe(player, {
childList: true,
subtree: true,
attributes: true,
attributeFilter: ['class', 'style'],
});
// Body observer — only watch for enforcement modal injection
_bodyObserver = new MutationObserver(mutations => {
for (const m of mutations) {
for (const node of m.addedNodes) {
if (node.nodeType !== 1) continue;
if (
node.tagName?.includes('ENFORCEMENT') ||
node.id?.includes('enforcement') ||
node.querySelector?.('ytd-enforcement-message-view-model')
) {
setTimeout(dismissEnforcement, 80);
return;
}
}
}
});
_bodyObserver.observe(document.body, { childList: true, subtree: false });
}, 300);
}
// ═══════════════════════════════════════════════════════════════════════════
// FALLBACK — slow interval, only fires when needed
// ═══════════════════════════════════════════════════════════════════════════
setInterval(() => {
if (S.adEnabled) _doSkip();
dismissEnforcement();
}, 800);
setInterval(dismissEnforcement, 2000);
// ═══════════════════════════════════════════════════════════════════════════
// SPONSORBLOCK
// ═══════════════════════════════════════════════════════════════════════════
async function sha256Prefix(str) {
try {
const buf = await crypto.subtle.digest('SHA-256', new TextEncoder().encode(str));
return Array.from(new Uint8Array(buf)).map(b => b.toString(16).padStart(2,'0')).join('').slice(0, 4);
} catch { return null; }
}
function fetchSB(videoId) {
if (!S.sbEnabled || !videoId || videoId === S.sbVideoId) return;
S.sbVideoId = videoId;
S.sbSegments = [];
const cats = CFG.sbCats.map(c => `&category=${c}`).join('');
const types = CFG.sbTypes.map(t => `&actionType=${t}`).join('');
function parseSegments(text) {
try {
const data = JSON.parse(text);
let segs = [];
if (Array.isArray(data) && data[0]?.segments) {
const match = data.find(d => d.videoID === videoId);
segs = match?.segments || [];
} else if (Array.isArray(data) && data[0]?.segment) {
segs = data;
}
S.sbSegments = segs.map(s => ({
start: s.segment[0], end: s.segment[1],
cat: s.category, actionType: s.actionType || 'skip', uuid: s.UUID,
}));
} catch { S.sbSegments = []; }
}
sha256Prefix(videoId).then(prefix => {
const hashUrl = prefix ? `https://sponsor.ajay.app/api/skipSegments/${prefix}?${cats.slice(1)}${types}` : null;
const directUrl = `${CFG.sbApi}?videoID=${videoId}${cats}${types}`;
GM_xmlhttpRequest({
method: 'GET', url: hashUrl || directUrl,
onload(r) {
if (r.status === 200) { parseSegments(r.responseText); return; }
if (hashUrl) GM_xmlhttpRequest({
method: 'GET', url: directUrl,
onload(r2) { if (r2.status === 200) parseSegments(r2.responseText); },
onerror() {},
});
},
onerror() {
if (hashUrl) GM_xmlhttpRequest({
method: 'GET', url: directUrl,
onload(r2) { if (r2.status === 200) parseSegments(r2.responseText); },
onerror() {},
});
},
});
});
}
// SponsorBlock check — runs on rAF, not interval
let _sbLast = 0;
function checkSB(ts) {
if (ts - _sbLast >= 400) {
_sbLast = ts;
_doCheckSB();
}
requestAnimationFrame(checkSB);
}
function _doCheckSB() {
if (!S.sbEnabled || !S.sbSegments.length) return;
const video = getVideo();
if (!video || video.paused) return;
const t = video.currentTime;
for (const seg of S.sbSegments) {
const inSeg = t >= seg.start && t < seg.end - 0.1;
if (seg.actionType === 'mute') {
if (inSeg) {
if (S.sbMutedSeg !== seg.uuid) {
S.sbMutedSeg = seg.uuid;
video.muted = true;
S.sbCount++; uiSync();
toast(`🔇 SB: [${seg.cat}]`, '#7b1fa2');
}
} else if (S.sbMutedSeg === seg.uuid) {
video.muted = false;
S.sbMutedSeg = null;
}
} else if (inSeg) {
video.currentTime = seg.end;
S.sbCount++; uiSync();
toast(`⏭ SB: [${seg.cat}]`, '#1a73e8');
break;
}
}
}
// ═══════════════════════════════════════════════════════════════════════════
// AUTO QUALITY
// ═══════════════════════════════════════════════════════════════════════════
const QUALITY_LABELS = {
highres:'8K', hd2160:'4K 2160p', hd1440:'1440p',
hd1080:'1080p HD', hd720:'720p HD', large:'480p', medium:'360p', small:'240p',
};
function setQuality() {
if (!S.qualityEnabled) return;
try {
const player = getPlayer();
if (!player?.getAvailableQualityLevels) return;
const levels = player.getAvailableQualityLevels();
if (!levels?.length) return;
const best = levels[0];
if (player.getPlaybackQuality() !== best) {
player.setPlaybackQualityRange(best, best);
player.setPlaybackQuality(best);
toast(`✨ Quality: ${QUALITY_LABELS[best] || best}`, '#e53935');
}
} catch {}
}
// ═══════════════════════════════════════════════════════════════════════════
// DOWNLOAD — evdfrance.fr (fast, no Cobalt timeout lag)
// ═══════════════════════════════════════════════════════════════════════════
function downloadVideo(videoId) {
if (!videoId) return;
toast('⬇ Opening download…', '#1565c0');
window.open(`https://evdfrance.fr/convert/?id=${videoId}`, '_blank');
}
// ═══════════════════════════════════════════════════════════════════════════
// NAVIGATION
// ═══════════════════════════════════════════════════════════════════════════
function getVideoId(url = location.href) {
return (
url.match(/[?&]v=([^&#]{11})/)?.[1] ||
url.match(/shorts\/([^?&#]{11})/)?.[1] ||
url.match(/youtu\.be\/([^?&#]{11})/)?.[1] ||
null
);
}
function getTitle() {
const sel = [
'ytd-watch-metadata h1 yt-formatted-string',
'#title h1 yt-formatted-string',
'h2 span.yt-core-attributed-string[role="text"]',
'.title.ytd-video-primary-info-renderer',
];
for (const s of sel) {
const t = document.querySelector(s)?.textContent?.trim();
if (t?.length > 1) return t;
}
return document.title?.replace(/\s*[-|]\s*YouTube\s*$/i, '').trim() || 'EasyTube';
}
let _navTimer = null;
function onNavigate() {
clearTimeout(_navTimer);
_navTimer = setTimeout(() => {
S._player = null;
S._video = null;
const vid = getVideoId();
S.videoId = vid;
if (vid) {
if (vid !== S.sbVideoId) fetchSB(vid);
if (S.qualityEnabled) {
[1500, 3000, 5000].forEach(d => setTimeout(setQuality, d));
}
}
setupObservers();
uiSync();
}, 600);
}
// ═══════════════════════════════════════════════════════════════════════════
// UI
// ═══════════════════════════════════════════════════════════════════════════
let _toastTimer = null;
function toast(msg, color = '#333') {
let el = document.getElementById('et4_toast');
if (!el) {
el = document.createElement('div');
el.id = 'et4_toast';
Object.assign(el.style, {
position:'fixed', bottom:'80px', left:'50%',
transform:'translateX(-50%)',
color:'#fff', padding:'7px 20px', borderRadius:'999px',
fontSize:'13px', fontWeight:'700',
zIndex:'2147483647', pointerEvents:'none',
fontFamily:'system-ui,sans-serif',
transition:'opacity .3s, transform .3s',
});
document.body.appendChild(el);
}
el.textContent = msg;
el.style.background = color;
el.style.opacity = '1';
el.style.transform = 'translateX(-50%) translateY(0)';
clearTimeout(_toastTimer);
_toastTimer = setTimeout(() => {
el.style.opacity = '0';
el.style.transform = 'translateX(-50%) translateY(-8px)';
}, 2500);
}
let _uiRaf = false;
function uiSync() {
if (_uiRaf) return;
_uiRaf = true;
requestAnimationFrame(() => {
_uiRaf = false;
document.getElementById('et4_ad_n')?.replaceChildren(document.createTextNode(S.adCount));
document.getElementById('et4_sb_n')?.replaceChildren(document.createTextNode(S.sbCount));
syncToggle('et4_sw_ad', S.adEnabled);
syncToggle('et4_sw_sb', S.sbEnabled);
syncToggle('et4_sw_q', S.qualityEnabled);
const vid = getVideoId();
const titleEl = document.getElementById('et4_title');
if (titleEl) titleEl.textContent = vid ? getTitle() : 'Open a video to start';
const idEl = document.getElementById('et4_vid_id');
if (idEl) idEl.textContent = vid || 'N/A';
// Update download button state
const dlBtn = document.getElementById('et4_dl_btn');
if (dlBtn) dlBtn.style.opacity = vid ? '1' : '0.5';
});
}
function syncToggle(id, state) {
const sw = document.getElementById(id);
if (!sw) return;
sw.classList.toggle('on', !!state);
const st = document.getElementById(id + '_st');
if (st) st.textContent = state ? 'ON' : 'OFF';
}
// ═══════════════════════════════════════════════════════════════════════════
// PANEL BUILD — Trusted Types compliant (no innerHTML)
// ═══════════════════════════════════════════════════════════════════════════
// Create an element with optional class, text content, and attributes
function mk(tag, cls, text, attrs) {
const el = document.createElement(tag);
if (cls) el.className = cls;
if (text != null) el.appendChild(document.createTextNode(text));
if (attrs) {
for (const [k, v] of Object.entries(attrs)) {
if (k === 'id') el.id = v;
else el.setAttribute(k, v);
}
}
return el;
}
// Build one toggle card (icon + switch + label + state text)
function makeToggleCard(icon, swId, name, stId) {
const tc = mk('div', 'e4-tc');
const top = mk('div', 'e4-tc-top');
top.appendChild(mk('span', 'e4-tc-ico', icon));
const btn = mk('button', 'e4-sw', null, { id: swId, type: 'button' });
btn.appendChild(mk('span', 'e4-thumb'));
top.appendChild(btn);
const bot = mk('div', 'e4-tc-bot');
bot.appendChild(mk('span', 'e4-tc-name', name));
bot.appendChild(mk('span', 'e4-tc-st', 'OFF', { id: stId }));
tc.appendChild(top);
tc.appendChild(bot);
return tc;
}
function buildPanel() {
// ── Toggle button ──────────────────────────────────────────────────────
const tog = mk('div', null, null, { id: 'et4_tog' });
const svgNS = 'http://www.w3.org/2000/svg';
const svg = document.createElementNS(svgNS, 'svg');
svg.setAttribute('viewBox', '0 0 24 24');
svg.setAttribute('width', '22');
svg.setAttribute('height', '22');
const path1 = document.createElementNS(svgNS, 'path');
path1.setAttribute('d', 'M23.5 6.3a3.1 3.1 0 0 0-2.2-2.2C19.4 3.5 12 3.5 12 3.5s-7.4 0-9.3.6A3.1 3.1 0 0 0 .5 6.3 32.7 32.7 0 0 0 0 12a32.7 32.7 0 0 0 .5 5.7 3.1 3.1 0 0 0 2.2 2.2c1.9.6 9.3.6 9.3.6s7.4 0 9.3-.6a3.1 3.1 0 0 0 2.2-2.2A32.7 32.7 0 0 0 24 12a32.7 32.7 0 0 0-.5-5.7Z');
path1.setAttribute('fill', '#FF0000');
const path2 = document.createElementNS(svgNS, 'path');
path2.setAttribute('d', 'M9.75 15.5V8.5L16 12l-6.25 3.5Z');
path2.setAttribute('fill', '#FFF');
svg.appendChild(path1);
svg.appendChild(path2);
tog.appendChild(svg);
document.body.appendChild(tog);
// ── Panel ──────────────────────────────────────────────────────────────
const panel = mk('div', null, null, { id: 'et4_panel' });
// Header
const hdr = mk('div', 'e4-hdr', null, { id: 'et4_drag' });
const hdrL = mk('div', 'e4-hdr-l');
hdrL.appendChild(mk('div', 'e4-logo', '▶'));
const hdrTxt = mk('div');
hdrTxt.appendChild(mk('div', 'e4-hdr-title', 'EasyTube V4.0'));
hdrTxt.appendChild(mk('div', 'e4-hdr-sub', 'Ad Skip · SponsorBlock · 4K · HD Download'));
hdrL.appendChild(hdrTxt);
hdr.appendChild(hdrL);
hdr.appendChild(mk('div', 'e4-drag-dot', '⋮'));
panel.appendChild(hdr);
// Stats bar
const stats = mk('div', 'e4-stats');
const pillAd = mk('div', 'e4-pill', '🚫 Ads: ');
pillAd.appendChild(mk('span', null, '0', { id: 'et4_ad_n' }));
const pillSb = mk('div', 'e4-pill', '⏭ Sponsors: ');
pillSb.appendChild(mk('span', null, '0', { id: 'et4_sb_n' }));
stats.appendChild(pillAd);
stats.appendChild(pillSb);
stats.appendChild(mk('div', 'e4-pill e4-ver', `v${CFG.version}`));
panel.appendChild(stats);
// Body
const body = mk('div', 'e4-body');
// Video card
const card = mk('div', 'e4-card');
const cardRow = mk('div', 'e4-card-row');
cardRow.appendChild(mk('div', 'e4-card-label', 'NOW PLAYING'));
const badge = mk('span', 'e4-badge', `● v${CFG.version}`);
cardRow.appendChild(badge);
card.appendChild(cardRow);
card.appendChild(mk('div', 'e4-card-title', 'Open a video to start', { id: 'et4_title' }));
const cardId = mk('div', 'e4-card-id', 'ID: ');
cardId.appendChild(mk('code', null, 'N/A', { id: 'et4_vid_id' }));
card.appendChild(cardId);
body.appendChild(card);
// ── Download button ────────────────────────────────────────────────────
const dlBtn = mk('button', 'e4-btn e4-btn-red', null, { id: 'et4_dl_btn', type: 'button' });
dlBtn.appendChild(mk('span', 'e4-btn-ico', '⬇'));
dlBtn.appendChild(mk('span', null, 'Download Video (HD/4K)'));
body.appendChild(dlBtn);
// Toggle grid
const grid = mk('div', 'e4-grid');
grid.appendChild(makeToggleCard('🚫', 'et4_sw_ad', 'Ad Skip', 'et4_sw_ad_st'));
grid.appendChild(makeToggleCard('⏭', 'et4_sw_sb', 'SponsorBlock', 'et4_sw_sb_st'));
grid.appendChild(makeToggleCard('✨', 'et4_sw_q', 'Auto 4K', 'et4_sw_q_st'));
body.appendChild(grid);
// Info box
const info = mk('div', 'e4-info-box');
info.appendChild(mk('span', 'e4-info-icon', '⚡'));
info.appendChild(mk('span', null, 'V4.0: Rewritten for performance — lower CPU, faster skip, no Cobalt timeout lag.'));
body.appendChild(info);
panel.appendChild(body);
panel.appendChild(mk('div', 'e4-foot', `EasyTube V4.0 · 2pixel · 2025`));
document.body.appendChild(panel);
return { panel, tog };
}
// ═══════════════════════════════════════════════════════════════════════════
// DRAG — pointer events, RAF-throttled
// ═══════════════════════════════════════════════════════════════════════════
function initDrag(panel) {
const hdr = panel.querySelector('#et4_drag');
const vw = window.innerWidth, vh = window.innerHeight;
let ox = vw - 375, oy = vh - 580;
ox = Math.max(8, ox); oy = Math.max(8, oy);
panel.style.transform = `translate3d(${ox}px,${oy}px,0)`;
let dragging = false, pid = null, ix = 0, iy = 0, raf = false;
const pw = 360, ph = 560;
hdr.addEventListener('pointerdown', e => {
dragging = true; pid = e.pointerId;
ix = e.clientX - ox; iy = e.clientY - oy;
panel.classList.add('e4-drag');
try { hdr.setPointerCapture(pid); } catch {}
}, { passive: true });
hdr.addEventListener('pointermove', e => {
if (!dragging || e.pointerId !== pid || raf) return;
raf = true;
requestAnimationFrame(() => {
ox = Math.max(8, Math.min(window.innerWidth - pw - 8, e.clientX - ix));
oy = Math.max(8, Math.min(window.innerHeight - ph - 8, e.clientY - iy));
panel.style.transform = `translate3d(${ox}px,${oy}px,0)`;
raf = false;
});
}, { passive: true });
const endDrag = e => {
if (e.pointerId !== pid) return;
dragging = false;
panel.classList.remove('e4-drag');
};
hdr.addEventListener('pointerup', endDrag, { passive: true });
hdr.addEventListener('pointercancel', endDrag, { passive: true });
}
// ═══════════════════════════════════════════════════════════════════════════
// EVENTS
// ═══════════════════════════════════════════════════════════════════════════
function bindEvents(panel, tog) {
let visible = false;
tog.addEventListener('click', () => {
visible = !visible;
panel.classList.toggle('e4-show', visible);
tog.classList.toggle('e4-active', visible);
if (visible) uiSync();
});
// Download button
document.getElementById('et4_dl_btn').addEventListener('click', () => {
const vid = getVideoId();
if (vid) downloadVideo(vid);
else toast('⚠ Open a video first', '#f57c00');
});
document.getElementById('et4_sw_ad').addEventListener('click', () => {
S.adEnabled = !S.adEnabled;
save('et4_ad', S.adEnabled);
if (!S.adEnabled) {
const v = getVideo();
if (v) { v.playbackRate = 1; v.muted = false; }
S.adSpeedActive = false;
}
uiSync();
toast(S.adEnabled ? '🚫 Ad Skip ON' : '🚫 Ad Skip OFF', S.adEnabled ? '#2e7d32' : '#b71c1c');
});
document.getElementById('et4_sw_sb').addEventListener('click', () => {
S.sbEnabled = !S.sbEnabled;
save('et4_sb', S.sbEnabled);
if (S.sbEnabled) { S.sbVideoId = null; fetchSB(getVideoId()); }
uiSync();
toast(S.sbEnabled ? '⏭ SponsorBlock ON' : '⏭ SponsorBlock OFF', S.sbEnabled ? '#1565c0' : '#4a148c');
});
document.getElementById('et4_sw_q').addEventListener('click', () => {
S.qualityEnabled = !S.qualityEnabled;
save('et4_quality', S.qualityEnabled);
if (S.qualityEnabled) setQuality();
uiSync();
toast(S.qualityEnabled ? '✨ Auto 4K ON' : '✨ Auto 4K OFF', S.qualityEnabled ? '#e53935' : '#616161');
});
}
// ═══════════════════════════════════════════════════════════════════════════
// STYLES
// ═══════════════════════════════════════════════════════════════════════════
GM_addStyle(`
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&display=swap');
#et4_panel, #et4_panel * { box-sizing:border-box; font-family:'Nunito',system-ui,sans-serif; }
/* ── Toggle button ─────────────────────────────── */
#et4_tog {
position:fixed; bottom:90px; right:18px;
width:54px; height:36px; border-radius:999px;
background:rgba(255,255,255,0.15);
border:1px solid rgba(255,255,255,0.25);
box-shadow:0 6px 20px rgba(0,0,0,.22);
z-index:2147483646; cursor:pointer;
display:flex; align-items:center; justify-content:center;
backdrop-filter:blur(16px);
transition:transform .18s, box-shadow .18s;
}
#et4_tog:hover { transform:translateY(-2px); box-shadow:0 10px 28px rgba(0,0,0,.3); }
#et4_tog.e4-active svg { transform:rotate(180deg); }
#et4_tog svg { transition:transform .3s; }
/* ── Panel ─────────────────────────────────────── */
#et4_panel {
position:fixed; top:0; left:0;
width:355px; max-width:94vw;
display:flex; flex-direction:column;
background:rgba(255,255,255,0.12);
backdrop-filter:blur(32px) saturate(180%);
-webkit-backdrop-filter:blur(32px) saturate(180%);
border:1px solid rgba(255,255,255,0.18);
border-radius:24px;
box-shadow:0 18px 50px rgba(0,0,0,.30);
z-index:2147483647; overflow:hidden;
opacity:0; pointer-events:none;
transform:scale(.96) translateY(12px);
transition:opacity .28s, transform .3s cubic-bezier(.25,.46,.45,.94);
will-change:transform, opacity;
}
#et4_panel.e4-show { opacity:1; pointer-events:all; transform:scale(1) translateY(0); }
#et4_panel.e4-drag { transition:none !important; }
/* ── Header ────────────────────────────────────── */
.e4-hdr {
background:linear-gradient(135deg,#ff1a1a,#b80000);
padding:12px 14px; cursor:move; user-select:none;
display:flex; align-items:center; justify-content:space-between;
border-radius:24px 24px 0 0;
}
.e4-hdr-l { display:flex; align-items:center; gap:10px; }
.e4-logo { width:46px; height:32px; background:rgba(255,255,255,.18); border-radius:9px; display:flex; align-items:center; justify-content:center; font-size:20px; color:#fff; font-weight:900; }
.e4-hdr-title { color:#fff; font-size:15px; font-weight:800; line-height:1.2; }
.e4-hdr-sub { color:rgba(255,255,255,.8); font-size:10px; font-weight:600; }
.e4-drag-dot { color:rgba(255,255,255,.85); font-size:22px; }
/* ── Stats bar ─────────────────────────────────── */
.e4-stats {
display:flex; gap:5px; padding:7px 12px;
background:rgba(0,0,0,.06); border-bottom:1px solid rgba(255,255,255,.08);
}
.e4-pill {
flex:1; background:rgba(255,255,255,.22); border:1px solid rgba(255,255,255,.18);
border-radius:999px; padding:4px 8px;
font-size:11px; font-weight:800; color:#0f0f0f;
display:flex; align-items:center; justify-content:center; gap:3px;
}
.e4-pill span { font-weight:900; font-size:13px; }
.e4-ver { font-size:10px; color:#555; flex:0 0 auto; padding:4px 10px; }
/* ── Body ──────────────────────────────────────── */
.e4-body {
padding:11px 13px 13px; overflow-y:auto; flex:1 1 auto;
scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.3) transparent;
display:flex; flex-direction:column; gap:9px;
}
.e4-body::-webkit-scrollbar { width:6px; }
.e4-body::-webkit-scrollbar-thumb { background:rgba(255,255,255,.25); border-radius:999px; }
/* ── Video card ────────────────────────────────── */
.e4-card {
background:rgba(255,255,255,.24); border:1px solid rgba(255,255,255,.2);
border-radius:18px; padding:11px;
}
.e4-card-row { display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
.e4-card-label { font-size:10px; font-weight:800; color:#606060; text-transform:uppercase; letter-spacing:.6px; }
.e4-badge { font-size:10.5px; font-weight:700; color:#00a152; background:rgba(232,245,233,.9); padding:3px 9px; border-radius:999px; }
.e4-card-title { font-size:13.5px; font-weight:700; color:#0f0f0f; line-height:1.4; margin-bottom:6px; word-break:break-word; }
.e4-card-id { font-size:11px; font-weight:600; color:#555; }
.e4-card-id code { background:rgba(255,255,255,.65); padding:2px 8px; border-radius:999px; margin-left:4px; }
/* ── Download button ───────────────────────────── */
.e4-btn {
display:flex; align-items:center; justify-content:center; gap:9px;
width:100%; padding:12px 16px; border:none; border-radius:18px;
font-size:14px; font-weight:800; cursor:pointer; color:#fff;
text-decoration:none; position:relative; overflow:hidden; letter-spacing:.2px;
font-family:'Nunito',system-ui,sans-serif;
transition:transform .2s, box-shadow .2s, opacity .2s;
}
.e4-btn:hover { transform:translateY(-2px); }
.e4-btn:active { transform:scale(.98); }
.e4-btn-red { background:linear-gradient(135deg,#ff1a1a,#cc0000); box-shadow:0 4px 14px rgba(255,0,0,.28); }
.e4-btn-ico { font-size:18px; }
/* ── Toggle grid ───────────────────────────────── */
.e4-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.e4-tc {
background:rgba(255,255,255,.22); border:1px solid rgba(255,255,255,.18);
border-radius:15px; padding:10px 9px;
display:flex; flex-direction:column; gap:7px;
transition:transform .15s;
}
.e4-tc:hover { transform:translateY(-1px); }
.e4-tc-top { display:flex; align-items:center; justify-content:space-between; }
.e4-tc-ico { font-size:19px; line-height:1; }
.e4-tc-bot { display:flex; align-items:center; justify-content:space-between; gap:3px; }
.e4-tc-name { font-size:11px; font-weight:800; color:#0f0f0f; }
.e4-tc-st { font-size:10px; font-weight:700; color:rgba(15,15,15,.4); }
/* ── Switch ────────────────────────────────────── */
.e4-sw {
width:40px; height:24px; border-radius:999px; border:none;
background:rgba(120,120,128,.28); position:relative; cursor:pointer;
transition:background .18s; flex:0 0 auto;
}
.e4-sw.on { background:rgba(52,199,89,.95); }
.e4-thumb {
position:absolute; top:2px; left:2px; width:20px; height:20px;
border-radius:999px; background:#fff;
box-shadow:0 3px 8px rgba(0,0,0,.18);
transition:transform .18s;
}
.e4-sw.on .e4-thumb { transform:translateX(16px); }
/* ── Info box ──────────────────────────────────── */
.e4-info-box {
background:rgba(6,95,212,.12); border:1px solid rgba(6,95,212,.2);
border-radius:14px; padding:9px 12px;
font-size:11.5px; font-weight:600; color:#0f0f0f;
display:flex; align-items:flex-start; gap:8px; line-height:1.5;
}
.e4-info-icon { font-size:16px; flex:0 0 auto; margin-top:1px; }
/* ── Footer ────────────────────────────────────── */
.e4-foot {
padding:8px 13px; background:rgba(255,255,255,.1);
border-top:1px solid rgba(255,255,255,.1);
border-radius:0 0 24px 24px; text-align:center;
font-size:10.5px; color:#606060; font-weight:600;
}
`);
// ═══════════════════════════════════════════════════════════════════════════
// BOOT
// ═══════════════════════════════════════════════════════════════════════════
function boot() {
const { panel, tog } = buildPanel();
initDrag(panel);
bindEvents(panel, tog);
uiSync();
setupObservers();
// Start SponsorBlock RAF loop
requestAnimationFrame(checkSB);
// Periodic UI sync
setInterval(uiSync, 2500);
// Navigation detection
const navObs = new MutationObserver(() => {
if (location.href !== S.lastUrl) {
S.lastUrl = location.href;
S.sbVideoId = null;
S.sbSegments = [];
onNavigate();
}
});
navObs.observe(document.body, { childList: true, subtree: false });
window.addEventListener('yt-navigate-finish', () => onNavigate(), { passive: true });
window.addEventListener('yt-page-data-updated', () => onNavigate(), { passive: true });
window.addEventListener('yt-navigate-start', () => {
S.sbVideoId = null;
S.sbSegments = [];
S._player = null;
S._video = null;
}, { passive: true });
onNavigate();
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', boot);
} else {
boot();
}