Как сделать бесконечный зацикленный видео-ролик или коуб (который весит раз в 5-10 меньше GIF-картинки)

Автор: Alexandr, 01.10.2019 Рубрики: Видео, аудио

Доброго времени суток!

В последнее время наблюдается достаточно большая популярность коротких видео: среди них можно найти не только забавные ролики про котиков (для поднятия настроения ☝), но и достаточно полезные инструкции (не всё же можно показать на фото/картинке).

Кстати, подобные короткие ролики часто называют коубами (даже есть одноименный сайт: https://coub.com/, аналогичен сервису «Vine» от компании «Twitter»).

К чему это я? Подобные бесконечно-зацикленные ролики достаточно легко создавать самостоятельно (как пример - см. превью к этой записи: "Постой паровоз..."). И в этой заметке хотел предложить один из наиболее доступных способов, как это можно сделать новичку (причем, это будет файл, который весит в 5-10 раз меньше какой-нибудь GIF-анимации 👌).

И так, ближе к теме...

 

*

Пошаговое создание зацикленного видео (коуба)

ШАГ 1: выбор ПО для обработки видео

Для начала нам нужен многофункциональный видеоредактор, который позволит открывать любые форматы видео, вырезать из них нужные фрагменты, обрабатывать их и сохранять в особый формат WebM (это файл-контейнер для сжатого видео-контента, разработанного специально для Интернета на основе HTML5).

WebM позволяет сжать ролик гораздо эффективнее, чем если бы это была GIF анимация. К тому же, этот формат сейчас "воспринимают" практически все современные браузеры и видео-хостинги.

Под эти задачи я бы порекомендовал остановиться на "Видео-Монтаже" (у него есть все эти функции). Ссылка ниже.

 

Видео-Монтаж

Сайт разработчика: http://video-editor.su/

logo

Простой и многофункциональный редактор видео на русском языке. Благодаря его пошаговому интерфейсу, с программой легко разобраться и можно прямо с первого же раза создать своё первое видео. В общем-то, ниже на своем примере я покажу как это сделать...✌

 

 

ШАГ 2: добавление видео и обрезка фрагмента

И так, после установки и запуска программы выберите создание нового проекта, а после согласитесь на авто-установку формата изображения (обычно, используется 16:9).

Новый проект

Новый проект

Далее найдите фильм или видео (из которого вы хотите вырезать фрагмент для своего коуба) и добавьте его в проект. Добавленное видео отобразится на дорожке в нижней части окна. См. скриншот ниже.

Добавить видео в проект

Добавить видео в проект

Теперь нужно вырезать из видео нужный нам фрагмент: для этого следует открыть раздел "Редактировать/обрезать видео", и отметить начало/конец ролика черными маркерами (на скриншоте ниже показано как).

Выделение фрагмента

Выделение фрагмента

 

 

ШАГ 3: эффекты и улучшения

При необходимости всё в том же разделе "Редактировать" вы можете добавить на ролик какие-нибудь эффекты. Например, изображение можно слегка затенить/осветлить, придать ему черно-белый цвет и т.д. Эффектов в программе достаточно много.

Эффекты

Эффекты

Всё в этом же разделе можно также наложить текст поверх изображения (отмечу, что шрифты есть разные, не сложно подобрать под любую цветовую гамму видео).

Текст на видео

Текст на видео

Ну и нельзя не отметить вкладку "Улучшения" — благодаря комплексному авто-улучшению и стабилизации изображения можно существенно повысить качество изображения (особенно заметна разница, если оно было снято на старую домашнюю камеру).

Улучшения

Улучшения

 

 

ШАГ 4: добавление фоновой музыки

Для работы с музыкой в "Видео-Монтаже" есть одноименный раздел.

В общем-то, здесь всё настолько просто, что не требуется доп. комментариев: после клика на "Добавление фоновой музыки" у вас есть два пути — либо вставить свою заготовку, либо выбрать что-нибудь стандартное из заготовок редактора.

Добавить фоновую музыку

Добавить фоновую музыку

Кстати, если вы хотите сделать ролик без музыки — то среди стандартной коллекции звуков выберите и добавьте "Тишину".

Тишина

Тишина

 

 

ШАГ 5: сохранение и вставка зацикленного видео

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

Видео в другом формате

Видео в другом формате

Далее укажите, что вам нужен формат "WebM (VP9)" (см. пример на скриншоте ниже).

WebM (VP9)

WebM (VP9)

После задайте разрешение (размер кадра) и битрейт (качество). Обратите внимание, что в зависимости от выставленных параметров - будет меняться размер файла (программа заранее просчитывает его еще до начала конвертирования).

Создать видео (выбор качества сжатия)

Создать видео (выбор качества сжатия)

В общем-то, сам процесс кодирования достаточно быстрый (на мой ролик потребовалось не более 30 сек.). Кстати, размер для такого видео достаточно компактный - всего 1,8 МБ (гораздо меньше, чем если бы я сделал GIF).

Всего-то 1,8 МБ

Всего-то 1,8 МБ

 

Теперь пару слов о том, как из подобного файла сделать зацикленный бесконечный ролик

Вам нужно загрузить такое видео на какой-нибудь хостинг, например:

Далее, получив прямую ссылку на свое видео (Direct Link), вам останется подредактировать слегка код, представленный ниже (я выделил фрагмент, в который вам нужно вставить свою ссылку вместо моей):

<video src="https://ocomp.info/wp-content/uploads/2019/09/Nikulin-postoy-parovoz-1.webm" autoplay="autoplay" loop="loop" muted="" width="400" height="300"></video>

После, этот код можно вставить в любую форму html (например, при написании комментариев на сайтах, создания топиков на форумах, при оформлении личных страничек и т.д.) — и ву-а-ля, зацикленное видео готово (примечание: я рассмотрел код для беззвучного варианта)! Пример ниже.

Впрочем, многие сервисы позволяют вставлять видео формата WebM как ролики с популярных сервисов (да и браузеры автоматически создают форму воспроизведения, см. пример ниже).

*

На этом, собственно, сегодня всё...

Всем удачных видеороликов!

👋

Полезный софт:

  • видеомонтаж
  • ВидеоМОНТАЖ

  • Отличное ПО для начала создания своих собственных видеороликов (все действия идут по шагам!).
    Видео сделает даже новичок!

Написать комментарий

 

Прикрепить картинку, скрин:

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

  • Интересное
  • Оптимизируем и ускоряем
  • Удаляем вирусы
  • Настраиваем звук
  • Содержание статьи
  •