Как добавить Music Player в OBS
Подключите Spotify, и трек, который вы сейчас слушаете, автоматически появится на стриме: название, исполнитель, обложка альбома и живая полоса прогресса, обновляющиеся сразу же при смене трека. Полностью необязательно и не связано с платформой, через которую вы входите; выберите стиль Spotify или один из 5 других дизайнов.
Займёт около 2 минут
По шагам
- 1
Войдите и создайте виджет
Откройте панель Streamities, выберите Music Player и создайте его. Можно сразу настроить внешний вид или оставить значения по умолчанию — URL оверлея работает в любом случае и подхватывает правки на лету.
- 2
Скопируйте URL оверлея
У каждого виджета свой уникальный URL. Скопируйте его на странице виджета в панели: это единственное, что нужно в OBS, и он остаётся действительным — шаг разовый.
- 3
Добавьте Browser Source в OBS
В своей сцене добавьте Источники → Браузер, дайте имя и вставьте URL в поле URL. В Streamlabs и XSplit тот же тип источника под тем же названием.
- 4
Задайте размер 500 × 200
Введите 500 в поле Ширина и 200 в поле Высота. Задавайте размер источника, а не масштабируйте его потом — растянутый Browser Source даёт мыльный текст, потому что OBS увеличивает уже готовую картинку.
- 5
Снимите галочку «Отключать источник, когда он не виден»
С этой опцией OBS уничтожает страницу всякий раз, когда сцена неактивна, а вместе с ней рвётся и живое соединение — выглядит это ровно как виджет, который перестал обновляться. Оставьте её выключенной, поставьте Music Player на место — готово.
Рекомендуемые настройки Browser Source
Отправная точка для Music Player, а не правило — каждый оверлей подстраивается под ту область, которую ему дали. Задайте ширину и высоту здесь, а потом расположите источник в сцене, не меняя его размер.
- Ширина
- 500
- Высота
- 200
- Куда поставить
- В угол макета, где он остаётся видным и не закрывает геймплей.
Оставьте трансформацию источника на 100 %. Масштабирование Browser Source постфактум растягивает уже отрисованную картинку — именно от этого текст оверлея выглядит мыльным.
Полезно знать
Выглядит как Spotify
По умолчанию почти точно повторяет панель Now Playing самого Spotify, или переключитесь на Минимальный, Карточку, Винил, Неон или Компактный.
Обновляется сам
Название, исполнитель, обложка и полоса прогресса обновляются в реальном времени вместе с воспроизведением в Spotify: без ручного обновления.
Необязательное, отдельное подключение
Подключение Spotify полностью необязательно и не зависит от платформы, через которую вы входите и выходите в эфир.
Если ничего не появляется
Источник пустой или чёрный+
Обновите источник (правая кнопка → Обновить) и проверьте, что URL вставлен целиком. Если при первой загрузке чёрный экран, а после обновления всё в порядке — обычно дело в аппаратном ускорении: включите его в OBS в Настройки → Расширенные.
Работало, потом перестало обновляться+
Почти всегда это «Отключать источник, когда он не виден». С этой опцией OBS закрывает страницу при каждой смене сцены, и живое соединение уходит вместе с ней. Выключите её в свойствах источника.
Текст выглядит размытым+
Источник масштабируется. Сбросьте трансформацию (правая кнопка → Трансформация → Сбросить трансформацию) и задайте ширину и высоту в свойствах источника — 500 × 200 это размер для старта.
В сцене неправильный размер+
Меняйте Ширину и Высоту в свойствах источника, а не тяните за углы. Растягивание масштабирует готовую картинку; свойства меняют то, что отрисовывается.
Music Player: частые вопросы
Music Player бесплатен?+
Да. В любом тарифе есть один виджет Music Player с обновлениями в реальном времени и оформлением по умолчанию. Creator+ добавляет неограниченное число виджетов каждого типа, полную кастомизацию, анимации и премиальные шаблоны.
Какой размер Browser Source взять для Music Player?+
Начните с 500 × 200 пикселей, заданных в свойствах источника, а не масштабированием в сцене — виджет сам подстраивается под любую область.
Music Player работает со Streamlabs и XSplit?+
Да. Music Player — обычная веб-страница, поэтому он работает в любой программе для стримов с браузерным источником — OBS Studio, Streamlabs, XSplit и прочих.
Сколько занимает настройка Music Player?+
Пару минут. Создать в панели, скопировать URL, вставить в источник. Оформлением можно заняться позже, прямо в эфире, не трогая OBS.
Нужно ли ставить плагин?+
Нет. Ничего не нужно скачивать и нет плагина, который надо обновлять — Music Player это один URL, и обновляется он на нашей стороне.