MJPEGはMotion JPEGの略です。パラパラ漫画のようにJPEG画像を連続して表示させる動画方式。MPEGと間違えやすいので要注意です。イメージセンサで取得した連続したJPEG画像を組み込みマイコンを通してパソコンのブラウザにストリーミング表示させる場合には、MJPEGが最適です。
Deep-Learning ディープラーニングのお勉強～その13。TensorFlow.jsでMNISTリアルタイム推論してみる
ディープラーニングの勉強第13弾で、TensorFlow.jsを使って、ブラウザで手書き数字MNISTのモデルをリアルタイム推論してみました。かなり高速です。カメラ動画はM5Cameraを使用しました。
M5Stack M5CameraとngrokでMotion JPEG動画を遠隔ストリーミングする実験
ngrokを使って、ローカルのM5CameraのMotion JPEG動画ストリーミングを全世界に公開してみる実験です。もちろん、SSLのhttpsとBasic認証ありです。160x120pixelで25fps出ました。
M5Stack M5CameraのMotion JPEG動画からJavaScriptでスナップショット静止画を取得してみた
M5Camera (M5Stack社)のWiFiのMotion JPEG動画ストリーミングから、HTMLとJavaScriptでスナップショット画像を取得する実験です。その画像をダウンロードできるようになりました。toBlobメソッドを使いました。一応、スマホでも実現できました。ディープラーニングのデータセット作成にも有効と思います。
Deep-Learning ディープラーニングのお勉強～その7。M5StackとM5Cameraで手書き数字リアルタイム画像認識実験～
ディープラーニングのお勉強第７弾で、M5StackとM5Cameraを使って、WiFi TCP で動画ストリーミングしながらリアルタイムで畳み込みニューラルネットワーク(CNN)演算させて、手書き数字画像認識に挑戦してみました。メモリがギリギリですが、何とかAIガジェットっぽいものの第一歩ができました。
M5Stack LovyanGFXとJpgLoopAnimeでM5StackとM5Cameraの全画面WiFi動画ストリーミング実験
LovyanGFX と JpgLoopAnime ライブラリを使ったら、M5Stack と M5Camera のWiFi動画ストリーミングがメチャメチャ高速になり、20～25fpsを叩き出せました。しかも全画面 320 x 240 pixel です。これを使わない手はないですよ。
M5Stack OV2640のJPEG出力でM5CameraとM5StackのWiFi動画ストリーミング実験
マジですごいです。M5CameraのイメージセンサOV2640のJPEG出力を制御して、WiFiでM5Stackへ飛ばすと、高フレームレートで動画ストリーミングできました。リアルタイムでフレームサイズを変えたり、JPEG画質を変えたり、PCLK分周を変えたりできます。しかもスマホへのストリーミングに切り替えられますよ。
M5Stack M5StackとM5Camera でWiFi TCP/IP 動画ストリーミングする実験
M5Stack と M5Camera を使って、WiFi TCP/IP でMJPEG (BMP) 動画ストリーミングをやってみた。スマホやパソコンのブラウザに切り替えて表示可能です。双方向通信でイメージセンサ(OV2640)のホワイトバランスや露出調整ができます。フレームレートの不思議な挙動が謎です。
ESP32 ( ESP-WROOM-32 ) ESP32でhttpdライブラリを使うとMotion JPEG(BMP)動画ストリーミングが速い！
ESP32 で httpd ライブラリを使って、Motion JPEG ( BMP )動画ストリーミングをすると、自分で作ったプログラミングよりも３倍高速にできました。当然、ストリーミング中でもブラウザと双方向通信できます。これだけ高速化できれば十分です。
ESP32 ( ESP-WROOM-32 ) ESP32でビットマップ画像ファイルを生成し、ブラウザに連続送信してMotion JPEGならぬMotion BMP動画ストリーミングする実験
ESP32 でビットマップ(BMP)ファイルを生成し、WiFiで Motion JPEG ( MJPEG )でブラウザへ動画ストリーミング通信する実験をやってみました。ストリーミング中でもブラウザからコントロールできる双方向通信が実現できました。