Spotifyとの連携

処理の概要はこちらのページをご覧ください。

Spotify側の設定

Spotify for Developersの認証

過去に認証を行ったことがない場合のみ、この手順を行ってください。

  1. Spotify for Developersにアクセスし、ご利用のSpotifyアカウントでログインしてください。
  2. アカウント名を押下してメニューを表示し、Dashboardを押下してDashboardへ移動してください。
  1. Dashboardの

    You need to verify your email address (アカウントに登録されているメール アドレス) before you can create an app

    と表示されている部分のUpdate email addressを押下してください。
  1. 押下後、アカウントに登録されているメールアドレスにno-reply@spotify.comから以下の図のようなセキュリティ確認のメールが送信されるので、メールアドレスを確認するを押下してください。
  1. ブラウザ上で以下の図のようなページが表示されたら、Dashboardに戻ってください。
  1. Dashboardで、認証前は押下できなかったCreate appが押下できるようになっていれば、認証完了です。

SpotifyとBaconJam接続用appの作成

  1. DashboardCreate appを押下してください。
  1. app作成ページが表示されるので、以下を参考に値を設定してください。
App name 何らかの値を設定してください。
App description 何らかの値を設定してください。
Website 空欄で構いません。
Redirect URIs 必ずhttp://localhostという値を設定してください。
Bundle IDs 空欄で構いません。
Android packages 空欄で構いません。
APIs used 以下に✅を入れてください。
  • Android
  • Web API
  1. I understand and agree with Spotify's Developer Terms of Service and Design Guidelines

    に✅を入れ、saveを押下してください。
  2. 以下の図のようなapp Homeページが表示されたら、appの作成は完了です。

接続に必要な情報の取得

  1. 作成したappのHomeページにアクセスしてください。
  2. Settingsを押下してBasic Informationページに移動してください。
  3. ページ上部のClientIDが表示されている枠のView client secretを押下して、ClientSecretを表示してください。
  4. ClientSecret表示前

    ClientSecret表示後

  5. 以下の項目を控えてください。
    • ClientID
    • ClientSecret
  6. 控えた値は他人に知られないように管理してください。アカウントへの不正アクセス・乗っ取り等が発生する危険があります。

BaconJam側の設定

  1. Spotify接続設定を押下して、設定項目を展開してください。

Spotify接続設定

  1. 接続に必要な情報の取得で控えたClientID,ClientSecretSpotify接続設定に入力してください。
  1. Spotify接続設定認証するが押下できるようになるので、押下して認証ページへアクセスしてください。
  2. 以下の図のような認証ページが表示されるので、同意するを押下してください。
  1. 以下の図のような接続エラーページに切り替わるので、このページのURLを控えてください。
  1. Spotify接続設定してきたよボタンを押下してダイアログを表示し、控えたURLをペーストしてOKボタンを押下してください。
  1. URL入力ダイアログが閉じ、以下の図のような成功ダイアログが表示されたらBaconJam側の準備は完了です。

ダイアログ内のユーザー名がご自身のアカウントと一致していることを確認してください。

Spotify連携時の挙動について

約1分に1回、Spotifyで再生中の曲を確認し、Misskeyへの「なうぷれ投稿」を行います。

同一のSpotifyアカウントであれば、BaconJamをインストールしていない端末(PCなど)で音楽を再生している場合でも検知します。

以下のいずれかに該当する場合、「なうぷれ投稿」を行いません。

固定画像