
这是一个实时更新Spotify Connectis Visualizer,其基本代码库每天完成。
该项目已根据GNU GPL-3.0许可获得许可。
可在nowplayi.ng上找到

迷你播放器发生器
状态页
v2.0.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!)
- 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
- Advertisements are recognized
- Multiple artists are recognized
- Experimental theme switcher
- 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检索并显示当前播放的歌曲
您可以使用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在您的应用程序面板上可用,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按钮。您的应用已声明并准备好使用!
您可以使用ANALYTICS_SCRIPT环境变量包括可选的分析脚本。
如果设置,则此变量将包含在所有页面的<head>部分中。此变量很可能是包含<script>标签的字符串。
www.flaticon.com网站的Freepik在Creative Commons下由3.0许可证的旗帜。