Добавить в корзинуПозвонить
Найти в Дзене

Как подключить Яндекс Музыка к OBS: бесплатный виджет PulseSync

Если вы хотите украшать свои стримы красивой карточкой текущего трека из Яндекс Музыки — теперь это можно сделать быстро и без сложных настроек. Всё, что нужно, — бесплатный виджет от PulseSync и пара минут времени. Это мини-приложение (HTML/JS), отображающее, какой трек играет у вас сейчас в Яндекс Музыке. Карточка с обложкой, названием песни, именем исполнителя и анимированными эффектами органично впишется в ваш стрим на OBS. Готово! Музыкальная карточка появится и будет обновлять треки с анимацией. Внутри папки с темой (например, EvT (Pulsma)) лежат файлы: Разработчики приветствуют собственные темы! Просто скопируйте одну из папок в designs, замените стили/скрипты и отправьте Pull Request. Ваш дизайн появится в общем списке. Виджет бесплатный, open-source и готов к доработкам! Творите свои музыкальные сцены без ограничений.
Оглавление

Если вы хотите украшать свои стримы красивой карточкой текущего трека из Яндекс Музыки — теперь это можно сделать быстро и без сложных настроек. Всё, что нужно, — бесплатный виджет от PulseSync и пара минут времени.

Что это за виджет?

Это мини-приложение (HTML/JS), отображающее, какой трек играет у вас сейчас в Яндекс Музыке. Карточка с обложкой, названием песни, именем исполнителя и анимированными эффектами органично впишется в ваш стрим на OBS.

  • Автоматически подхватывает композицию из PulseSync (программы для синхронизации музыки).
  • Регулярно обновляет статус: проигрывается ли трек, ставится ли он на паузу и т.д.
  • Настраивается оформление: вы можете выбрать готовую тему или создать свою.

Как установить?

  1. Скачайте и установите PulseSync — это программа-клиент для работы с виджетом (ищите на pulsesync.dev). Ссылка на Яндекс.Диск версия 2.9.1
  2. Загрузите репозиторий с GitHub: PulseSync-LLC/Yandex-Music-Widget-for-OBS.
  3. Откройте OBS и добавьте Browser Source.
    В качестве адреса укажите путь к index.html внутри одной из папок дизайна, например:textfile:///C:/Project/designs/EvT%20(Pulsma)/index.htmlЛибо используйте локальный или внешний сервер.
  4. Отрегулируйте размер сцены в OBS.

Готово! Музыкальная карточка появится и будет обновлять треки с анимацией.

Как работает структура файлов

Внутри папки с темой (например, EvT (Pulsma)) лежат файлы:

  • index.html — основная страница с разметкой.
  • main.js — логика подключения к PulseSync, анимации и обновления DOM.
  • api.js — функции для обращения к API PulseSync и получения статуса трека.
  • color.js — автоматический подбор и затемнение цветов по обложке альбома.
  • textAnimation.js — эффекты на текст (например, «пропечатывание» букв).
  • style.css — стиль карточки.
  • default.png — картинка-заглушка, если нет обложки.

Хочешь свой дизайн?

Разработчики приветствуют собственные темы! Просто скопируйте одну из папок в designs, замените стили/скрипты и отправьте Pull Request. Ваш дизайн появится в общем списке.

Виджет бесплатный, open-source и готов к доработкам! Творите свои музыкальные сцены без ограничений.

🚀 GGSel — выгодные цены на игры, ключи, аккаунты и цифровые товары с быстрой доставкой