NowPlaying for Spotify下載 - NowPlaying for Spotify源代碼下載

NowPlaying for Spotify

網站數據

v2.1 - Mini player

下載

現在扮演Spotify

這是一個實時更新Spotify Connectis Visualizer，其基本代碼庫每天完成。

該項目已根據GNU GPL-3.0許可獲得許可。

可在nowplayi.ng上找到

網站屏幕截圖

迷你播放器發電機屏幕截圖 迷你播放器發生器

狀態頁

專用的Discord服務器：NowPlayi.ng/discord

給我提示：paypal.me/busybox11（謝謝！）

ko-fi：ko-fi.com/busybox11（謝謝！）

ChangElog

v2.0.x

重寫tailwindcss和alpinejs
提高性能
修復模糊的邊緣
修復Safari硬件加速
沒有全頁重新驗證
迷你播放器的使用率和一代
允許使用臨時刷新令牌

v1.6.x

 - Use of localStorage
- Added GNU GPL-3.0 license
- Updated Index page design
- Updated French and English sentences
- Compatibility with Dark Reader
- Better UI consistency / CSS tweaks
- More languages
- .env support (thanks @finnie2006!)

v1.5.x

 - Added playback support (Premium account should be needed)
- Added playback information
- Added pause button (#17)
- CSS improvements added for better responsive (#15 #16)
- SEO improvements (#16)
- Minor CSS improvements

v1.4.x

 - Advertisements are recognized
- Multiple artists are recognized
- Experimental theme switcher

v1.3.x

 - Now playing device name and type is showing
- Cursor is hidden after a couple of seconds
- Fullscreen button

製成

html，parwindcss，JS / alpinejs，PHP

二手庫：

Jwilsson的Spotify Web API php獲取令牌和刷新令牌，Jmperez的Spotify Web API JS檢索並顯示當前播放的歌曲

已知錯誤

~~播客尚未認可~~初始提交https://github.com/busybox11/nowplaying-for-potify/commit/e30a3c1d8ea703be11259e33dce4bde84bde84 ed663c7
~~加載新藝術品時的白色閃光燈~~

即將發生的變化

浮動窗（PIP）
~~重寫（請參閱有關Web框架可能使用的討論＃76）~~
~~obs源（從v2.1開始完成）~~
本地玩家的支持（與@nyaomidev的LocalMusic -Api一起來到Sunamu）
~~更好的配置處理（例如自動部署，需要幫助！ ）~~
主題

特徵創意

Chromecast集成
分析面板

如何託管這個？

您可以使用XAMPP（多平台）或WampServer（僅Windows），但是使用php-curl模塊，任何具有PHP 7.0或更高的Web服務器都可以使用。

!!!!如果您在NGINX上，則需要將其添加到您的配置中，否則您的.env將接觸到Internet ！！！

 location /.env {
    allow [YourIP]; # Allow your IP if you want to, if not delete this line.
    deny all;
}

需要哪些修改？

您應該在Spotify的開發人員儀表板中有一個聲明的應用程序，以獲取Client ID 。

如何做到這一點：正如我所說，第一件事是在Spotify的開發人員儀表板上創建客戶端ID（ Create a Client ID按鈕）。在App or Hardware name文本字段中輸入您的應用程序名稱及其在App or Hardware description文本字段上的描述。 What are you building ?部分，指示您要為應用程序構建的平台，然後單擊下NEXT按鈕。回答商業整合問題，然後繼續。如有必要，請填寫表格，然後在第三階段檢查所有框，然後就可以去了。您的應用在Spotify的開發人員儀表板中聲明！

現在您擁有應用程序，您可以在一個文件中進行一些修改： .env 。（如果不存在，請將example.env複製到.env ）

編輯這些值：

YOUR_CLIENT_ID by您的客戶端ID在您的應用程序面板上可用，
通過單擊與客戶ID同一網頁上的Show Client Secret按鈕，您的Client Secret可用YOUR_CLIENT_SECRET ，
在大多數情況下，您的YOUR_DOMAIN通過重定向URL，如果本地託管替換為http://localhost/token.php 。基本上，它是token.php頁面的可訪問URL。

讓我們回到我們應用程序的面板上。您需要聲明token.php頁面所在的URL，對於本地託管，在大多數情況下，它將是http://localhost/token.php 。單擊位於頁面頂部的綠色Edit settings按鈕，然後在Redirect URIs文本字段中指示您的。注意：您輸入的內容應與您在兩個先例文件中所寫的內容相同！然後單擊表單底部的SAVE按鈕。您的應用已聲明並準備好使用！