deus

Блог

Визуализатор звука для любой вкладки Chrome: SoundCloud, радио, Twitch и другие

Визуализатор любой вкладки в Deus с пресетом Thingy и панелью управления в режиме смены пресетов.

Большинство визуализаторов привязаны к одному плееру. Но музыка в браузере играет отовсюду: SoundCloud, Bandcamp, Mixcloud, онлайн-радио, микс на YouTube, диджей-сет на Twitch. Визуализатор, который работает со всем этим, должен слушать саму вкладку браузера.

Chrome это умеет. Рассказываем, как визуализировать любую вкладку, в которой играет звук.

Как это работает

Chrome позволяет расширению захватывать звук одной вкладки — с вашего разрешения, в момент запуска. Deus использует это, чтобы получать звук выбранной вкладки, анализирует его локально (бас, середина, верха, бочка, малый барабан, хай-хэт) и рисует визуал в отдельной вкладке или окне. Ничего не записывается и никуда не загружается, а захват прекращается, когда вы закрываете визуализатор.

Пошаговая инструкция

  1. Установите Deus из Chrome Web Store и закрепите значок на панели инструментов.
  2. Включите что-нибудь во вкладке: трек на SoundCloud, радиопоток, видео.
  3. Нажмите на значок Deus, выберите, где открыть визуализатор (Вкладка или Окно), и нажмите Визуализировать эту вкладку.
  4. Визуал откроется рядом с исходной вкладкой. P — выбор пресетов, S — настройка текущего, F — полный экран, H — скрыть панель и полосу управления.
Всплывающее окно Deus во время работы визуализатора вкладки.
Во всплывающем окне видно, какая вкладка сейчас визуализируется.

Какие сайты подходят лучше всего

  • SoundCloud, Bandcamp, Mixcloud: диджей-миксы и длинные сеты, а режим ротации сам меняет пресеты по таймеру.
  • Онлайн-радио: оставьте станцию на втором экране как фоновую картинку.
  • YouTube и Twitch: клипы, диджейские трансляции, концерты.
  • Spotify, YouTube Music, Яндекс Музыка, SoundCloud, Deezer, Apple Music: здесь визуалы есть и прямо на странице плеера; подробнее в инструкциях для Spotify и YouTube Music.

Подходит любая обычная веб-страница (http или https), которая воспроизводит звук во вкладке. Служебные страницы Chrome (chrome://) и страницы других расширений захватить нельзя.

Вывод на телевизор или второй экран

Выберите Окно во всплывающем окне, перетащите окно на другой дисплей и нажмите F. Исходная вкладка продолжает играть в основном окне, так что можно спокойно пользоваться браузером дальше. Если закрыть исходную вкладку, визуализатор остановится.

Выбор стиля

В каталоге 134 пресета в четырёх группах: шейдерные сцены на WebGL (тоннели, ландшафты, фракталы), геометрия на Canvas 2D, классические пресеты MilkDrop времён Winamp и XY-осциллограф. Пресеты можно сортировать по оценкам сообщества, искать и собирать из них ротацию. 71 тема меняет оформление панели и полосы управления, а если вы пишете на GLSL, в Deus Studio можно создавать собственные пресеты.

Это бесплатно?

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