ブラウザアーカイブ | mgo-tec電子工作

ESP32でビットマップ画像ファイルを生成し、ブラウザに連続送信してMotion JPEGならぬMotion BMP動画ストリーミングする実験

投稿日：2020/3/13

ESP32 でビットマップ(BMP)ファイルを生成し、WiFiで Motion JPEG ( MJPEG )でブラウザへ動画ストリーミング通信する実験をやってみました。ストリーミング中でもブラウザからコントロールできる双方向通信が実現できました。

ESP32 および M5Stack で DNS および mDNS の SSL server を作ってみた

投稿日：2018/11/15

ESP32 と M5Stack を SSL サーバー化し、DNS ネームおよび mDNS ネームでアクセスできるようにしてみました。それにより、OpenSSL で発行したルート CA 証明書やサーバー証明書を DNS ネームで発行できて、ESP32 同士、M5Stack 同士で SSL 通信が可能になりました。スマホやパソコンのブラウザに信頼されることができました。URL 欄に鍵マークが表示でき・・・

Firebase Realtime database を使った ESP32, M5Stack, スマートフォン相互通信してみる

投稿日：2018/9/21

Firebase Realtime database を使って、ESP32-DevKitC, 2台の M5Stack, Android スマホ, iPad の計5台のデバイス間で相互通信して、電光掲示板スクロールさせてたりしてみました。スマホ側のブラウザでは、Color Picker を使うことにより、中間色設定が直感的に設定できるようになりました。

Firebase Realtime Database のデータ保存、取得、ストリーミング受信実験( ESP32 , M5Stack )

投稿日：2018/9/1

これからの時代は Firebase です。特に Realtime database はストリーミング配信の EventSource / Server-Sent Events をサポートしていて、パソコンやスマホのブラウザに即データを反映してくれます。ESP32 や M5Stack にも即反映します。更に、HTTP通信のリクエストだけでデータベースの内容を書き替えられます。

M5Stack 電光掲示板をスマホでリアルタイムコントロールしてみた

投稿日：2018/5/2

M5Stack ( ESP32搭載 )の日本語漢字フォント電光掲示板 ( メッセージボード )をスマホのブラウザでリアルタイムコントロールしてみました。Websocket を使っています。Color Picker を使って文字色を変えたり、サイズを変えたり、スピードを変えたりしています。

Arduino – ESP32 で SSLサーバーを構築し、セキュアな Wi-Fi アクセスポイントセレクターを作ってみました

投稿日：2018/4/3

Arduino – ESP32 で soft AP モードの「信頼ある」証明書付き SSL サーバーを構築し、スマホのブラウザでセキュアな Wi-Fi アクセスポイントセレクターを作ってみました。ライブラリも自作しました。これでパスワード送信は暗号化されて、IoT 機器を自作しても安全です。soft AP モードと STA モードを行ったり来たりして・・・。

ESP32 の Wi-Fi アクセスポイントをスマホで選択できるようにしてみた

投稿日：2018/2/15

ESP32 ( ESP-WROOM-32 ) の Wi-Fi アクセスポイント設定を、スマホのブラウザで選択できるようにしてみました。Arduino IDE の SSID を Select Box で選択できるようにし、パスワードもスマホ側で入力できるようにしてみました。SPIFFS から SSID やパスワードを読み込み・・・

ESP32 SPIFFS 用 Easy WebSocket ライブラリを作ってみました

投稿日：2018/1/11

ESP32 ( ESP-WROOM-32 ) の SPIFFS を使った WebSocket ライブラリを作りました。スマホとの Wi-Fi 双方向同時リアルタイム通信です。マルチタスクを使うと動作が安定します。LED 調光の他に、有機EL ( OLED ) SSD1331 の文字スクロールを制御してみました。Mbed TLS でハンドシェイクしています。

オブジェの LED カラーをスマホブラウザで WiFi リアルタイムコントロールしてみた

投稿日：2016/12/16

フルカラー LED の色をスマホのブラウザで Wi-Fi リアルタイムコントロールできるようにしてみました。ESPr Developer ( ESP-WROOM-02, ESP8266 )と NeoPixel を使い、 WebSocket で双方向通信してます。卓上オブジェをクリスマスや正月に合わせて色を変えて・・・

鉄道ＪＲ風有機EL 電光掲示板を作ってみた。（スマホで編集できて、Yahoo! ニュースも表示できる）

投稿日：2016/11/14

鉄道のＪＲ風 Yahoo! ニュース電光掲示板を作ってみました。スマホから路線カラーや文字を変更できます。スクロール文字も変更できます。更にスマホの写真や画像も有機EL ( OLED )に表示できます。時刻表示は現在時刻で、NTPサーバー自動補正して・・・