Виджет музыки на стриме (Я.Музыка поддерживается)
Эту статью написал канал Just a model.
Приветики-пистолетики! 🔫
Хоть я уже давно живу не в РФ, но все еще слушаю музыку через Яндекс - мне просто так удобнее.
Но есть у Яндекса один неприятный минус - никто до сих пор не сделал виджет, который будет отображать название трека, исполнителя и обложку в программу для стриминга.
Что-ж, я собрал все свои навыки шиткодинга и потратив 20 минут модифицировал одно интересное расширение для браузера для того, чтобы оно работало с данным сервисом.
Кроме Яндекса расширение также поддерживает следующие сервисы:
Как работает это чудо?
Захватывает информацию о треке расширение прямо из браузера.
Все что нужно сделать - открыть вкладку с нужным сервисом, включить музыку и выбрать вкладку для захвата в расширении.
Есть возможность настроить дизайн виджета и использовать интеграцию с Nightbot для твича, а также показывать таймлайн трека (то есть на каком моменте сейчас играет трек)
В OBS все это будет выглядеть примерно так:
Кстати, подключить виджет можно не только к OBS - подойдет практически любая программа для стримов. Но показывать я все буду на примере OBS.
Установка расширения
В первую очередь, скачайте архив с расширением [ ТУТ ]
Архив распакуйте... Куда-нибудь))
Теперь бежим-бежим в браузер (хром, шайн, ловенс, яндекс) и тыкаем на три точки (справа от адресной строки) -> расширения -> управление расширениями
И нажми на "Загрузить распакованное расширение"
И теперь нужно выбрать распакованную папочку "Music-On-OBS"
Отлично! 👏🏼 Расширение появилось в списке установленных расширений.
Добавление виджета в OBS
Давай в первую очередь добавим виджет в OBS.
Кликни на иконку расширения правой кнопкой мыши и нажми на "Параметры"
Нажми на "Создать новый экземпляр" и потом на "Скопировать оверлей-ссылку"
Открой OBS и создай на сцене новый элемент "Браузер"
Вставь скопированную ссылку, а размеры поставь 800x600
Отправляем данные в расширение
Для начала открой вкладку нужного тебе музыкального сервиса, а потом кликни на иконку расширения - ты увидишь окно выбора источника
В качестве активного листенера выбери нужную тебе вкладку и нажми "Начать"
Включи музыку и ты увидишь в этом окне информацию о треке
Можешь проверить OBS - там тоже появилась информация о треке
Настройки расширения
Поведение
Если ты откроешь ту страницу, где ты получал(а) ссылку, то ты увидишь в сайдбаре разные вкладки - погуляй и изучи что там есть.
В разделе "Поведение" ты увидишь настройки... сюрприз-сюрприз, поведения
Если первый чекпоинт не установлен, то виджет будет пропадать, когда песня поставлена на паузу. А если чепоинт установлен, то виджет останется на месте
Второй чекпоинт отвечает за состояние паузы.
Речь идет не о состоянии паузы трека, а о состоянии паузы самого расширения. Когда расширение находится в состоянии паузы внешний вид оверлея становится вот таким.
Внешний вид
Открой раздел "Оверлей" и перед тобой откроется окно настройки дизайна оверлея. Изменения сразу же появляются в OBS - тыкай и смотри что получилось
Баги
Иногда не получается захватить вкладку для прослушивания с первой попытки. В такой ситуации нажми на "Пауза", закрой вкладку с музыкальным сервисом и открой снова. Теперь должно заработать
Важный совет
⚠️ Перед тем как включать отображение обложки трека подумай хорошенько - ведь там может быть лицо исполнителя. А что это означает? Бан за лица без верификации!
Это мой канал.
Это меню канала.
