SLOVO

Стили визуализатора музыки → Аудио-реактивные виджеты

Аудио-реактивные виджеты

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

✨ Открыть SLOVO →

23 сцен · превью на одном синтетическом бите · играют при прокрутке

КООРДИНАТЫМетки по краям кадра с цифрами.Открыть в редакторе →
РАМКАУглы кадрирования сжимаются на удар.Открыть в редакторе →
НОМЕРОгромный номер трека в углу кадра.Открыть в редакторе →
МЕТКАШтрих-код и техстрока: длительность, формат, дата.Открыть в редакторе →
РАЗМЕТКАМодульная сетка, ячейки подсвечиваются по спектру.Открыть в редакторе →
СНОСКАВыноска с подписью указывает в точку кадра.Открыть в редакторе →
КОММЕНТЫСообщения всплывают снизу и уезжают вверх.Открыть в редакторе →
СЕРДЦАПоток реакций из угла, залп на дропе.Открыть в редакторе →
СЧЁТЧИКЧисло слушателей растёт рывками.Открыть в редакторе →
ТИКЕРБегущая строка «сейчас играет».Открыть в редакторе →
ПЛАШКАУведомление выезжает и прячется.Открыть в редакторе →
ЭКВАЛАЙЗЕРПалочки как в стриминге — узнаётся с полувзгляда.Открыть в редакторе →
ПРУЖИНЫКик запускает волну, она отражается от краёв.Открыть в редакторе →
ШАРЫШарики подпрыгивают на битах и оседают в тишине.Открыть в редакторе →
ВИХРЬЧастицы разлетаются от удара и снова сходятся.Открыть в редакторе →
ЛЕНТА ТРЕКАВся песня полосой: что прошло и где дропы.Открыть в редакторе →
ДО ДРОПАОбратный отсчёт до ближайшего дропа.Открыть в редакторе →
СЕКЦИЯЯрлык участка: тихо, разгон или дроп.Открыть в редакторе →
ОСТАТОККольцо прогресса и сколько ещё осталось.Открыть в редакторе →
КОНТУР-ВОЛНАОсциллограмма идёт по кромке объекта.Открыть в редакторе →
ИСКРЫ С КРОМКИЧастицы срываются с контура объекта.Открыть в редакторе →
КОНТУР-ЭКВАЛАЙЗЕРСтолбики спектра растут от кромки наружу.Открыть в редакторе →
ПУЛЬС ОТ ОБЪЕКТАКопии контура расходятся волнами наружу.Открыть в редакторе →

Пять семейств

«Сетка» — типографика и вёрстка: координаты, рамка, огромный номер трека, штрих-код, модульная сетка, чьи ячейки подсвечиваются спектром. «Эфир» — социальный слой: комменты, сердца, счётчик слушателей, тикер, плашка, эквалайзер как в стриминге. «Физика» — движение с массой: пружины, прыгающие шары, вихрь частиц. «Карта» читает структуру песни: лента всего трека, отсчёт до дропа, ярлык секции. «Контур» рисует по кромке объекта: волна по силуэту, искры с него, столбики от него, расходящиеся пульсы.

Почему накладки, а не сцены

Сцена заменяет вашу картинку; накладка её сохраняет. Когда фотография или съёмка хороши, задача визуала — доказать, что видео живое, и добавить информацию — где мы в треке, что впереди, — не закрывая главного. Ещё накладки дают видео характер: один и тот же трек с HUD читается как технический, с сердцами — как живой момент, с физикой — как игривый.

«Карта»: песня как форма

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

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

Можно наслоить несколько виджетов? Да. Это слои со своей прозрачностью и реакцией; совмещайте столько, сколько вместит кадр. Чат и сердца берутся из настоящего стрима? Нет — они генерируются в ритме трека как визуал. Ни к какой площадке ничего не подключено. «Контуру» нужно особое фото? Нужен объект, отделяемый от фона; отделение считается в браузере и лучше всего работает на портретах с чистой кромкой.

✨ Открыть SLOVO →