[FFmpeg] Фильтр ③ (Текстовый водяной знак - фильтр drawtext | конфигурация компиляции библиотеки поддержки фильтра drawtext | общие параметры фильтра drawtext)
[FFmpeg] Фильтр ③ (Текстовый водяной знак - фильтр drawtext | конфигурация компиляции библиотеки поддержки фильтра drawtext | общие параметры фильтра drawtext)
Каталог статей

  • 1. Текстовый водяной знак – фильтр drawtext
    • 1. Введение в фильтр drawtext
    • 2. Библиотека поддержки фильтров drawtext
    • 3. Включите настройку фильтра drawtext при компиляции исходного кода FFmpeg.
  • 2. Общие параметры фильтра drawtext
    • 1. Задайте параметры текста – текст/текстовый файл.
    • 2. Установите параметры фонового поля — box/borderw/boxcolor.
    • 3. Установите значение цвета — RGB/шестнадцатеричное/английское название.
    • 4. Установите параметры шрифта — шрифт/размер шрифта/цвет шрифта.
    • 5. Установите параметры положения водяного знака - x/y.
    • 6. Установите параметр прозрачности водяного знака – альфа.
  • 3. Пример добавления водяного знака с помощью фильтра drawtext
    • 1. Добавить водяной знак – базовые настройки
    • 2. Добавьте водяной знак — установите фоновое поле и цвет текста.
    • 3. Добавить водяной знак - отображать текущее время
    • 4. Добавьте водяной знак — регулярно отображайте водяной знак.
    • 5. Добавить водяной знак — эффект выделения

Документы, связанные с FFmpeg:

  • FFmpeg документ Домашняя страница : https://ffmpeg.org/documentation.html , существуют На этой странице есть Заказать инструмент для строкдокумент , Документ «Компоненты» ,Библиотекадокумент, API документ ждать , Нажмите на ссылку «верноиз может», чтобы перейти к пункту прибытияверноиздокументсередина. ;
  • Заказать инструмент для строкдокумент :
  • Документ «Компоненты» :

1. Текстовый водяной знак – фильтр drawtext


1. Введение в фильтр drawtext

Фильтр drawtext — это видеофильтр в FFmpeg, используемый для рисования текста на видеокадрах, то есть для добавления текстовых водяных знаков, а также может использоваться для добавления заголовков, субтитров и других элементов;

  • текстовый водяной Знак Атрибуты : drawtext фильтр Можетк существовать видеоэкран излюбое расположение добавить любое текстовое содержание , и может с Пользовательский текстизшрифт / размер / цвет / Расположение ждатьсвойство ;
  • динамичный Временная меткапоказывать : drawtext фильтр Можетк использовать Временная метка показывать Динамические изменения информация о номере , нравиться : существоватьвидеоначальствопоказыватьот видео Старт приезжать Текущая комната выходя из комнаты ;
  • Многоязычная поддержка: использовать drawtext фильтр Можетк существоватьвидеосерединадобавить в включать серединаискусство из Изтекст на нескольких языках ;

drawtext фильтр документ : https://ffmpeg.org/ffmpeg-filters.html#drawtext-1 ,drawtext фильтр существоватьначальствоописыватьдокументиз " 11.78 глава нарисовать текст " глава ;

существование Вставьте сюда описание изображения
существование Вставьте сюда описание изображения

2. Библиотека поддержки фильтров drawtext

использовать drawtext фильтр из Предпосылка :

  • уже Установить FFmpeg Заказать инструмент для строк ;
  • Установитьиз FFmpeg существовать компилироватьчас давать возможность Понятнонравиться Вниз Библиотека :
    • libfreetype : библиотека движка шрифтов , Доступ к различным файлам шрифтов и форматов , Поддерживает монохромные растровые изображения. , Рендеринг растровых изображений со сглаживанием ;
    • libharfbuzz : Библиотека макета текста и рендеринга глифов , Поддерживает различные форматы шрифтов. , Существует специализированная логика обработки, обеспечивающая правильное расположение и формирование текста. ;
    • libfontconfig : Конфигурация доступа к пользовательскому шрифту из библиотеки , «В соответствии с конкретными потребностями пользователя» Выберите и настройте шрифт настройки ;
    • libfribidi : Слева приезжать направо и справа приезжать налево из библиотеки двустороннего рендеринга текста , Он может гарантировать, что ваш текст будет правильно отображаться в макете. ;

Если вышеуказанная библиотека функций не включена , Это невозможноиспользовать drawtext фильтр ;

3. Включите настройку фильтра drawtext при компиляции исходного кода FFmpeg.

FFmpeg хочу в использовать drawtext фильтр Функция , нуждаться Компиляция FFmpeg Добавить когда верно FreeType / FontConfig / iconv из поддержки , специфический Просто даиспользовать libfreetype Библиотека в видео Фоторамкаизтоп рисовать текстовая строка , нуждаться давать возможностьиз Конфигурация компиляции следующая :

  • Включите конфигурацию libfreetype: --enable-libfreetype ;
  • Включите конфигурацию libharfbuzz: --enable-libharfbuzz ;
  • Включите конфигурацию libfontconfig: --enable-libfontconfig ;
  • Включите конфигурацию libfribidi: --enable-libfribidi ;

Приведенная выше конфигурация компиляции , находится в компилировать FFmpeg Перед исходным кодом , вызов ./configure Заказ , Носите Приведенную на спине. выше конфигурация компиляции ;

специфическийиз Конфигурация Заказнравиться Вниз :

Язык кода:javascript
копировать
./configure --enable-libfreetype --enable-libharfbuzz --enable-libfontconfig --enable-libfribidi

Подробнее скомпилировать , ссылка 【Android FFMPEG Разработка】FFMPEG кресткомпилировать Конфигурация ( скачать | Скрипт конфигурации | Выходной путь | Конфигурация библиотеки функций | Конфигурация программы | Конфигурация компонентов | Конфигурация кодирования и декодирования | кресткомпилировать Конфигурация | окончательный сценарий ) одиннадцать、кресткомпилировать Конфигурация Shell Скрипт ( фокус ) блог ,

  • первый , вызов ./configure Заказ , Конфигурациякомпилировать Параметры ;
  • Затем , вызов make install Заказ ,формальныйкомпилировать FFmpeg Исходный код ;

2. Общие параметры фильтра drawtext


1. Задайте параметры текста – текст/текстовый файл.

text параметр используется для настраиватьхотетьдобавить виз текст ,тип параметра — строка;

параметр Параметры : text='Hello World' ;

Полный фильтр Параметры : drawtext=text='Hello World' , если есть фильмы Параметр , использовать : отдельный ;

Полный заказ : Воля drawtext фильтрпомещатьсуществоватьдвойные кавычкисередина , как -vf параметрценитьнастраиватьприезжать ffmpeg Заказсередина ;

Язык кода:javascript
копировать
ffmpeg -i input.mp4 -vf "drawtext=text='Hello, World!'" output.mp4

если text параметрнастраиватьиз Множество буквальных строк , Можно записать в файл , использовать textfile параметр Выполните настройки , настраиватьизда строковый файл из пути ;

ссылканастраивать : textfile='/path/to/textfile.txt' ;

Язык кода:javascript
копировать
ffmpeg -i input.mp4 -vf "textfile='/path/to/textfile.txt" output.mp4

2. Установите параметры фонового поля — box/borderw/boxcolor.

использовать box параметр , Можно установить текстовый водяной знак из фоновое поле ;

показывать текстовый водяной знак час ,Можеткпоказыватьодинфоновое поле,Эта коробка похожа на CSS серединаиз Коробка,Можно установитьрамка, цвет фона , Границы могут быть установлены индивидуально четыре направления из пограничных свойств , нравиться ширина и цвет ;

box параметр Можетнастраиватьтриценить :

  • 1 : рисоватькоробка ;
  • 0 : Не рисовать коробку ;
  • borderw : нарисовать из поля с указанной шириной границы ;

Пример конфигурации:

Язык кода:javascript
копировать
ffmpeg -i input.mp4 -vf "drawtext=text='Hello, World!':box=1:boxcolor=black" output.mp4

borderw параметр :

  • boxborderw=10 настраиватьначальство Внизлевая и правая границы 10 Пиксельширина ;
  • boxborderw=10|20 настраиватьначальствонижняя граница 10 Пиксельширина ,левая и правая границы 20 Пиксельширина;
  • boxborderw=10|20|30 настраиватьначальстворамка 10 Пиксельширина ,левая и правая границы 20 Пиксельширина,нижняя граница 30 Пиксельширина;
  • boxborderw=10|20|30|40 настраиватьначальстворамка 10 Пиксельширина ,правая граница 20 Пиксельширина,нижняя граница 30 Пиксельширина,левая граница 40 Пиксельширина ;

Пример конфигурации:

Язык кода:javascript
копировать
ffmpeg -i input.mp4 -vf "drawtext=text='Hello, World!':borderw=2" output.mp4

использовать boxcolor параметр , Можно установить бордюр изцвет , значение цвета Можно установить RGB значение цвета / Английское имя / шестнадцатеричныйзначение цвета ;

Язык кода:javascript
копировать
boxcolor=black
boxcolor=0xFF0000
boxcolor=#FF0000

Пример конфигурации:

Язык кода:javascript
копировать
ffmpeg -i input.mp4 -vf "drawtext=text='Hello, World!':boxcolor=red:borderw=2" output.mp4

3. Установите значение цвета — RGB/шестнадцатеричное/английское название.

значение цветанастраивать : существовать FFmpeg серединаизфильтрсередина ,Можетиспользоватьнравиться Следующий способнастраиватьзначение цвета :

  • RGB значение цвета : использовать RGB значение цвета Приходитьвыражатьцвет , нравиться : 0xFF0000 ;
  • цвет Английское имя : использовать цветиз Английское имя выражатьцвет , нравиться : white Белый , black черный ;
  • шестнадцатеричныйзначение цвета : использовать шестнадцатеричныйзначение цвета выражатьцвет , нравиться : #FF0000 красный , #FFFFFF Белый ;

существоватьначальствоописыватьиспользовать boxcolor параметр Может руководитьнравиться Внизнастраивать :

Язык кода:javascript
копировать
boxcolor=black
boxcolor=0xFF0000
boxcolor=#FF0000

4. Установите параметры шрифта — шрифт/размер шрифта/цвет шрифта.

font параметр настраивать шрифтискусствокускииз пути или Название шрифта ;

  • Название шрифта Мустда системасерединауже Установитьизшрифтизимя , font=Arial ;
  • шрифтискусствокускииз пути , Генерал да ttf Путь к файлу форматирования , font=/path/to/font.ttf ;

Пример кода:

Язык кода:javascript
копировать
ffmpeg -i input.mp4 -vf "drawtext=text='Hello, World!':font=/path/to/font.ttf" output.mp4

fontcolor параметр Можетиспользуется длянастраивать текстводяной знак изшрифтцвет , значение цвета Можно установить RGB значение цвета / Английское имя / шестнадцатеричныйзначение цвета ;

fontsize параметр используется длянастраивать текстводяной знак из размер шрифта , Единица измерения — пиксели , нравиться : fontsize=24 выражатьразмер шрифта есть 24 Пиксель ;

Пример кода:

Язык кода:javascript
копировать
ffmpeg -i input.mp4 -vf "drawtext=text='Hello, World!':x=100:y=100:font=/path/to/font.ttf:fontsize=24:fontcolor=white" output.mp4

существовать Windows середина Можетксуществовать " персонализация / шрифт " середина Проверятьуже Установитьизшрифт ;’

существование Вставьте сюда описание изображения
существование Вставьте сюда описание изображения

Mac и Linux Существуют различные способы запроса системы. ;

5. Установите параметры положения водяного знака - x/y.

drawtext фильтр середина использовать x параметр и y параметр настраиватьтекстводяной знакиз Расположение ;

  • x параметр используется дляобозначение текстводяной знак Относитесь к фоторамка для видео Левый верхний угол из уровень Расположение , Единица да Пиксель ;
  • y параметр используется дляобозначение текстводяной знак Относитесь к фоторамка для видео Левый верхний угол из вертикальный Расположение , Единица да Пиксель ;
существование Вставьте сюда описание изображения
существование Вставьте сюда описание изображения

Пример строки заказа:

Язык кода:javascript
копировать
ffmpeg -i input.mp4 -vf "drawtext=text='Hello, World!':x=100:y=100:fontsize=24:fontcolor=white" output.mp4

6. Установите параметр прозрачности водяного знака – альфа.

alpha параметр Можетиспользуется для настраивать текстводяной знак изпрозрачность , значение прозрачности Диапазон 0 приезжать 1 между числами с плавающей запятой ,

  • 0 означает полную прозрачность
  • 1 означает полностью непрозрачный

Пример строки заказа: Ниже из Заказсерединана благоустройства 0.5 прозрачность ;

Язык кода:javascript
копировать
ffmpeg -i input.mp4 -vf "drawtext=text='Hello, World!':x=100:y=100:fontsize=24:fontcolor=white:alpha=0.5" output.mp4

3. Пример добавления водяного знака с помощью фильтра drawtext


1. Добавить водяной знак – базовые настройки

осуществлять

Язык кода:javascript
копировать
ffmpeg -i input.mp4 -vf "drawtext=text='Hello, World!':x=100:y=100:fontsize=24:fontcolor=white" output.mp4

Заказ ,Волясуществовать Введите видео из 100x100 расположение, рисовать 24 Пиксельразмериз Белый текстводяной знак , Содержимое водяного знака “Hello, World!” нить ;

существование Вставьте сюда описание изображения
существование Вставьте сюда описание изображения

2. Добавьте водяной знак — установите фоновое поле и цвет текста.

осуществлять

Язык кода:javascript
копировать
ffmpeg -i input.mp4 -vf "drawtext=text='Hello, World!':x=100:y=100:fontsize=24:box=1:fontcolor=green" output.mp4

Заказ ,существовать Переднийиз Базаначальствонастраиватьтекстфон коробки, По умолчанию да Белыйиз , Здесь рифтнуждаться в благоустройстве становится Зеленый из ;

осуществлятьрезультатнравиться Вниз :

существование Вставьте сюда описание изображения
существование Вставьте сюда описание изображения

3. Добавить водяной знак - отображать текущее время

осуществлять

Язык кода:javascript
копировать
ffmpeg -re -i input.mp4 -vf "drawtext=text='Hello, World! %{localtime\:%Y\-%m\-%d %H-%M-%S}':x=100:y=100:fontsize=24:box=1:fontcolor=green" output.mp4

Заказ , существуют добавленные на базе фронта извремяпоказывать , времяпоказывать текст Можетнастройкидля %{localtime\:%Y\-%m\-%d %H-%M-%S} Формат ,Можетк Сращиваниеприезжатьнитьсередина ;

Уведомление , существовать Заказсерединануждатьсядобавить в -re параметр , В противном случае «Может» не будет обновляться так быстро, как час. , Прыгает только каждые несколько секунд ;

осуществлятьрезультатнравиться Вниз :

существование Вставьте сюда описание изображения
существование Вставьте сюда описание изображения
существование Вставьте сюда описание изображения
существование Вставьте сюда описание изображения

4. Добавьте водяной знак — регулярно отображайте водяной знак.

осуществлять

Язык кода:javascript
копировать
ffmpeg -re -i input.mp4 -vf "drawtext=text='Hello, World! %{localtime\:%Y\-%m\-%d %H-%M-%S}':x=100:y=100:fontsize=24:box=1:fontcolor=green:enable=lt(
mod(t\,3)\,1)" output.mp4

Заказ , существуют добавленные на базе фронта из enable параметриспользуется для указывает, где применить эффект фильтра ;

enable=lt(mod(t\,3)\,1) это выражение , используется дляControl Filterиздавать возможностьчасмашина ;

  • t выражатьвремя , Единица да Второй ;
  • mod(t\,3) выражать верно время руководить форма 3 Операция , Прямо сейчас Второйвремя разделить на 3 из остатка ;
  • lt(mod(t\,3),1) выражать Воля mod(t\,3) из результатов расчета и 1 руководить Сравнивать ,если Взаимнождатьвозвращаться 1,если Нетждать возвращаться 0 ;

enable=lt(mod(t\,3),1) из общий эффект да : Каждый 3 Второйизциклсерединаиз Первый Второйчасдавать Возможность эффекта фильтра ,существовать Следовать заиз 2 Отключите эффекты фильтра за считанные секунды, Осуществленный Периодически давать Возможность отключить эффекты фильтра ;

Больше из выражение содержание ссылка https://ffmpeg.org//ffmpeg-utils.html#Expression-Evaluation документ из

осуществлять Эффект :

существование Вставьте сюда описание изображения
существование Вставьте сюда описание изображения
существование Вставьте сюда описание изображения
существование Вставьте сюда описание изображения

5. Добавить водяной знак — эффект выделения

осуществлять

Язык кода:javascript
копировать
ffmpeg -re -i input.mp4 -vf "drawtext=text='Hello, World! %{localtime\:%Y\-%m\-%d %H-%M-%S}':x=mod(100*t\,w):y=abs(sin(t))*h*0.7:fontsize=24:box=1:fontcolor=green" output.mp4

Заказ , Достичь эффекта выделения , Основные текущие изменения x и y из координат ;

осуществлять Эффект :

существование Вставьте сюда описание изображения
существование Вставьте сюда описание изображения
существование Вставьте сюда описание изображения
существование Вставьте сюда описание изображения
boy illustration
Учебное пособие по Jetpack Compose для начинающих, базовые элементы управления и макет
boy illustration
Код js веб-страницы, фон частицы, код спецэффектов
boy illustration
【новый! Суперподробное】Полное руководство по свойствам компонентов Figma.
boy illustration
🎉Обязательно к прочтению новичкам: полное руководство по написанию мини-программ WeChat с использованием программного обеспечения Cursor.
boy illustration
[Забавный проект Docker] VoceChat — еще одно приложение для мгновенного чата (IM)! Может быть встроен в любую веб-страницу!
boy illustration
Как реализовать переход по странице в HTML (html переходит на указанную страницу)
boy illustration
Как решить проблему зависания и низкой скорости при установке зависимостей с помощью npm. Существуют ли доступные источники npm, которые могут решить эту проблему?
boy illustration
Серия From Zero to Fun: Uni-App WeChat Payment Practice WeChat авторизует вход в систему и украшает страницу заказа, создает интерфейс заказа и инициирует запрос заказа
boy illustration
Серия uni-app: uni.navigateЧтобы передать скачок значения
boy illustration
Апплет WeChat настраивает верхнюю панель навигации и адаптируется к различным моделям.
boy illustration
JS-время конвертации
boy illustration
Обеспечьте бесперебойную работу ChromeDriver 125: советы по решению проблемы chromedriver.exe не найдены
boy illustration
Поле комментария, щелчок мышью, специальные эффекты, js-код
boy illustration
Объект массива перемещения объекта JS
boy illustration
Как открыть разрешение на позиционирование апплета WeChat_Как использовать WeChat для определения местонахождения друзей
boy illustration
Я даю вам два набора из 18 простых в использовании фонов холста Power BI, так что вам больше не придется возиться с цветами!
boy illustration
Получить текущее время в js_Как динамически отображать дату и время в js
boy illustration
Вам необходимо изучить сочетания клавиш vsCode для форматирования и организации кода, чтобы вам больше не приходилось настраивать формат вручную.
boy illustration
У ChatGPT большое обновление. Всего за 45 минут пресс-конференция показывает, что OpenAI сделал еще один шаг вперед.
boy illustration
Copilot облачной разработки — упрощение разработки
boy illustration
Микросборка xChatGPT с низким кодом, создание апплета чат-бота с искусственным интеллектом за пять шагов
boy illustration
CUDA Out of Memory: идеальное решение проблемы нехватки памяти CUDA
boy illustration
Анализ кластеризации отдельных ячеек, который должен освоить каждый&MarkerгенетическийВизуализация
boy illustration
vLLM: мощный инструмент для ускорения вывода ИИ
boy illustration
CodeGeeX: мощный инструмент генерации кода искусственного интеллекта, который можно использовать бесплатно в дополнение к второму пилоту.
boy illustration
Машинное обучение Реальный бой LightGBM + настройка параметров случайного поиска: точность 96,67%
boy illustration
Бесшовная интеграция, мгновенный интеллект [1]: платформа больших моделей Dify-LLM, интеграция без кодирования и встраивание в сторонние системы, более 42 тысяч звезд, чтобы стать свидетелями эксклюзивных интеллектуальных решений.
boy illustration
LM Studio для создания локальных больших моделей
boy illustration
Как определить количество слоев и нейронов скрытых слоев нейронной сети?
boy illustration
[Отслеживание целей] Подробное объяснение ByteTrack и детали кода