M5StackでAvatar表示付きWebRadio
WebRadioは、ESP8266Audio Libraryのexample"WebRadio"をベースにさせていただきました。
Avatar表示は、meganetaaanさんのm5stack-avatorをベースにさせていただきました。
オリジナルはこちら。
An M5Stack library for rendering avatar faces https://github.com/meganetaaan/m5stack-avator
M5Stackが動作中に電源ボタンをクリックしてリセットした場合は正常に動きません。
M5Stackの電源ボタンをダブルクリックして一度電源を切ってから再度電源をいれて下さい。
M5Stackにスケッチを書き込んだ直後もPCからUSBケーブルを抜いて一度M5Stackの電源を切ってください。
- M5Stack (Gray、Fireで動作確認をしました。)
- Arduino IDE (1.8.5で動作確認をしました。)
- Arduino core for the ESP32
- M5Stack Library
- ESP8266Audio
- M5Stack_WebRadio_Avator.inoの135行目付近、SSIDとPASSWORDを設定してください。
- "AudioOutputI2S.h"に下図赤枠部分を追加します。
- "AudioOutputI2S.cpp"に下図赤枠部分を追加します。
(注意：2019年2月時点での"Arduino core for the ESP32"では操作パネルが表示されませんでした。)
- M5M5Stackの電源を入れるとWiFi APに接続し、APから割り当てられたIPアドレスが表示されます。
- 表示されたIPアドレスにブラウザでアクセスすると操作パネルが表示されます。
- もし操作パネルで不正なURLを設定して起動途中でリセットがかかるようになった時は、一度M5Stackの電源を切ってからAボタンを押しながら電源を入れてください。
この時Avatarが表示されるまでAボタンを押し続けてください。
http://wbgo.streamguys.net/thejazzstream
http://beatles.purestream.net/beatles.mp3
http://listen.181fm.com/181-beatles_128k.mp3
http://ice1.somafm.com/illstreet-128-mp3
http://ice1.somafm.com/secretagent-128-mp3
http://ice1.somafm.com/seventies-128-mp3
http://ice1.somafm.com/bootliquor-128-mp3
http://stream.srg-ssr.ch/m/rsj/mp3_128
http://icecast.omroep.nl/3fm-sb-mp3