ブラウザ

ESP32 ( ESP-WROOM-32 )

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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