Визуализатор для SoundCloud: живая визуализация музыки в Chrome
Под каждым треком на SoundCloud есть волна, и на этом визуальная часть заканчивается. По ней удобно искать дроп, но в такт музыке она не двигается. Если хочется, чтобы картинка пульсировала с бочкой и разгоралась на басу, пока играет двухчасовой диджей-микс, нужен визуализатор, который слышит саму вкладку.
Рассказываем, как сделать такой для SoundCloud в Chrome. Те же шаги подходят для Bandcamp, Mixcloud и любого другого сайта, где музыка играет во вкладке.
Как работает визуализатор SoundCloud в браузере
Визуализатору нужен сам звук, а не только название трека. Chrome позволяет расширению захватывать звук одной вкладки — с вашего разрешения, в момент запуска. Deus этим и пользуется: получает звук вкладки SoundCloud, анализирует его локально (бас, середина, верха, бочка, малый барабан, хай-хэт) и рисует визуал в отдельной вкладке или окне.
Для визуализатора в отдельной вкладке Deus не меняет саму страницу SoundCloud, и аккаунт SoundCloud ему не нужен (есть и визуал прямо на странице, о нём ниже). Ничего не записывается и никуда не загружается, а захват прекращается, когда вы закрываете визуализатор.
Пошаговая инструкция
- Установите Deus из Chrome Web Store (бесплатно) и закрепите значок на панели инструментов.
- Откройте soundcloud.com и включите трек, плейлист или микс.
- Нажмите на значок Deus, выберите, где открыть визуализатор (Вкладка или Окно), и нажмите Визуализировать эту вкладку.
- Визуал откроется рядом с вкладкой SoundCloud. P — выбор пресетов, S — настройка текущего, F — полный экран, H — скрыть панель и полосу управления.
SoundCloud продолжает играть в своей вкладке, так что треки можно переключать, лайкать и листать ленту, пока работает визуализатор. Если закрыть вкладку SoundCloud, визуализатор остановится.
Для длинных миксов: автосмена пресетов
На SoundCloud и Mixcloud полно часовых диджей-сетов, а один пресет на целый час быстро надоедает. Переключите полосу управления с режима Один на Автосмена, и Deus будет менять пресеты по таймеру — по порядку или вперемешку. Интервал и состав ротации выбираете вы: под техно-сет можно оставить тёмные тоннели и фракталы, а под эмбиент — медленные мягкие сцены.
Bandcamp, Mixcloud и другие сайты
Ничего специфичного для SoundCloud здесь нет. Так же работает любая обычная веб-страница (http или https), которая воспроизводит звук во вкладке:
- Bandcamp: прослушивание альбомов и треков перед покупкой.
- Mixcloud: радиошоу и диджей-миксы.
- Интернет-радио, YouTube и Twitch: станции, клипы и диджейские трансляции.
Служебные страницы Chrome (chrome://) и страницы других расширений захватить нельзя. Spotify, YouTube Music, Яндекс Музыка, SoundCloud, Deezer и Apple Music — особый случай: там Deus рисует визуализацию прямо на странице плеера, подробнее в статье про визуализатор для Spotify.
SoundCloud на телевизоре или втором экране
Выберите Окно во всплывающем окне, перетащите его на другой дисплей и нажмите F. SoundCloud остаётся в основном окне, а второй экран превращается в фоновую картинку под то, что сейчас играет. Подробнее — в статье о том, как вывести визуализатор на телевизор.
Выбор стиля
В каталоге 134 пресета в четырёх группах: шейдерные сцены на WebGL (тоннели, ландшафты, фракталы), геометрия на Canvas 2D, классические пресеты MilkDrop и XY-осциллограф. У каждого пресета есть оценки сообщества, так что можно отсортировать по тому, что понравилось другим слушателям. Если вы пишете на GLSL, в Deus Studio можно создавать собственные пресеты, а о том, на что они реагируют, рассказывает статья «Как работают визуализаторы музыки».
Это бесплатно?
Да. Визуализатор любой вкладки, полноэкранный режим, автосмена и все пресеты бесплатны — без ограничений по времени и без регистрации. Deus Pro, разовая покупка, добавляет плавающее окно «картинка в картинке» поверх других вкладок и приложений, панель анализа звука в реальном времени и экспорт видео без водяного знака.
Чего он не делает
- Не записывает и не скачивает треки с SoundCloud. Если нужно видео с визуализацией для своего релиза, Deus отрендерит его из вашего собственного аудиофайла.
- Работает в Chrome на компьютере, а не в мобильном приложении SoundCloud.
Deus — независимое расширение и не связано с SoundCloud, Bandcamp и Mixcloud.