// ==UserScript== // @name YouTube - Меню управления // @name:en YouTube - Control Menu // @namespace tweeks.io // @version 1.0 // @description Добавляет меню управления для YouTube с различными настройками и функциями // @description:en Adds a control menu for YouTube with various settings and features // @author Tweeks // @match *://www.youtube.com/* // @grant GM_registerMenuCommand // @grant GM_getValue // @grant GM_setValue // ==/UserScript== (function() { 'use strict'; // Настройки по умолчанию const defaultSettings = { autoplay: true, annotations: false, theater: false, quality: 'auto', speed: 1.0, volume: 100, darkMode: true }; // Загрузка настроек function loadSettings() { const saved = GM_getValue('youtube_settings', null); return saved ? JSON.parse(saved) : defaultSettings; } // Сохранение настроек function saveSettings(settings) { GM_setValue('youtube_settings', JSON.stringify(settings)); } let settings = loadSettings(); // Создание стилей для меню const menuStyles = ` #yt-control-menu { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #282828; color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.5); z-index: 10000; min-width: 400px; max-width: 500px; font-family: 'Roboto', Arial, sans-serif; display: none; } #yt-control-menu.show { display: block; } #yt-control-menu h2 { margin: 0 0 20px 0; font-size: 20px; border-bottom: 2px solid #ff0000; padding-bottom: 10px; } .yt-menu-section { margin-bottom: 20px; } .yt-menu-section h3 { font-size: 16px; margin: 0 0 10px 0; color: #aaa; } .yt-menu-item { display: flex; justify-content: space-between; align-items: center; padding: 10px; background: #3a3a3a; margin-bottom: 8px; border-radius: 4px; } .yt-menu-item label { flex: 1; cursor: pointer; } .yt-menu-item input[type="checkbox"] { width: 20px; height: 20px; cursor: pointer; } .yt-menu-item select, .yt-menu-item input[type="number"], .yt-menu-item input[type="range"] { padding: 5px; background: #1a1a1a; color: #fff; border: 1px solid #555; border-radius: 4px; cursor: pointer; } .yt-menu-item input[type="range"] { width: 150px; } .yt-menu-buttons { display: flex; gap: 10px; margin-top: 20px; } .yt-menu-button { flex: 1; padding: 10px; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: bold; transition: background 0.2s; } .yt-menu-button.primary { background: #ff0000; color: #fff; } .yt-menu-button.primary:hover { background: #cc0000; } .yt-menu-button.secondary { background: #3a3a3a; color: #fff; } .yt-menu-button.secondary:hover { background: #4a4a4a; } #yt-menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 9999; display: none; } #yt-menu-overlay.show { display: block; } .yt-value-display { min-width: 40px; text-align: right; color: #ff0000; font-weight: bold; } `; // Добавление стилей на страницу const styleElement = document.createElement('style'); styleElement.textContent = menuStyles; document.head.appendChild(styleElement); // Создание HTML меню function createMenu() { const overlay = document.createElement('div'); overlay.id = 'yt-menu-overlay'; const menu = document.createElement('div'); menu.id = 'yt-control-menu'; menu.innerHTML = `

⚙️ Меню управления YouTube

Воспроизведение

Качество и отображение

`; document.body.appendChild(overlay); document.body.appendChild(menu); // Обработчики событий overlay.addEventListener('click', closeMenu); document.getElementById('yt-save-btn').addEventListener('click', saveAndClose); document.getElementById('yt-cancel-btn').addEventListener('click', closeMenu); document.getElementById('yt-reset-btn').addEventListener('click', resetSettings); // Обновление отображения громкости document.getElementById('yt-volume').addEventListener('input', function() { document.getElementById('yt-volume-display').textContent = this.value + '%'; }); } // Открытие меню function openMenu() { document.getElementById('yt-menu-overlay').classList.add('show'); document.getElementById('yt-control-menu').classList.add('show'); } // Закрытие меню function closeMenu() { document.getElementById('yt-menu-overlay').classList.remove('show'); document.getElementById('yt-control-menu').classList.remove('show'); } // Сохранение и закрытие function saveAndClose() { settings = { autoplay: document.getElementById('yt-autoplay').checked, annotations: document.getElementById('yt-annotations').checked, theater: document.getElementById('yt-theater').checked, quality: document.getElementById('yt-quality').value, speed: parseFloat(document.getElementById('yt-speed').value), volume: parseInt(document.getElementById('yt-volume').value), darkMode: document.getElementById('yt-darkmode').checked }; saveSettings(settings); applySettings(); closeMenu(); alert('Настройки сохранены! Некоторые изменения могут потребовать перезагрузки страницы.'); } // Сброс настроек function resetSettings() { if (confirm('Вы уверены, что хотите сбросить все настройки?')) { settings = {...defaultSettings}; saveSettings(settings); closeMenu(); location.reload(); } } // Применение настроек function applySettings() { // Применение настроек к видео плееру const video = document.querySelector('video'); if (video) { video.playbackRate = settings.speed; video.volume = settings.volume / 100; } // Темная тема if (settings.darkMode) { document.documentElement.setAttribute('dark', 'true'); } else { document.documentElement.removeAttribute('dark'); } } // Инициализация function init() { createMenu(); applySettings(); // Регистрация команд в меню Tampermonkey GM_registerMenuCommand('⚙️ Открыть меню управления', openMenu); GM_registerMenuCommand('🔄 Сбросить настройки', function() { if (confirm('Сбросить все настройки к значениям по умолчанию?')) { settings = {...defaultSettings}; saveSettings(settings); location.reload(); } }); GM_registerMenuCommand('📊 Показать текущие настройки', function() { alert('Текущие настройки:\n\n' + 'Автовоспроизведение: ' + (settings.autoplay ? 'Вкл' : 'Выкл') + '\n' + 'Скорость: ' + settings.speed + 'x\n' + 'Громкость: ' + settings.volume + '%\n' + 'Качество: ' + settings.quality + '\n' + 'Режим кинотеатра: ' + (settings.theater ? 'Вкл' : 'Выкл') + '\n' + 'Темная тема: ' + (settings.darkMode ? 'Вкл' : 'Выкл') + '\n' + 'Аннотации: ' + (settings.annotations ? 'Вкл' : 'Выкл')); }); console.log('YouTube Control Menu loaded successfully!'); } // Запуск после загрузки страницы if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })();

⚙️ Меню управления YouTube

Воспроизведение

Качество и отображение

Дополнительно