Giter Site home page Giter Site logo

m5stack_webradio_avatar's Introduction

M5Stack_WebRadio_Avatar

M5StackでAvatar表示付きWebRadio

画像5

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の電源を切ってください。

必要な物

WiFiの設定

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

ESP8266Audioライブラリの修正

  • "AudioOutputI2S.h"に下図赤枠部分を追加します。 画像1

  • "AudioOutputI2S.cpp"に下図赤枠部分を追加します。 画像2
    画像3


操作方法

(注意:2019年2月時点での"Arduino core for the ESP32"では操作パネルが表示されませんでした。)

  1. M5M5Stackの電源を入れるとWiFi APに接続し、APから割り当てられたIPアドレスが表示されます。
  2. 表示されたIPアドレスにブラウザでアクセスすると操作パネルが表示されます。 画像4

  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's People

Contributors

robo8080 avatar

Stargazers

 avatar Tom avatar Nabeshin avatar Ken avatar Hisaaki SHIBATA avatar icing@tomato:~# avatar Cellie avatar Hong Chen avatar rnsk avatar reaper7 avatar tobozo avatar Susan Calvin avatar karaage avatar

Watchers

James Cloos avatar  avatar Cellie avatar  avatar

Forkers

tom00ti

m5stack_webradio_avatar's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.