SpotifyBigPicture

SpotifyBigpicture

Высоко настраиваемый интерфейс, который отображает ваш текущий статус воспроизведения на Spotify на красивой странице браузера!

Возможно, вы захотите использовать это по собственному (на мой взгляд, довольно не в восторге) режим Spotify, или вы можете использовать его для своего телевизора, чтобы дать эту устаревшую, низкую работу OSD свежую краску!

Этот интерфейс в основном только для чтения. В частности, это означает, что вы не можете контролировать свою музыку , помимо нескольких основных команд, таких как Play, Pause и Skip (сначала необходимо включить в настройках). Это связано как из -за ограничений для API Spotify, так и из -за того, что идея состоит в том, чтобы установить это приложение один раз, а затем он постоянно работает как чистый информационный дисплей.

Примером, в котором это полезно, будет устроить вечеринку, на которой вы хотите, чтобы ваши гости увидели в любое время, какие песни впереди, поставив монитор возле танцпола, который вы подключите к Raspberry Pi.

Скриншоты

Эти два примера показывают только примеры предустановки SpotifyBigpicture по умолчанию. Для получения дополнительных снимков экрана см. Другие пресеты!

Альбом Просмотр

Просмотр плейлиста

Настройка

Нажмите на символ передачи в верхнем левом углу интерфейса, чтобы открыть настройки для визуальных предпочтений. Здесь вы можете настроить стиль интерфейса из нескольких вариантов с несколькими щелчками!

Ваши настройки автоматически хранятся локально, поэтому вам не нужно беспокоиться о перестройке всего каждый раз, когда вы открываете веб -сайт.

• Полный список каждой предустановки можно найти здесь: presets.md
• Общая информация о настройках можно найти здесь: настройки.md

Установка

(Если вы предпочитаете видеоурок, нажмите здесь)

Шаг 1: Создать приложение Spotify

1. Создайте приложение на панели Dashboard Developers Spotify (возможно, вам может сначала создать учетную запись)
2. Скопируйте идентификатор клиента и секрет клиента и сохраните их на потом
3. Перейдите к «пользователям и доступа» и добавьте свою учетную запись (имя и адрес электронной почты)

С этого момента вы можете выбрать между одним из двух способов продолжения установки.

Шаг 2 - Вариант A: Ручная установка Java

1. После создания приложения Spotify нажмите «Редактировать настройки» и добавьте URI Redirect для этого приложения: http://localhost:8183/login-callback (убедитесь, что вы нажимаете кнопку «Добавить маленький зеленый» перед сохранением!)
2. Загрузите текущий релиз
3. Вставьте идентификатор клиента и секрет клиента, который вы сохранили ранее в соответствующие поля в файле spotifybot.properties
4. Откройте терминал в той же папке, что и файл JAR (легко выполняя, сдерживая сдвиг и щелкнув правой кнопкой мыши, затем выбрав «Открытый терминал здесь»). Затем запустите приложение с java -jar SpotifyBigPicture.jar

Шаг 2 - Вариант B: Потяните изображение Docker

1. После создания приложения Spotify нажмите «Редактировать настройки» и добавьте URI перенаправления для этого приложения. В зависимости от того, где вы планируете запустить приложение, вы должны предоставить URI, который достижимый снаружи. Например http://ip-of-docker-machine:8183/login-callback . Вызов входа в систему должен заканчиваться /login-callback ! Также убедитесь, что вы нажимаете кнопку Little Green «Добавить» перед сохранением
2. Потяните изображение Docker: docker pull ghcr.io/selbi182/spotifybigpicture
3. Запустите изображение Docker. Вставьте идентификатор клиента , секрет клиента и перенаправление URI, которое вы указали ранее в соответствующие поля, чтобы передать их как переменные среды: docker run --name spotifybigpicture -d -p 8183:8183 -e client_id=CLIENTID -e client_secret=CLIENTSECRET -e redirect_uri=REDIRECTURI ghcr.io/selbi182/spotifybigpicture
4. Затем запустите docker logs -f spotifybigpicture чтобы вы могли увидеть URL -адрес, необходимый для следующего шага

Шаг 3: Войдите

1. Вам будет предложено войти в систему. Приложение попытается открыть браузер сам по себе, но если оно не удастся, взгляните на вывод консоли и скопируйте отображаемый URL в ваш браузер вручную. Это должно понравиться: https://accounts.spotify.com:443/authorize?client_id=[...]&response_type=code&redirect_uri=[...]&scope=[...]
2. Если все сработало, все готово! Если вы выбрали вариант A, приложение будет доступно в соответствии с http: // localhost: 8183/и если вы выбрали вариант B, это будет любой сервер, который вы предоставили

Требования

• Java 11 или более новее:
  • Загрузите здесь (очевидно, требуется только если вы делаете ручную установку Java)
• Монитор должен иметь соотношение сторон 16: 9:
  • Несмотря на то, что существует предварительная установка, специально оптимизированная для портретного режима, это приложение было оптимизировано в основном для ландшафтного режима. Хотя любое соотношение сторон должно теоретически, 16: 9 является единственным соотношением сторон, которое на 100% поддерживается и протестировано
• Современный браузер:
  • К этому приложению прикреплено много модных наворотов и свистков, которые просто не будут работать в более старых браузерах. Я в основном разработал и оптимизировал его для Mozilla Firefox, но он также работает на Google Chrome. Не тестируется ни на каких других браузерах, поэтому я не буду гарантировать полную стабильность там
• Spotify Premium:
  • Вы все еще можете использовать это приложение в качестве бесплатного пользователя, но вы не получите полную функциональность. Например, получение вашей текущей очереди доступно только для пользователей Spotify Premium. Для бесплатных пользователей можно отобразить только текущую песню. Для альбомов больше, чем хорошее предположение о том, какая песня, к сожалению, не возможно, невозможно

Интерфейс не обновляется?

Информация получена из API Spotify, опросывая его один раз за секунду. К сожалению, нет «правильного» способа сделать это, так как Webhooks для изменений песен (например, Discord использует их, например) недоступны для публичного API.

В результате соединение может время от времени застрять. Приложение автоматически попытается восстановить соединения, когда это возможно, что обычно занимает всего несколько секунд. Чтобы сохранить внешний вид интерфейса максимально плавным, таймер будет имитировать воспроизведение, продолжая подсчитывать секунды самостоятельно, если песня в настоящее время играет.

Однако, если интерфейс становится полностью не отвечающим, попробуйте эти подходы:

1. Измените текущий контекст воспроизведения (например, изменение от плейлиста на альбом)

2. По какой -то странной причине, просто нажимать на кнопку «Устройства» в Spotify на вашем компьютере (даже не выбирая какое -либо другое устройство, буквально просто открывая раскрытие), иногда заставляет интерфейс наверстать упущенное. Это было моим стремлением исправить застрявшие экраны, и это работает на удивительно хорошо:

Поддерживать

Если у вас возникнут проблемы, напишите билет на Github, и я с радостью посмотрю на это :)

В качестве альтернативы напишите мне о Discord. Мое имя пользователя: selbi