Добавьте полосу прогресса на видео

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

1. 1

   Добавьте видео

   Перетащите или выберите ролик. Он остаётся на вашем устройстве.

2. 2

   Настройте вид полосы

   Выберите цвет, толщину и положение сверху или снизу. Включите воспроизведение, и полоса в предпросмотре пойдёт ровно так же, как в готовом файле.

3. 3

   Соберите и скачайте

   Полоса впечатана в картинку, поэтому её видно на любой площадке и в любом плеере.

Приём с полосой прогресса, сделанный как надо

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

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

Впечатано в картинку, а не эффект в приложении

Редакторы часто рисуют полосу прогресса как слой эффекта, который существует только внутри этого приложения, или экспортируют её с водяным знаком на бесплатном тарифе. Здесь полоса становится частью пикселей: один чистый MP4 в H.264, без водяного знака, собранный локально в вашем браузере, без отправки ролика куда бы то ни было.

Обычный порядок для коротких видео: обрежьте ролик, переведите его в вертикаль инструментом горизонтального видео в вертикальное, добавьте полосу прогресса в последнюю очередь, чтобы она точно совпала с финальной длиной, а затем проверьте безопасную зону и убедитесь, что полоса и субтитры не прячутся под интерфейсом площадки.

Почему ничего не загружается на сервер

Другие сервисы отправляют ваше видео на свои серверы, и каждый файл стоит им денег. Поэтому они добавляют водяные знаки, ограничивают размер файла и требуют регистрацию. Этот инструмент выполняет работу прямо здесь, в вашем браузере, силами вашего устройства. Ваш файл никуда не отправляется, поэтому нет ни очереди, ни водяного знака, ни ограничения по размеру, ни аккаунта.

Вопросы

Как добавить полосу прогресса на видео для TikTok или Reels?

Перетащите ролик сюда, выберите цвет и толщину, поставьте полосу сверху или снизу и соберите файл. Полоса впечатывается в пиксели, поэтому она выглядит одинаково в TikTok, Reels, Shorts и везде, куда попадёт видео.

Зачем авторы добавляют полосы прогресса к коротким видео?

Ради удержания. Видимая полоса говорит зрителю, что ролик короткий и почти закончился, а это заметно снижает число тех, кто пролистывает дальше. Это один из самых старых и надёжных приёмов коротких видео.

Точно ли полоса попадает во время?

Да. Положение полосы вычисляется из собственных меток времени видео при кодировании: она пуста на 0:00 и достигает полной ширины ровно на последнем кадре, какой бы длины ни был ролик.

Какой цвет и какое положение работают лучше?

Лучше всего читаются контрастные цвета: красный или белый на большинстве материалов. Полоса снизу, это привычная зрителю условность, но полоса сверху не спорит с субтитрами и интерфейсом площадки в нижней части кадра.

Это бесплатно и без водяного знака?

Бесплатно, без водяного знака и без регистрации. Наложение просчитывается в вашем браузере, поэтому видео никуда не отправляется, а результат остаётся чистым.

Другие инструменты