Myu: FreeNove Esp32 Wroverで間欠WebCam動作テスト

Freenoveのesp32 wroverについては、ストリーミングだと負荷がかかりすぎるし、付属のサンプルコードはカメラとGPIOを同時に細かい制御ができないコードのようなので、間欠で静止画をWebで表示しつつ、GPIOの操作するようなコードを試してみた。FNK0060というパッケージに合わせてライブラリなどそろえる必要あるようだった。

index.htmlは、IDEがver2だとアップロードできないので、Ver1を使う必要があった。

************ino file**************
  #include "esp_camera.h"
#include <WiFi.h>
#include <ESPAsyncWebServer.h>
#include "SPIFFS.h"

// ===== WiFi設定 =====
const char* ssid = "****";
const char* password = "*******";

IPAddress local_IP(192,168,1,30);
IPAddress gateway(192,168,1,1);
IPAddress subnet(255,255,255,0);

AsyncWebServer server(80);

#define LED_PIN 2  // 内蔵LED
bool ledState = false;  // LEDの現在状態

// ===== カメラピン定義（FNK0060 / WROVER-KIT） =====
#define CAMERA_MODEL_WROVER_KIT

#if defined(CAMERA_MODEL_WROVER_KIT)
#define PWDN_GPIO_NUM  -1
#define RESET_GPIO_NUM -1
#define XCLK_GPIO_NUM  21
#define SIOD_GPIO_NUM  26
#define SIOC_GPIO_NUM  27

#define Y9_GPIO_NUM    35
#define Y8_GPIO_NUM    34
#define Y7_GPIO_NUM    39
#define Y6_GPIO_NUM    36
#define Y5_GPIO_NUM    19
#define Y4_GPIO_NUM    18
#define Y3_GPIO_NUM    5
#define Y2_GPIO_NUM    4
#define VSYNC_GPIO_NUM 25
#define HREF_GPIO_NUM  23
#define PCLK_GPIO_NUM  22
#endif

// ===== カメラ初期化 =====
void initCamera() {
  camera_config_t config;
  config.ledc_channel = LEDC_CHANNEL_0;
  config.ledc_timer   = LEDC_TIMER_0;

config.pin_d0 = Y2_GPIO_NUM;
  config.pin_d1 = Y3_GPIO_NUM;
  config.pin_d2 = Y4_GPIO_NUM;
  config.pin_d3 = Y5_GPIO_NUM;
  config.pin_d4 = Y6_GPIO_NUM;
  config.pin_d5 = Y7_GPIO_NUM;
  config.pin_d6 = Y8_GPIO_NUM;
  config.pin_d7 = Y9_GPIO_NUM;

config.pin_xclk     = XCLK_GPIO_NUM;
  config.pin_pclk     = PCLK_GPIO_NUM;
  config.pin_vsync    = VSYNC_GPIO_NUM;
  config.pin_href     = HREF_GPIO_NUM;
  config.pin_sccb_sda = SIOD_GPIO_NUM;
  config.pin_sccb_scl = SIOC_GPIO_NUM;
  config.pin_pwdn     = PWDN_GPIO_NUM;
  config.pin_reset    = RESET_GPIO_NUM;

config.xclk_freq_hz = 20000000;
  config.pixel_format = PIXFORMAT_JPEG;
  config.frame_size   = FRAMESIZE_VGA;
  config.jpeg_quality = 15;
  config.fb_count     = 1; // 最小構成で安定

Serial.println("Camera init start");
  esp_err_t err = esp_camera_init(&config);
  if(err != ESP_OK){
    Serial.printf("Camera init failed: 0x%x\n", err);
  } else {
    Serial.println("Camera init OK");
  }
}

// ===== キャプチャタスク =====
void captureTask(void *pvParameters) {
  while(true){
    camera_fb_t * fb = esp_camera_fb_get();
    if(fb){
      File f = SPIFFS.open("/latest.jpg", FILE_WRITE);
      if(f){
        f.write(fb->buf, fb->len);
        f.close();
        Serial.printf("Saved latest.jpg (%d bytes)\n", fb->len);
      } else {
        Serial.println("SPIFFS open failed");
      }
      esp_camera_fb_return(fb);
    } else {
      Serial.println("Camera capture failed");
    }
    vTaskDelay(pdMS_TO_TICKS(10000)); // 10秒毎
  }
}

// ===== setup =====
void setup() {
  Serial.begin(115200);
  delay(1000);

if(!SPIFFS.begin(true)){
    Serial.println("SPIFFS Mount Failed");
    return;
  }

initCamera();

WiFi.mode(WIFI_STA);
  WiFi.config(local_IP, gateway, subnet);
  WiFi.begin(ssid, password);
  while(WiFi.status() != WL_CONNECTED){
    delay(500);
  }
  Serial.print("WiFi connected: ");
  Serial.println(WiFi.localIP());

// /index.html を返す
  server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){
    request->send(SPIFFS, "/index.html", "text/html");
  });

// /latest.jpg はキャプチャ画像
  server.on("/latest.jpg", HTTP_GET, [](AsyncWebServerRequest *request){
    if(!SPIFFS.exists("/latest.jpg")){
      request->send(503, "text/plain", "Image not ready");
      return;
    }
    request->send(SPIFFS, "/latest.jpg", "image/jpeg");
  });

pinMode(LED_PIN, OUTPUT);

server.on("/led", HTTP_GET, [](AsyncWebServerRequest *request){
    if(request->hasParam("toggle")) {
        // ボタン押下で切り替え
        ledState = !ledState;
        digitalWrite(LED_PIN, ledState ? HIGH : LOW);
    }
    // 現在の状態を返す
    String stateStr = ledState ? "on" : "off";
    request->send(200, "text/plain", stateStr);
});

server.onNotFound([](AsyncWebServerRequest *request){
    request->send(404, "text/plain", "Not found");
  });

server.begin();

// キャプチャタスクを Core 1 で開始
  xTaskCreatePinnedToCore(
    captureTask,
    "capture",
    8192,
    NULL,
    1,
    NULL,
    1
  );
}

void loop(){}
  *************index.html******************
  <!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>ESP32 Camera</title>
<style>
  body { margin:0; background:#000; color:#fff; font-family:sans-serif; }
  #camera { display:block; margin:auto; max-width:100%; }
  #timestamp {
    position: fixed;
    left: 10px;
    bottom: 10px;
    background: rgba(0,0,0,0.5);
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 14px;
  }
</style>
</head>
<body>

<img id="camera" src="/latest.jpg" alt="Camera">
<div id="timestamp"></div>
<button id="ledBtn">Toggle LED</button>

function updateImage() {
  const t = new Date();
  ts.textContent = t.toLocaleString(); // PC側日時表示
  img.src = '/latest.jpg?t=' + t.getTime(); // キャッシュ回避
}

updateImage();
setInterval(updateImage, interval);

</script>

</body>
</html>

Myu

2026年1月18日日曜日

FreeNove Esp32 Wroverで間欠WebCam動作テスト

0 件のコメント:

コメントを投稿

ブログアーカイブ