Плеер, водяной знак, заставки и превью

TubePress воспроизводит загруженные и URL-видео с помощью FluidPlayer — встроенного HTML5-плеера, поставляемого в vendor/fluidplayer. Вокруг него расположены функции, формируемые в процессе транскодирования — водяные знаки, вступительные и финальные клипы, а также миниатюры для предварительного просмотра при перемотке — и превью при наведении курсора на карточки.

Поведение плеера настраивается в разделе Внешний вид → Просмотр; водяной знак, вступления и временная шкала находятся на соответствующих вкладках /admin/settings?tab=transcode, так как они кодируются в видео, а не переключаются во время воспроизведения.

Видеоплеер

Для загруженного или URL-видео TubePress формирует элемент <video> с одним <source> для каждой версии и инициализирует на нём FluidPlayer. Поскольку каждая версия представлена отдельным источником с указанием качества (начиная с 720p — с меткой HD), плеер показывает встроенное меню выбора качества. Акцентный цвет соответствует основному цвету темы, а элементы управления автоматически скрываются во время воспроизведения.

Пакет включает модули для адаптивной потоковой передачи (HLS и MPEG-DASH), WebVTT, а также воспроизведения в 360°/VR, что позволяет работать не только с обычными MP4-файлами. Видео со встроенным кодом полностью обходят FluidPlayer и отображают исходный iframe.

Водяные знаки

Водяной знак — это логотип, накладываемый на видео. В TubePress он кодируется в каждую версию с помощью FFmpeg во время транскодирования, а не отрисовывается плеером — его нельзя удалить на стороне клиента, но для этого требуется транскодирование, и знак появляется только на видео, обработанных после его включения. Настройте его на вкладке Водяной знак:

Предварительный просмотр в редакторе примерно показывает расположение наложения, но финальный знак применяется FFmpeg при следующей кодировке.

Вступительные ролики

К каждому видео можно добавить короткий клип — вступление (pre-roll) — и финальный (post-roll) ролик, оба настраиваются на вкладке Вступления. Каждый представляет собой MP4-файл, хранящийся в uploads/intros/. Как и водяные знаки, они являются частью кодировки: при транскодировании каждый клип перекодируется под точное разрешение, кодек и битрейт каждого выходного формата, а затем плавно склеивается — без скачков качества.

Для рекламных клипов, воспроизводящихся внутри плеера без кодирования в файл, используйте VAST pre/mid/post-roll из системы Реклама.

Предварительный просмотр временной шкалы

Предварительный просмотр временной шкалы — это миниатюры, появляющиеся при перемотке прогресс-бара. На вкладке Временная шкала включение параметра Генерировать скриншоты временной шкалы заставляет транскодер создавать спрайт из кадров и карту timeline.vtt, которую FluidPlayer автоматически подключает к полосе перемотки по готовности.

Спрайт генерируется как отдельное задание очереди, поэтому превью могут появиться вскоре после публикации видео.

Превью при наведении

Отдельно от плеера, карточки в списке воспроизводят короткий клип предварительного просмотра при наведении курсора — реальный файл preview.mp4 для каждого видео, а не спрайт временной шкалы. Это управляется настройкой наведения карточки в параметрах внешнего вида темы и позволяет посетителям получить быстрое представление о каждом видео без открытия страницы просмотра.

Настройки плеера

Откройте раздел Внешний вид → Просмотр для управления плеером. Эти параметры применяются только к загруженным и URL-видео, но не к встроенным.

На этом же экране можно включать отображение метаданных вокруг плеера — просмотры, длительность, дата публикации, кнопки лайк/дизлайк и избранное, а также разделы с порнозвёздами, каналами, категориями и тегами — и задавать количество похожих видео (2–20) в боковой панели.

Следующие шаги