M5Stack_WebRadio_Avatar

KO | EN

gitlite — search

#javascript #hacktoberfest #llm #golang #rust #deep-learning #linux #docker #awesome #awesome-list #vue #pytorch #security #ios

M5Stack_WebRadio_Avatar

(★ 13)

M5StackでAvatar表示付きWebRadio

M5Stack_WebRadio_Avatar Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# M5Stack_WebRadio_Avatar
M5StackでAvatar表示付きWebRadio

![画像5](https://raw.githubusercontent.com/robo8080/M5Stack_WebRadio_Avatar/master/images/image5.png)

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](http://www.m5stack.com/ "Title") (Gray、Fireで動作確認をしました。) 
* Arduino IDE (1.8.5で動作確認をしました。) 
* [Arduino core for the ESP32](https://github.com/espressif/arduino-esp32 "Title")
* [M5Stack Library](https://github.com/m5stack/M5Stack.git "Title")
* [ESP8266Audio](https://github.com/earlephilhower/ESP8266Audio/ "Title")

### WiFiの設定 ###
* M5Stack_WebRadio_Avator.inoの135行目付近、SSIDとPASSWORDを設定してください。

### ESP8266Audioライブラリの修正 ###
* "AudioOutputI2S.h"に下図赤枠部分を追加します。
![画像1](https://raw.githubusercontent.com/robo8080/M5Stack_WebRadio_Avatar/master/images/image1.png) 
* "AudioOutputI2S.cpp"に下図赤枠部分を追加します。
![画像2](https://raw.githubusercontent.com/robo8080/M5Stack_WebRadio_Avatar/master/images/image2.png) 
![画像3](https://raw.githubusercontent.com/robo8080/M5Stack_WebRadio_Avatar/master/images/image3.png)

### 操作方法 ###
~~(注意：2019年2月時点での"Arduino core for the ESP32"では操作パネルが表示されませんでした。)~~ 
1. M5M5Stackの電源を入れるとWiFi APに接続し、APから割り当てられたIPアドレスが表示されます。
2. 表示されたIPアドレスにブラウザでアクセスすると操作パネルが表示されます。
![画像4](https://raw.githubusercontent.com/robo8080/M5Stack_WebRadio_Avatar/master/images/image4.png) 
3. もし操作パネルで不正なURLを設定して起動途中でリセットがかかるようになった時は、一度M5Stackの電源を切ってからAボタンを押しながら電源を入れてください。 
この時Avatarが表示されるまでAボタンを押し続けてください。

### WebRadioの参考URL ###
<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>

M5Stack_WebRadio_Avatar

M5Stack_WebRadio_Avatar Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

M5Stack_WebRadio_Avatar

M5Stack_WebRadio_Avatar Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README