play-spotify-in-browser-for-nowplaying

ブラウザでSpotifyの曲を再生できる物にNowPlaying機能を実装した物です。ローカル環境での動作を想定しています。リモート環境での動作は想定していません。ローカルで立ち上げ、ブラウザで使用します。

ほとんどの機能が こちら のフォークです。

chrome_EpRbknKYHt

Spotify_QdNPic8jB7

セットアップ

1. src/common/constant.ts を編集

Spotify API と Twitter API から API Key を取得し、ペーストしてください。
Spotify API のリダイレクトURLの設定も忘れないでください。

/**
 * Spotify
 */
export const SPOTIFY_SCOPES = [
  // "ugc-image-upload",
  // "user-read-recently-played",
  // "user-top-read",
  // "user-read-playback-position",
  // "user-read-playback-state",
  "user-modify-playback-state",
  // "user-read-currently-playing",
  // "app-remote-control",
  "streaming",
  // "playlist-modify-public",
  // "playlist-modify-private",
  // "playlist-read-private",
  // "playlist-read-collaborative",
  // "user-follow-modify",
  // "user-follow-read",
  // "user-library-modify",
  // "user-library-read",
  "user-read-email",
  "user-read-private",
] as const;
export const SPOTIFY_CLIENT_ID = "";
export const SPOTIFY_CLIENT_SECRET = "";
export const SPOTIFY_REDIRECT_URI = "http://localhost:8080/player";
export const SPOTIFY_AUTHORIZE_URL = "https://accounts.spotify.com/authorize";
export const SPOTIFY_TOKEN_URL = "https://accounts.spotify.com/api/token";
export const SPOTIFY_PLAYER_URL = "https://api.spotify.com/v1/me/player";
/**
 * Twitter
 */
export const TWITTER_SCREEN_NAME = ""
export const TWITTER_CK = "";
export const TWITTER_CS = "";
export const TWITTER_AT = "";
export const TWITTER_ATS = "";
export const TWEET_ENDPOINT = "http://localhost:8080/api/tweet"

2. 立ち上げる

ポート番号は各自おまかせで指定してください

yarn build && yarn start

Licence

iamtakagi/play-spotify-in-browser-for-nowplaying is provided under the MIT license.

GitHub

View Github