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