deus

Блог

MilkDrop в браузере: визуализатор как в Winamp, но без Winamp

Визуализатор Deus с пресетом MilkDrop Mandala Chasers, панель окрашена в цвета пресета.

Если в 2000-х вы пользовались Winamp, то наверняка помните MilkDrop: плагин Райана Гейсса (Ryan Geiss), который превращал музыку в текучие, искривляющиеся, бесконечно отражающиеся в себе цвета. Для него целое сообщество художников написало тысячи пресетов, и многие до сих пор выглядят отлично. Проблема в том, как запустить их сегодня. Winamp давно стал реликвией, а отдельные варианты означают установку старых программ или аудиоплеера, которым вы больше ни для чего не пользуетесь.

Есть способ проще: пресеты MilkDrop, которые отрисовывает сам браузер и которые реагируют на то, что у вас уже играет.

Что такое MilkDrop на самом деле

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

Современные браузеры умеют выполнять это через WebGL на видеокарте, на полной скорости. Open-source-проекты перенесли движок MilkDrop на JavaScript, и именно благодаря им MilkDrop в браузере стал возможен.

Как запустить пресеты MilkDrop в Chrome

  1. Установите Deus, бесплатное расширение для Chrome, из Chrome Web Store.
  2. Включите музыку в любой вкладке: Spotify, YouTube, SoundCloud, интернет-радио, что угодно.
  3. Нажмите на Deus и выберите Визуализировать эту вкладку. Визуализатор откроется рядом с вкладкой или в отдельном окне.
  4. Нажмите P, откройте вкладку MilkDrop и выберите пресет. F разворачивает на весь экран.

В Spotify, YouTube Music, Яндекс Музыке, SoundCloud, Deezer и Apple Music пресеты MilkDrop играют ещё и прямо на странице плеера.

Вкладка MilkDrop на панели пресетов Deus, за ней играет пресет Star Nova.
Вкладка MilkDrop на панели пресетов. У каждого пресета указаны его авторы.

Какие пресеты есть

В Deus входит отобранная коллекция классических пресетов от Geiss, Flexi, Martin, Rovastar, Zylot, EoS и других авторов, среди них такие любимцы, как Mother of Pearl, Desert Rose, Mandala Chasers и Glowsticks. У каждого показаны имена авторов. Пресеты можно лайкать и дизлайкать, сортировать по рейтингу сообщества, а любимые добавлять в автосмену по таймеру, и тогда длинный микс играет как старая добрая сессия в Winamp.

Рядом с MilkDrop есть ещё три группы: шейдерные сцены на WebGL, написанные специально для Deus, геометрия на Canvas 2D и XY-осциллограф. Все они реагируют на один и тот же анализ звука.

Как добиться лучшей картинки

  • Разворачивайте на большой экран. MilkDrop создавался именно для этого. Откройте визуализатор в отдельном окне, перетащите его на телевизор или второй монитор и нажмите F.
  • Включайте музыку с чётким ритмом. Пресеты MilkDrop сильнее всего откликаются на басы и доли: электроника, рок и хип-хоп выглядят живее, чем эмбиент.
  • На слабом ноутбуке снизьте качество. Эффекты с обратной связью тяжёлые. Настройка «Качество» ограничивает разрешение отрисовки, чтобы всё шло плавно.

Видео с MilkDrop

Нужны визуалы MilkDrop для ролика на YouTube или для Shorts? Deus умеет рендерить видео с любым пресетом или их цепочкой под ваш собственный аудиофайл, вплоть до 4K.

Всё это бесплатно, без регистрации и без ограничения по времени.