SpotifyBigPicture

Spotifybigpicture

一個高度可自定義的界面，可在美麗的小瀏覽器頁面中在Spotify上顯示您當前的播放狀態！

您可能需要在Spotify自己的（我認為，勢不可擋）的全屏模式上使用它，或者您可以將其用於電視，以使其過時，低分辨率的OSD成為新鮮的油漆工作！

該界面主要是僅讀取的。具體而言，這意味著您實際上無法控制音樂，除了播放，暫停和跳過等一些基本命令之外（需要先在設置中啟用）。這既是因為對Spotify API的局限性，又是因為這個想法是將此應用程序設置一次，然後將其作為純信息顯示永久運行。

這是有用的一個例子是舉辦一場聚會，您想讓客人隨時看到哪些歌曲在前方，通過將監視器放在連接到Raspberry Pi的舞池附近。

屏幕截圖

這兩個示例僅顯示SpotifyBigpicture的默認預設的示例。有關更多屏幕截圖，請參閱其他預設！

專輯視圖

播放列表視圖

定制

單擊接口左上方的齒輪符號以打開設置以進行視覺偏好。在這裡，您只需單擊幾下即可從許多選項中自定義接口的樣式！

您的設置會自動存儲在本地，因此您無需擔心每次重新開放網站時都重新配置所有內容。

• 可以在此處找到每個預設的完整列表：presets.md
• 有關設置的一般信息可以在此處找到：settings.md

安裝

（如果您喜歡視頻教程，請單擊此處）

步驟1：創建Spotify應用程序

1. 在Spotify開發人員儀表板上創建一個應用程序（您可能需要先創建一個帳戶）
2. 複製客戶ID和客戶端的秘密，並保存以供以後
3. 轉到“用戶和訪問”並在此處添加您的帳戶（姓名和電子郵件地址）

從這裡，您可以在繼續安裝的兩種方法之一之間選擇。

步驟2-變體A：手動Java安裝

1. 創建Spotify應用程序後，單擊“編輯設置”，然後添加此應用程序的重定向URI： http://localhost:8183/login-callback （確保在保存之前單擊“小綠色”按鈕！）
2. 下載當前版本
3. 粘貼您先前保存在spotifybot.properties文件中的各個字段中的客戶ID和客戶端秘密
4. 在與JAR文件的同一文件夾中打開一個終端（通過握住移位和右鍵單擊，然後在此處選擇“開放終端”來輕鬆完成）。然後使用java -jar SpotifyBigPicture.jar啟動應用程序

步驟2-變體B：拉碼頭圖像

1. 創建Spotify應用程序後，單擊“編輯設置”，然後為此應用添加重定向URI。根據您計劃運行該應用程序的何處，您必須提供可從外部到達的URI。例如http://ip-of-docker-machine:8183/login-callback 。登錄回調必須以/login-callback結尾！還要確保在保存之前單擊小綠色“添加”按鈕
2. 拉碼頭圖像： docker pull ghcr.io/selbi182/spotifybigpicture
3. 運行Docker圖像。 Insert the Client ID , Client Secret , and Redirect URI you have specified earlier into the respective fields, to pass them as environment variables: 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的變體A，則該應用將在http：// localhost：8183/中可用，如果您選擇了變體B，則將是您提供的任何服務器

要求

• Java 11或更新：
  • 在此處下載（顯然僅在您進行手冊Java安裝時需要）
• 監視器應具有16：9的縱橫比：
  • 儘管有針對肖像模式專門優化的預設，但該應用主要針對景觀模式進行了優化。雖然理論上的任何縱橫比都應起作用，但16：9是唯一獲得100％支持和測試的長寬比
• 現代瀏覽器：
  • 這個應用程序上附帶了很多花哨的鈴鐺和口哨聲，這些鈴鐺根本無法在較舊的瀏覽器上使用。我主要為Mozilla Firefox開發並優化了它，但它也適用於Google Chrome。未在任何其他瀏覽器上進行測試，所以我不能保證在那兒完全穩定
• Spotify Premium：
  • 您仍然可以將此應用程序用作免費用戶，但是您將無法獲得完整的功能。例如，獲得當前隊列僅適用於Spotify Premium用戶。對於免費用戶，只能顯示當前歌曲。對於專輯，不可能不可能地猜到哪首歌是不可能的

接口不更新？

通過對Spotify的API進行輪詢，從Spotify的API獲取了一次信息。不幸的是，沒有“正確”的方法，因為對於公共API而言，無法使用歌曲更改的網絡鉤（例如Discord使用它們）。

結果，連接可能會不時卡住。該應用程序將在可能的情況下自動嘗試重新建立連接，通常只需幾秒鐘。為了使界面的外觀盡可能順暢，如果目前正在播放歌曲，計時器將通過自行計算幾秒鐘來模擬播放。

但是，如果界面完全沒有反應，請嘗試以下方法：

1. 更改當前的播放上下文（例如從播放列表更改為專輯）

2. 無論出於奇怪的原因，只需單擊PC上Spotify中的設備按鈕（甚至沒有選擇任何其他設備，實際上只是打開下拉菜單）有時會迫使接口趕上。這是我修復卡住屏幕的首選，而且效果很好：

支持

如果您遇到任何問題，請在Github上寫一張問題票，我很樂意看一下:)

或者，在不和諧中給我發消息。我的用戶名是： Selbi