Начало работы

Конструктор открывается по кнопке «Создать видео» в шапке сайта или на главной. Работа укладывается в три шага: загрузка аудио, настройка сцены и экспорт готового ролика. Отдельные гайды — визуализатор музыки онлайн, видео из MP3 и визуализатор для подкаста.

Первый шаг создания видео: загрузка аудио — Рис. 1: Первый шаг создания видео

Аудио обрабатывается локально в браузере — файл не отправляется на сервер. Предпросмотр и настройка всегда бесплатны; оплата взимается только при скачивании видео в платном разрешении.

Для бесплатного горизонтального 1280×720 регистрация не нужна. Full HD и вертикаль 9:16 гость видит на шаге экспорта с подсказкой «войти, чтобы выбрать» — это не отсутствующая функция. Вход через Яндекс ID или VK ID открывает эти тарифы, профиль с рангами, раздел Проекты и Шаблоны.

С телефона и с компьютера

С мобильного удобно читать документацию, цены и раздел «О сервисе». Конструктор видео рассчитан на компьютер или ноутбук: на большом экране проще настраивать сцену, двигать элементы на холсте и экспортировать видео.

Если откроешь «Создать видео» с телефона, сервис подскажет перейти на десктоп. Сохранённые проекты в разделе Проекты тоже лучше открывать с компьютера.

Отмена и возврат

На шаге настройки сцены доступны кнопки Отменить и Вернуть в панели над холстом, а также горячие клавиши Ctrl+Z и Ctrl+Y (на Mac — Cmd+Z / Cmd+Shift+Z). История сохраняет правки фона, эффектов, волны, графики, текста и позиций элементов на холсте.

Подробнее о планах развития — на странице Дорожная карта.

Загрузка аудио

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

Формат видео

Горизонтальное 1280×720 — доступно всем, бесплатный экспорт
Вертикальное 1080×1920 — для YouTube, VK Клипов и Rutube; выбор формата доступен после входа через Яндекс или VK, экспорт платный

Требования к аудио

Поддерживаются MP3, WAV, OGG, M4A, AAC, FLAC
Максимальная длительность — 10 минут
За один раз загружается один трек

После проверки файла отображается название и длительность. Кнопка «Далее к настройке» переводит на второй шаг. Чтобы заменить трек, нажми «Заменить» или «Другой трек» на следующих шагах.

Фон

В аккордеоне «Фон» на втором шаге настраиваются заливка, изображение, фоновые эффекты и плавное появление сцены.

Второй шаг создания видео: настройки сцены — Рис. 3: Второй шаг создания видео, настройки

Заливка и изображение

Доступны три варианта заливки: сплошной цвет, градиент из двух цветов с выбором направления или изображение (JPG, PNG, WebP до 5 МБ).

Изображение заменяет цвет и градиент, растягивается на весь холст по принципу cover: заполняет кадр по меньшей стороне, по большей центрируется.

Проявление и затухание

В конце блока «Фон» — ползунки Проявление и Затухание (от 0 до 3 секунд). При нуле эффект отключён.

Проявление — в начале ролика экран чёрный, сцена плавно появляется
Затухание — в конце сцена уходит в чёрный экран

Эффект применяется ко всей сцене целиком и учитывается в предпросмотре и экспорте. Список и параметры эффектов — в разделе «Эффекты фона» и в одноимённой статье.

Звуковая волна

В аккордеоне «Звуковая волна» выбирается тип визуализации и параметры отображения. Подробнее о характере каждого типа — в статье Типы звуковой волны.

Выбери тип визуализации в селекторе:

Осциллограмма (Waveform) — форма волны, как на осциллографе
Столбцы (Bars) — частотная гистограмма столбцами
Частицы (Particles) — частицы, реагирующие на амплитуду
Капли (Blobs) — мягкие капли, реагирующие на бас и высокие частоты

Для каждого типа доступны свои параметры: цвет, толщина, амплитуда, сглаживание и др. Изменения сразу видны в предпросмотре при воспроизведении трека.

Рис. 5: Выбор типа визуализации звуковой волны

Ползунок Положение по вертикали смещает волну вверх или вниз; её также можно перетащить прямо на предпросмотре. Горизонтальная ось центра подсвечивается, когда волна стоит посередине кадра.

Эффекты фона

Эффекты накладываются поверх фона (цвета или изображения), но под графикой и звуковой волной. Выбери эффект в списке «Эффект на фоне» в блоке «Фон». Краткий обзор каждого варианта — в статье Эффекты фона.

Никаких эффектов — статичный фон
Снег — падающие частицы; скорость и плотность
Дыхание — плавное увеличение и уменьшение масштаба фона; скорость и мощность
Частицы — светящиеся точки, поднимающиеся вверх; можно задать цвет
Туман — мягкие облака, медленно дрейфующие по кадру
Сканлайн — горизонтальные CRT-линии с лёгким движением
Виньетка — затемнение по краям кадра
Круги — концентрические круги от центра, реагируют на бас трека
Боке — размытые световые круги
Глитч — цветовые сдвиги, полосы и цифровой шум

Для частиц, тумана, сканлайна, виньетки, кругов, боке и глитча доступны ползунки Скорость эффекта и Интенсивность эффекта.

Графика

В разделе «Графика» можно загрузить одно или несколько изображений и разместить их на холсте.

Нажми «Добавить изображение» и выбери файлы (JPG, PNG, WebP)
Перетащи изображение на предпросмотре, чтобы изменить позицию
Оси центра кадра на превью показывают середину — подсвечиваются, когда слой стоит ровно по центру
Кнопка с перекрестьем в левом верхнем углу превью скрывает или показывает оси
Потяните за маркер в углу, чтобы пропорционально изменить размер
В списке справа можно выбрать слой или удалить его

Изображения располагаются поверх фона и эффектов, но под звуковой волной.

Текст

В разделе «Текст» создаются текстовые блоки для названия трека, имени артиста или любых подписей на видео.

Нажми «Добавить текстовый блок»
Выбери блок в списке — поля редактирования появятся только для выбранного
Задайте текст, шрифт, размер и цвет в панели справа
Для переноса строк используй Enter — блок поддерживает многострочный текст
Перетащи блок на холсте в нужное место — оси центра помогают выровнять его посередине кадра
Можно создать несколько независимых блоков

Изменения шрифта и размера сразу отображаются в том месте, куда ты поставил текст.

Порядок слоёв

Элементы сцены накладываются в следующем порядке (снизу вверх):

Фон (цвет или изображение)
Эффекты фона (снег, дыхание и др.)
Загруженные изображения
Звуковая волна
Текстовые блоки

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

Экспорт и тарифы

На третьем шаге выбери тариф, формат файла и нажми «Экспортировать». Ролик собирается в браузере кадр за кадром (30 FPS) с исходной аудиодорожкой. По умолчанию — WebM; MP4 доступен, если браузер умеет его собрать. Если MP4 недоступен, остаётся WebM — не во всех браузерах есть этот пункт. Выбранный формат запоминается в этом браузере. Это не скринкаст вкладки: сцена рисуется в конструкторе, а файл кодируется у тебя на компьютере.

Тарифы

1280×720 — бесплатно для всех, без регистрации
1920×1080 — 140 ₽ за ролик, после входа и оплаты
1080×1920 — 180 ₽ за ролик, для вертикального формата проекта

На шаге экспорта показываются только тарифы, подходящие формату проекта: для горизонтального — 1280×720 и 1920×1080, для вертикального — только 1080×1920. Без входа платные карточки остаются на экране: войти, чтобы выбрать Full HD или 9:16.

Процесс экспорта

Во время экспорта видны прогресс и оценка оставшегося времени (когда её уже можно посчитать честно). Процесс можно отменить кнопкой «Отменить». После завершения — кнопка «Скачать ещё раз». Скорость зависит от компьютера и браузера — это не обязательно длина трека. Держи вкладку видимой: закрытие или сворачивание может прервать процесс. Фоновый экспорт не обещаем.

Платные разрешения дают более чёткую картинку и удобнее открываются в обычных видеоплеерах.

Лимиты

Аудио: до 10 минут, один файл
Фоновые и графические изображения: JPG, PNG, WebP, до 5 МБ
Экспорт: WebM по умолчанию или MP4 при поддержке браузера, 30 кадров в секунду
Битрейт: 5 Мбит/с на 1280×720; 12 Мбит/с на Full HD и вертикали

Нужен другой формат?

WebM по умолчанию подходит для YouTube, VK Видео и Rutube. Если браузер собрал MP4 сразу в конструкторе — заливай его. Если пункта MP4 нет или уже есть готовый WebM, открой конвертер WebM → MP4. Нужен WebM из готового MP4 — конвертер MP4 → WebM. Оба работают в браузере после входа: файл на сервер не уходит, скорость зависит от мощности компьютера. Удобнее актуальные Chrome, Edge или Safari. Все утилиты — на странице Конвертеры. Когда выбирать WebM, а когда MP4 — в статье WebM или MP4.

Аккаунт и оплата

Создание видео и скачивание в 1280×720 не требуют регистрации. Full HD и вертикаль 9:16 гость видит с формулировкой «войти, чтобы выбрать». Вход нужен, чтобы оплатить эти тарифы, сохранить проекты и шаблоны оформления, открыть профиль с рангами и конвертеры WebM↔MP4.

Нажми иконку пользователя в шапке и выбери «Войти». Доступны два способа: Яндекс ID (официальная кнопка) и VK ID. Если аккаунта ещё нет — он создаётся автоматически после согласия с условиями сервиса.

Яндекс ID и VK ID — это разные аккаунты, даже если у провайдеров указан один и тот же email. После входа становятся доступны тарифы Full HD и вертикальный экспорт. Оплата проходит через ЮKassa при скачивании готового ролика в платном разрешении.

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

Профиль и ранги

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

Сохранённые проекты

В разделе Проекты хранятся настройки сцены без аудио: фон, эффекты, текст и оформление. Аудиофайлы на сервер не загружаются.

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

Открой проект из списка, снова загрузи трек и скачай видео. Черновик настроек в конструкторе хранится на устройстве отдельно для каждого аккаунта — при смене пользователя подгружаются его настройки, а не чужие.

Шаблоны оформления

Если делаешь ролики на весь альбом, сохрани оформление как шаблон: на шаге экспорта нажми «Сохранить шаблон» и задай имя. В меню пользователя открой Шаблоны, примени шаблон к текущему треку — аудио останется, поправь название на сцене и экспортируй. Шаблон — только визуальный рецепт, без звукового файла.