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

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

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. 物理ボタン案その１
    • 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