Play Spotify in Browser for NowPlaying
play-spotify-in-browser-for-nowplaying
ブラウザでSpotifyの曲を再生できる物にNowPlaying機能を実装した物です。ローカル環境での動作を想定しています。リモート環境での動作は想定していません。ローカルで立ち上げ、ブラウザで使用します。
ほとんどの機能が こちら のフォークです。
セットアップ
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.