Визуализатор для Spotify: живая визуализация музыки в веб-плеере
Spotify показывает обложку альбома, текст песни, а для некоторых треков ещё и короткое зацикленное видео Canvas. Чего в нём нет, так это настоящего визуализатора музыки: картинки, которая двигается вместе с бочкой, басом и вокалом того, что сейчас играет. Если вы помните столбики и тоннели из Winamp или Windows Media Player, то в Spotify ничего подобного не встроено.
Но получить такую визуализацию всё-таки можно. Ниже самый быстрый способ для веб-плеера Spotify в Chrome, а также честно о том, что работает, а что нет.
Почему в Spotify нет визуализатора
Видео Canvas артисты готовят заранее. Они крутятся по кругу независимо от того, что происходит в музыке, поэтому визуализатором не являются. Визуализатор должен анализировать сам звук прямо во время воспроизведения: насколько громкие сейчас низкие, средние и высокие частоты, где приходятся доли. Приложение Spotify такого не умеет и не пускает внутрь сторонний код.
С веб-плеером всё иначе. open.spotify.com работает в браузере, а расширение браузера может слушать звук вкладки и рисовать прямо на странице. Именно так и работает Deus.
Как добавить визуализатор в Spotify в Chrome
- Установите Deus из Chrome Web Store (бесплатно) и закрепите значок на панели инструментов.
- Откройте open.spotify.com и включите любой трек.
- Нажмите на значок Deus и включите визуализацию. За страницей появится живая картинка: в шапке страницы исполнителя, за списком треков, на главной.
- Переключайте пресеты клавишами ← и → прямо на странице или выбирайте их во всплывающем окне расширения.
Spotify при этом остаётся собой: поиск, медиатека, очередь и панель плеера работают как обычно. Deus только считывает звук вкладки: он не подменяет плеер и не трогает ваш аккаунт.
Что вы получаете
- Визуализация, которая следует за музыкой. Каждый пресет реагирует на басы, середину и верха, а также отдельно на бочку, малый барабан и хай-хэт, так что дроп выглядит совсем не так, как тихий куплет.
- 134 пресета в четырёх группах: шейдерные сцены на WebGL, аккуратная геометрия на Canvas 2D, классические пресеты MilkDrop и XY-осциллограф. Их можно менять по таймеру, в том числе в случайном порядке.
- 71 тема для самой страницы Spotify. Светлые и тёмные темы перекрашивают фон, панели и плеер. Chameleon собирает всё оформление из обложки текущего трека, а на странице исполнителя из картинки в его шапке.
- Полный экран. Классическая кнопка Deus во всплывающем окне открывает полноценный визуализатор в отдельной вкладке или окне, которое можно перетащить на второй монитор или телевизор.
Бесплатно или платно?
Визуализация в Spotify, все пресеты и все темы бесплатны, без ограничения по времени и без регистрации. Deus Pro покупается один раз и добавляет дополнительные возможности, например плавающее окно «картинка в картинке» и видео без водяного знака. Для Spotify он не нужен.
Что не работает
- Приложения Spotify для компьютера и телефона. Deus — расширение для Chrome, поэтому работает только с веб-плеером. Если вы обычно слушаете в десктопном приложении, включайте музыку в браузере, когда хочется визуализации.
- Запись музыки из Spotify. Deus не записывает и не сохраняет стриминговый звук. Если нужно видео с визуализацией, он отрендерит его из вашего собственного аудиофайла.
Другие плееры
Та же встроенная визуализация работает в YouTube Music, Яндекс Музыке, SoundCloud, Deezer и Apple Music. Для всего остального, например интернет-радио или трансляции на Twitch, подойдёт визуализатор для любой вкладки.
Deus — независимое расширение и не связано со Spotify.