Что делает настройка видео?

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

Описание инструмента

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

Возможности

  • Яркость от -100% (чёрный цвет) до +100% (вдвое ярче)
  • Контрастность от -100% (плоский серый цвет) до +100% (вдвое выше контрастность)
  • Насыщенность от -100% (чёрно-белое изображение) до +100% (вдвое более насыщенные цвета)
  • Оттенок от -180° до 180°, с поворотом каждого цвета по цветовому кругу
  • Область предварительного просмотра и миниатюры на временной шкале показывают изменения в реальном времени, а сохранённое видео им соответствует
  • Вводите точные значения, дважды щёлкните по ползунку, чтобы сбросить его, или сбросьте все параметры одновременно
  • Сохранение в формате MP4 с видео H.264 и аудио AAC, которое воспроизводится практически везде

Как это работает

В области предварительного просмотра используются собственные CSS-фильтры браузера, поэтому изображение обновляется мгновенно при перемещении ползунков. При сохранении FFmpeg применяет те же математические операции к каждому кадру: яркость умножает значение каждого цветового канала, контрастность отдаляет каждый канал от среднего серого или приближает к нему, а насыщенность и оттенок смешивают красный, зелёный и синий каналы с помощью матриц, определённых стандартом CSS. Настройки применяются в порядке перечисления ползунков. Затем видео повторно кодируется в H.264, а звуковая дорожка сохраняется.

Советы

  • Для тёмного видео немного увеличьте яркость и слегка повысьте контрастность, чтобы изображение не выглядело мутным.
  • Значительное изменение яркости или контрастности превращает светлые и тёмные участки в чисто белые или чёрные, и восстановить эти детали уже нельзя. Обычно лучше всего выглядят небольшие изменения.
  • Установите насыщенность на -100%, чтобы получить чёрно-белое видео.
  • Повторное кодирование в браузере выполняется медленнее, чем в настольном приложении, поэтому обработка длинных видео или видео высокого разрешения может занять несколько минут.
  • При первом запуске загружается FFmpeg - около 30 МБ. При последующих запусках на той же странице обработка начинается сразу.