ましろの興味が書く

UnityとかVRChatとかプログラミングとか電子工作とかロマンあふれるガジェットに興味があるぞ

Discordに今聞いているSoundCloudの曲を表示させる

f:id:masiroiizo:20200516145420p:plain

こんな感じでDiscordのプロフィールに現在聞いているSoundCloudの曲を表示させる方法を書く.

 

筆者の環境はwindows10を使用していて,linuxmacなど他osの動作は検証していないのであしからず

 

追記(2021/12/11):

これを使うと,下記の作業を行わずに,かんたんに,Discordにsoundcloudなどの曲を表示することが可能になります。

 

 

 

 

GitHub - demaisj/soundcloud-rp: Adds Discord Rich Presence support to Soundcloud.

このリンク先のスクリプトとやり方を見て表示させた.

詳しくはリンク先のREADMEを見てくれればできる

 

前提として nodejs (v10) and npm (v6) が必要である.

Download | Node.js

 

以下の記事を参考にするといい(わからない場合は)

Node.js / npmをインストールする(for Windows) - Qiita

 

nodejsとnpmの設定が終わったら

f:id:masiroiizo:20200516150438p:plain

 

サーバー側の設定

Zipをダウンロードして(cloneでもいい)解凍する

cmd立ち上げて,「soundcloud-rp」 directoryに移動する

移動したら npm install する

SoundCloud – Listen to free music and podcasts on SoundCloudにとんでshift+ctrl+iで開発者ツールを立ち上げる

f:id:masiroiizo:20200516152904p:plain


Networkタブ が上部にあるので押す

Filterと書かれた検索欄があるのでそこに「api-v2.soundcloud.com」と入れて再読込する

一番上の最初のPublishなんたらがあるのでそいつを押す

Query String Parameters」という欄があるので探す

client_id の値をコピー

config/default.json のsoundcloudの中のClientID にペーストして({}も消して""の中に入れる)保存

cmdで npm run start

 

自動起動させるやり方が今試している最中でわからないので,知っている方がいれば教えていただけると助かります.

ブラウザー側の設定

Tampermonkey - Chrome ウェブストアを入れる

拡張機能のアイコンを押し,新規スクリプトを追加を押す

f:id:masiroiizo:20200516153113p:plain

ctrl+Aで全選択して,消す

soundcloud-rp.user.jssoundcloud-rp-masterの中にあるのでそいつをTampermonkeyのエディタの方へドラッグアンドドロップ

ファイルタブからの保存

soundcloudを開いて,エンジョイする

 

アートワーク(アルバムジャケット)の表示


ここは別にやらなくてもいいので
readme読んで(力尽きた)

 

以上!