Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Spotify物理コントローラーがほしい

 Spotify物理コントローラーがほしい

2022/5/17 IoTLT vol.87 @秋葉原+Youtube

田中みそ

May 17, 2022
Tweet

More Decks by 田中みそ

Other Decks in Technology

Transcript

  1. Spotify物理コントローラーがほしい
    田中みそ
    2022/5/17 IoTLT vol.87 @秋葉原+Youtube

    View Slide

  2. 自己紹介
    田中 みそ (田中 大樹)
    Qiita: miso_develop
    Twitter: miso_develop
    Facebook: 田中みそ

    LINE API Expert

    IoT界隈やスマートスピーカー界隈に
    よくいます

    View Slide

  3. Spotify物理コントローラーがほしい背景
    • 普段スマートスピーカーからSpotifyで音楽を流すけど、
    曲選択や音量調整といった操作は音声ではやりづらい
    • なのでWeb Playerを使ってPCから操作してるけど、
    PCのあるところに行かないといけなかったり、
    ウインドウ切り替えたりと地味にめんどくさい

    View Slide

  4. コンポのリモコンみたいなので操作したい
    理想はコンポ(死語?)のリモコン感覚で物理ボタンを
    ポチポチすればSpotifyをコントロールできたらいいな

    View Slide

  5. (余談)Spotify Web Playerは神
    • Spotifyのスマホアプリは無料プランだとシャッフル再生しか
    できない制約がありますがWeb Playerだと自由に曲選択できる
    • 前は15時間/月の制限があったけど昨年1月のアップデートで
    その制限がなくなった…!
    • 代わりにそのアプデ時期あたりから無料プランだと音声広告がちょ
    いちょい入るようになった
    (けど最近はあまり広告流れてこない気がする)

    View Slide

  6. (余談)こんなのもあるらしい
    https://www.itmedia.co.jp/news/articles/2202/23/news041.html より

    View Slide

  7. ソフトウェア実装

    View Slide

  8. Spotify Web API
    https://developer.spotify.com/documentation/web-api/reference/#/operations/transfer-a-users-playback より

    View Slide

  9. Spotify Web API
    • シンプルなREST API
    • Spotify for Developersにログインするとプロジェクト
    (APP)を作成でき、Client ID/Secretが発行される
    • 曲情報やアルバム情報取得APIなんかがあり、
    Player APIも一通り揃ってる
    • ただし無料プランだとPlayer APIは動かない…

    View Slide

  10. (余談)3ヶ月980円キャンペーン中!(5/19まで)
    https://www.spotify.com/jp/comeback/ より

    View Slide

  11. Web Consoleがとても便利
    https://developer.spotify.com/console/get-user-player/?market=ES&additional_types= より

    View Slide

  12. Web Consoleがとても便利
    https://developer.spotify.com/console/get-user-player/?market=ES&additional_types= より

    View Slide

  13. Web Consoleがとても便利
    https://developer.spotify.com/documentation/general/guides/authorization/code-flow/ より

    View Slide

  14. 昨晩Use Caseに合わせたクラスを作るところまでやった
    Use Case
    • 再生/停止
    • 次の曲へ
    • 前の曲へ
    • 音量アップ
    • 音量ダウン
    • リピート
    • シャッフル

    View Slide

  15. 使ったライブラリ
    https://github.com/thelinmichael/spotify-web-api-node より

    View Slide

  16. ハードウェア実装

    View Slide

  17. 物理コントローラーどうするか
    • ひとまずM5Stackでプロトタイプ実装予定
    • 3ボタンあるので組み合わせでUse Caseは網羅できる
    • 前の曲へ A
    • 再生/停止 B
    • 次の曲へ C
    • 音量ダウン A B
    • 音量アップ B C
    • リピート A C
    • シャッフル A B C

    View Slide

  18. 本番構成
    マイコン: M5ATOM or M5Stamp
    ソフトウェア実装:Spotify Web API & opniz
    物理ボタン:どうしよう…
    https://www.switch-science.com/catalog/7360/ より

    View Slide

  19. 物理ボタン案その1
    • 4x3キーパッド作成キット
    • 350円
    • 小さすぎるかも?
    https://akizukidenshi.com/catalog/g/gK-12229/ より

    View Slide

  20. 物理ボタン案その2
    • キャンドゥのUSBテンキーボード
    • 330円!
    https://note.com/tomorrow56/n/n9e9a02586d76 より
    https://lang-ship.com/blog/work/usb-numeric-keypad/ より

    View Slide

  21. 物理ボタン案その2
    ここのユニバーサル基板用端子がほしい…
    (なんて名前でぐぐればいいのか分からないの
    でどなたかご教示ください…!><)
    https://lang-ship.com/blog/work/usb-numeric-keypad/ より

    View Slide

  22. Music LT Vol.2 来週5/26(木)にあります!

    View Slide