← Назад к инструментам кадрирования

Настоящий WebGL, настоящий 3D LUT

Просмотр LUT в реальном времени

Импортируйте настоящий 3D LUT-файл .cube и просматривайте его применение к видео в реальном времени через подлинный фрагментный шейдер WebGL с настоящей трилинейной интерполяцией — а не с приближением на основе фильтра canvas. Ваш файл никогда не покидает ваше устройство.

Камера выключена

Загрузить LUT

LUT не загружен — показывается необработанное видео.

100%

Примечания

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

Ваш LUT упаковывается в единую 2D-текстуру: по одной плитке на каждый срез синего канала — это стандартная техника для 3D LUT, не требующая поддержки 3D-текстур, доступной только в WebGL2. Аппаратная билинейная фильтрация обрабатывает оси красного и зелёного каналов; шейдер вручную интерполирует между двумя ближайшими плитками среза синего канала для третьей оси — настоящая трилинейная интерполяция, вычисляемая каждый кадр в реальном времени.

Справка

Что читает и проверяет этот инструмент

ПроверкаРезультат
3D .cube (LUT_3D_SIZE)Поддерживается
1D .cube (LUT_1D_SIZE)Не поддерживается — отмечается, а не обрабатывается молча
Нестандартные DOMAIN_MIN/MAXОбнаруживается и отмечается
Несовпадение количества строк данныхОтклоняется с конкретной ошибкой

Это собственные реальные проверки анализа этого инструмента — некорректный файл вызывает конкретную ошибку, а не даёт молчаливо неверный результат.

Пошагово

Как просмотреть LUT

  1. Нажмите «Запустить камеру» и разрешите доступ, когда появится запрос.
  2. Загрузите 3D LUT-файл .cube с помощью выбора файла.
  3. Наблюдайте, как LUT применяется в реальном времени к видео благодаря шейдеру WebGL.
  4. Включайте и выключайте LUT, чтобы напрямую сравнить с необработанным видео.

Частые вопросы

Часто задаваемые вопросы

Загружается ли мой LUT-файл куда-либо?
Нет. Файл считывается и применяется полностью в вашем браузере через WebGL — он никогда не покидает ваше устройство, что важно, поскольку LUT часто являются личными или платными творческими ресурсами.
Это настоящий 3D LUT или приближение?
Настоящий 3D LUT, применяемый с подлинной трилинейной интерполяцией во фрагментном шейдере WebGL, а не упрощённый фильтр цветовой матрицы, заменяющий его.
Какие форматы LUT поддерживаются?
Стандартные 3D LUT-файлы .cube (LUT_3D_SIZE). 1D LUT-файлы .cube не поддерживаются. Нестандартные значения DOMAIN_MIN/DOMAIN_MAX обнаруживаются и отмечаются, а не обрабатываются молча.
Почему мой LUT-файл был отклонён?
Чаще всего причина в том, что количество строк данных не совпадает с заявленным LUT_3D_SIZE, полностью отсутствует строка LUT_3D_SIZE, либо это 1D LUT-файл, который этот инструмент не поддерживает. Каждый случай сообщает свою конкретную причину, а не завершается молча.
Можно ли использовать это, чтобы просмотреть LUT перед применением его в программе для монтажа?
Да — именно для этого он и предназначен. Просмотрите, как настоящий 3D LUT выглядит на живом видео, прежде чем применять его в вашей реальной программе для монтажа или стриминга.
Почему для этого нужен именно WebGL?
Трилинейная интерполяция по 3D-таблице поиска цвета — это вычислительно затратная работа для каждого пикселя и каждого кадра. Ускоренные GPU фрагментные шейдеры WebGL справляются с этим в реальном времени так, как обычные операции JavaScript canvas не смогли бы успевать при частоте кадров живого видео.