Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Spotify物理コントローラーがほしい
Search
田中みそ
May 17, 2022
Technology
600
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Spotify物理コントローラーがほしい
2022/5/17 IoTLT vol.87 @秋葉原+Youtube
田中みそ
May 17, 2022
More Decks by 田中みそ
See All by 田中みそ
アレをアレに完全に埋め込むアレを作ってみた
miso
0
290
アレをアレに埋め込むアレを作ってみた
miso
0
170
プラレールのめちゃくちゃ良く折れるアレをできる限り手抜きして3Dプリンターでなんとかしようとした
miso
0
150
子どもの写真からデフォルメフィギュアを作ってみた
miso
1
1.4k
LINE x IoT 入門ハンズオン
miso
0
340
M5ATOMでNintendo Switchを自動化してみた
miso
0
780
ngrokを使ったLINE Bot開発を超絶楽ちんにする「linegrok」のご紹介
miso
0
540
opnizのご紹介
miso
0
970
ルービックキューブスクランブラーが欲しかったので作ってみた
miso
0
1.1k
Other Decks in Technology
See All in Technology
ハードウェアコンペでもAI駆動開発が進んでいる話
iotengineer22
0
410
MCPゲートウェイを作って運用してわかったこと — Agent時代の権限管理の現在地
mtpooh
10
3.2k
実体験から学ぶ分析エージェントの開発と運⽤
recruitengineers
PRO
6
1.5k
事業活動を AI Ready にする攻めと守りのデータエンジニアリング / data-engineering-for-ai-ready-business
pei0804
5
2k
生成AIで高い生産性を求められて、 悩み、乗り越えた話
mot_techtalk
2
130
Incremental HTTP
kazuho
5
2.1k
自律型 AI をセキュアに実装!Gemini と MIG で作る動的コード実行環境
recruitengineers
PRO
1
230
契約書画像からの情報抽出に特化した視覚接地モデルを育てる話
sansantech
PRO
1
150
More Freedom on the Same Shared GPU Cluster: A Small Team’s Experience with vCluster
nttcom
0
140
Claude Code本は、どのように執筆チームで書かれたか
oikon48
0
330
おそらく日本で唯一のDevRelインターン生として
husengs7
0
170
ログラスのマルチプロダクトを 支える認証基盤 〜テナントごとに異なる統制とどう向き合うか〜
dada4386
3
410
Featured
See All Featured
30 Presentation Tips
portentint
PRO
1
420
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
74
42k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
250
1.3M
Rebuilding a faster, lazier Slack
samanthasiow
85
9.7k
Utilizing Notion as your number one productivity tool
mfonobong
4
610
Building Adaptive Systems
keathley
44
3.2k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.3k
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
510
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
123
22k
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
6
1.2k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
580
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
2
350
Transcript
Spotify物理コントローラーがほしい 田中みそ 2022/5/17 IoTLT vol.87 @秋葉原+Youtube
自己紹介 田中 みそ (田中 大樹) Qiita: miso_develop Twitter: miso_develop Facebook:
田中みそ LINE API Expert IoT界隈やスマートスピーカー界隈に よくいます
Spotify物理コントローラーがほしい背景 • 普段スマートスピーカーからSpotifyで音楽を流すけど、 曲選択や音量調整といった操作は音声ではやりづらい • なのでWeb Playerを使ってPCから操作してるけど、 PCのあるところに行かないといけなかったり、 ウインドウ切り替えたりと地味にめんどくさい
コンポのリモコンみたいなので操作したい 理想はコンポ(死語?)のリモコン感覚で物理ボタンを ポチポチすればSpotifyをコントロールできたらいいな
(余談)Spotify Web Playerは神 • Spotifyのスマホアプリは無料プランだとシャッフル再生しか できない制約がありますがWeb Playerだと自由に曲選択できる • 前は15時間/月の制限があったけど昨年1月のアップデートで その制限がなくなった…!
• 代わりにそのアプデ時期あたりから無料プランだと音声広告がちょ いちょい入るようになった (けど最近はあまり広告流れてこない気がする)
(余談)こんなのもあるらしい https://www.itmedia.co.jp/news/articles/2202/23/news041.html より
ソフトウェア実装
Spotify Web API https://developer.spotify.com/documentation/web-api/reference/#/operations/transfer-a-users-playback より
Spotify Web API • シンプルなREST API • Spotify for Developersにログインするとプロジェクト
(APP)を作成でき、Client ID/Secretが発行される • 曲情報やアルバム情報取得APIなんかがあり、 Player APIも一通り揃ってる • ただし無料プランだとPlayer APIは動かない…
(余談)3ヶ月980円キャンペーン中!(5/19まで) https://www.spotify.com/jp/comeback/ より
Web Consoleがとても便利 https://developer.spotify.com/console/get-user-player/?market=ES&additional_types= より
Web Consoleがとても便利 https://developer.spotify.com/console/get-user-player/?market=ES&additional_types= より
Web Consoleがとても便利 https://developer.spotify.com/documentation/general/guides/authorization/code-flow/ より
昨晩Use Caseに合わせたクラスを作るところまでやった Use Case • 再生/停止 • 次の曲へ • 前の曲へ
• 音量アップ • 音量ダウン • リピート • シャッフル
使ったライブラリ https://github.com/thelinmichael/spotify-web-api-node より
ハードウェア実装
物理コントローラーどうするか • ひとまずM5Stackでプロトタイプ実装予定 • 3ボタンあるので組み合わせでUse Caseは網羅できる • 前の曲へ A •
再生/停止 B • 次の曲へ C • 音量ダウン A B • 音量アップ B C • リピート A C • シャッフル A B C
本番構成 マイコン: M5ATOM or M5Stamp ソフトウェア実装:Spotify Web API & opniz
物理ボタン:どうしよう… https://www.switch-science.com/catalog/7360/ より
物理ボタン案その1 • 4x3キーパッド作成キット • 350円 • 小さすぎるかも? https://akizukidenshi.com/catalog/g/gK-12229/ より
物理ボタン案その2 • キャンドゥのUSBテンキーボード • 330円! https://note.com/tomorrow56/n/n9e9a02586d76 より https://lang-ship.com/blog/work/usb-numeric-keypad/ より
物理ボタン案その2 ここのユニバーサル基板用端子がほしい… (なんて名前でぐぐればいいのか分からないの でどなたかご教示ください…!><) https://lang-ship.com/blog/work/usb-numeric-keypad/ より
Music LT Vol.2 来週5/26(木)にあります!