SpotifyBigPicture

SpotifyBigPicture

美しい小さなブラウザページにSpotifyに現在の再生ステータスを表示する高度にカスタマイズ可能なインターフェイス！

これをSpotify独自の（私の意見では、むしろ圧倒的な）フルスクリーンモードで使用することをお勧めします。または、テレビに使用して、時代遅れの低解像度のOSDに新鮮な塗装ジョブを与えることができます。

このインターフェイスは主に読み取り専用です。具体的には、これは、演奏、一時停止、スキップなどのいくつかの基本的なコマンドを超えて、実際に音楽を制御できないことを意味します（最初に設定で有効にする必要があります）。これは、Spotify APIへの制限と、このアプリを一度設定することであり、その後、純粋な情報表示として永続的に実行されるためです。

これが便利な例は、ラズベリーPIに接続するダンスフロアの近くにモニターを置くことで、いつでもどの曲が先にあるかをゲストに見せたいパーティーをホストすることです。

スクリーンショット

これらの2つの例は、SpotifyBigPictureのデフォルトプリセットの例のみを示しています。その他のスクリーンショットについては、他のプリセットをご覧ください！

アルバムビュー

プレイリストビュー

カスタマイズ

インターフェイスの左上にあるギアシンボルをクリックして、視覚的な好みのために設定を開きます。ここでは、数回クリックして、多くのオプションからインターフェイスのスタイリングをカスタマイズできます。

設定は自動的にローカルに保存されるため、Webサイトを再開するたびにすべてを再構成することを心配する必要はありません。

• すべてのプリセットの完全なリストは、ここにあります：preset.md
• 設定に関する一般情報は、settings.mdにあります。

インストール

（ビデオチュートリアルをご希望の場合は、ここをクリックしてください）

ステップ1：Spotifyアプリを作成します

1. Spotify開発者のダッシュボードでアプリを作成する（最初にアカウントを作成する必要がある場合があります）
2. クライアントIDとクライアントの秘密をコピーして、後でそれらを保存します
3. 「ユーザーとアクセス」に移動してアカウントを追加します（名前とメールアドレス）

ここから、インストールを続行する2つの方法のいずれかを選択できます。

ステップ2-バリアントA：手動Javaのインストール

1. Spotifyアプリを作成した後、「設定の編集」をクリックし、このアプリのリダイレクトURIを追加します： http://localhost:8183/login-callback （保存する前に小さな緑の[追加]ボタンをクリックしてください！）
2. 現在のリリースをダウンロードしてください
3. 以前に保存したクライアントIDとクライアントシークレットをspotifybot.propertiesファイルのそれぞれのフィールドに貼り付けます
4. JARファイルと同じフォルダーで端子を開きます（シフトを保持して右クリックすることで簡単に実行してから、「ここで端子を開く」を選択します）。次に、 java -jar SpotifyBigPicture.jarでアプリを起動します

ステップ2-バリアントB：Docker画像を引っ張ります

1. Spotifyアプリを作成したら、「設定の編集」をクリックし、このアプリのRedirect URIを追加します。アプリの実行を計画する場所に応じて、外部から到達可能なURIを提供する必要があります。たとえばhttp://ip-of-docker-machine:8183/login-callback 。ログインコールバックは/login-callbackで終了する必要があります！また、保存する前に、小さな緑の「追加」ボタンをクリックしてください
2. Docker画像を引く： docker pull ghcr.io/selbi182/spotifybigpicture
3. Docker画像を実行します。クライアントID 、クライアントシークレット、およびリダイレクトURIをそれぞれのフィールドにリダイレクトするURIをリダイレクトして、環境変数として渡すためにそれらを渡します。DockerRun 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プレミアム：
  • このアプリは引き続き無料のユーザーとして使用できますが、完全な機能は得られません。たとえば、現在のキューを取得することは、Spotifyプレミアムユーザーのみで利用できます。無料のユーザーの場合、現在の曲のみを表示できます。アルバムの場合、次に来る曲の良い推測以上のものは残念ながら不可能です

インターフェイスは更新されませんか？

情報は、1秒に1回投票することにより、SpotifyのAPIから取得されます。残念ながら、曲の変更のためのwebhooks（たとえば、それらを使用するなど）はパブリックAPIでは利用できないため、「適切な」方法はありません。

その結果、接続が時々立ち往生する可能性があります。アプリは、可能であれば接続を自動的に再確立しようとしますが、通常は数秒しかかかりません。ただし、インターフェイスの外観を可能な限りスムーズに保つために、曲が現在再生されている場合は、数秒で数秒をカウントし続けることにより、タイマーは再生をシミュレートします。

ただし、インターフェイスが完全に反応しない場合は、これらのアプローチを試してください。

1. 現在の再生コンテキストを変更します（たとえば、プレイリストからアルバムに変更）

2. どんな奇妙な理由でも、PCのSpotifyのデバイスボタンをクリックするだけで（別のデバイスを選択することも、文字通りドロップダウンを開けるだけで）、インターフェイスを追いかけることがあります。これは、立ち往生した画面を修正するための私の魅力であり、驚くほどうまく機能します。

サポート

問題が発生した場合は、GitHubに問題のあるチケットを書いてください。喜んで見てみましょう:)

あるいは、私に不一致にメッセージを送ってください。私のユーザー名は： selbiです