YT

YouTube Panel Quick Controls: мини-панель для плеера YouTube

YouTube Panel Quick Controls - маленькое Chrome-расширение для очень практичного сценария: смотреть YouTube, пока Codex работает над задачей. В стандартном плеере часть нужных действий спрятана в меню или появляется только при наведении. Я вынес часто используемые настройки прямо в панель управления.

Репозиторий: korobkov-v/youtube-panel. Это обычное Manifest V3 расширение без бэкенда и сборки: manifest.json, content.js и styles.css.

Панель быстрых контролов YouTube

Что добавляет расширение

- Быстрые кнопки скорости: 1x, 1.25x, 1.5x, 1.75x, 2.0x, 2.5x
- Кнопки качества справа: от 480p и выше, плюс Auto
- Горизонтальный volume slider вместо всплывающей панели YouTube
- Переключатель Hide, который управляет auto-hide поведением панели

Почему это отдельный мини-проект

Это не попытка переписать YouTube-плеер. Цель уже и проще: убрать несколько раздражающих микродействий, которые повторяются десятки раз. Скорость, качество, громкость и видимость панели должны быть рядом с пальцами, а не в каскаде меню.

Как устроено внутри

Расширение запускает content script на страницах youtube.com и добавляет свои контролы в существующие зоны плеера. Для управления используются методы YouTube-плеера вроде setPlaybackRate, setPlaybackQualityRange, setVolume, mute и unMute. Для новых видео и SPA-навигации есть MutationObserver, события yt-navigate-finish и yt-page-data-updated.

Несколько деталей UX

Кнопки скорости подсвечивают активное значение, качество пересобирается под доступные уровни текущего видео, а настройка Hide сохраняется в localStorage. Нативная зона громкости намеренно фиксируется по ширине, чтобы YouTube не раскрывал всплывающую панель и не ломал раскладку.

Как поставить локально

Откройте chrome://extensions, включите Developer mode, нажмите Load unpacked и выберите папку репозитория. После перезагрузки YouTube панель появится внутри плеера.

Что дальше

Текущая версия решает личный сценарий и остается максимально маленькой. Следующий логичный шаг - сделать packaged release, добавить страницу настроек и позволить выбирать набор скоростей под свой стиль просмотра.