first commit
This commit is contained in:
bitluni
commit
a2db89ad8c
|
|
@ -0,0 +1,40 @@
|
|||
#include <WiFi.h>
|
||||
#include "file.h"
|
||||
#include "camera.h"
|
||||
#include "lapse.h"
|
||||
|
||||
const char *ssid = "...";
|
||||
const char *password = "...";
|
||||
|
||||
void startCameraServer();
|
||||
|
||||
void setup()
|
||||
{
|
||||
Serial.begin(115200);
|
||||
Serial.setDebugOutput(true);
|
||||
Serial.println();
|
||||
initFileSystem();
|
||||
initCamera();
|
||||
|
||||
WiFi.begin(ssid, password);
|
||||
while (WiFi.status() != WL_CONNECTED)
|
||||
{
|
||||
delay(500);
|
||||
Serial.print(".");
|
||||
}
|
||||
Serial.println("");
|
||||
Serial.println("WiFi connected");
|
||||
startCameraServer();
|
||||
Serial.print("Camera Ready! Use 'http://");
|
||||
Serial.print(WiFi.localIP());
|
||||
Serial.println("' to connect");
|
||||
}
|
||||
|
||||
void loop()
|
||||
{
|
||||
unsigned long t = millis();
|
||||
static unsigned long ot = 0;
|
||||
unsigned long dt = t - ot;
|
||||
ot = t;
|
||||
processLapse(dt);
|
||||
}
|
||||
|
|
@ -0,0 +1,387 @@
|
|||
// Copyright 2015-2016 Espressif Systems (Shanghai) PTE LTD
|
||||
//
|
||||
// Licensed under the Apache License, Version 2.0 (the "License");
|
||||
// you may not use this file except in compliance with the License.
|
||||
// You may obtain a copy of the License at
|
||||
//
|
||||
// http://www.apache.org/licenses/LICENSE-2.0
|
||||
//
|
||||
// Unless required by applicable law or agreed to in writing, software
|
||||
// distributed under the License is distributed on an "AS IS" BASIS,
|
||||
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
// See the License for the specific language governing permissions and
|
||||
// limitations under the License.
|
||||
//
|
||||
// modifed by bitluni 2020
|
||||
|
||||
#include "file.h"
|
||||
#include "esp_http_server.h"
|
||||
#include "esp_timer.h"
|
||||
#include "esp_camera.h"
|
||||
#include "Arduino.h"
|
||||
#include "EEPROM.h"
|
||||
#include "lapse.h"
|
||||
|
||||
const char *indexHtml =
|
||||
#include "index.h"
|
||||
;
|
||||
|
||||
unsigned long interval = 1000;
|
||||
|
||||
typedef struct
|
||||
{
|
||||
httpd_req_t *req;
|
||||
size_t len;
|
||||
} jpg_chunking_t;
|
||||
|
||||
#define PART_BOUNDARY "123456789000000000000987654321"
|
||||
static const char *_STREAM_CONTENT_TYPE = "multipart/x-mixed-replace;boundary=" PART_BOUNDARY;
|
||||
static const char *_STREAM_BOUNDARY = "\r\n--" PART_BOUNDARY "\r\n";
|
||||
static const char *_STREAM_PART = "Content-Type: image/jpeg\r\nContent-Length: %u\r\n\r\n";
|
||||
|
||||
httpd_handle_t stream_httpd = NULL;
|
||||
httpd_handle_t camera_httpd = NULL;
|
||||
|
||||
static size_t jpg_encode_stream(void *arg, size_t index, const void *data, size_t len)
|
||||
{
|
||||
jpg_chunking_t *j = (jpg_chunking_t *)arg;
|
||||
if (!index)
|
||||
{
|
||||
j->len = 0;
|
||||
}
|
||||
if (httpd_resp_send_chunk(j->req, (const char *)data, len) != ESP_OK)
|
||||
{
|
||||
return 0;
|
||||
}
|
||||
j->len += len;
|
||||
return len;
|
||||
}
|
||||
|
||||
static esp_err_t capture_handler(httpd_req_t *req)
|
||||
{
|
||||
camera_fb_t *fb = NULL;
|
||||
esp_err_t res = ESP_OK;
|
||||
|
||||
fb = esp_camera_fb_get();
|
||||
if (!fb)
|
||||
{
|
||||
Serial.println("Camera capture failed");
|
||||
httpd_resp_send_500(req);
|
||||
return ESP_FAIL;
|
||||
}
|
||||
/*
|
||||
char path[20];
|
||||
sprintf(path, "/%04d", projectIndex);
|
||||
if (!fileExists(path))
|
||||
createDir(path);
|
||||
sprintf(path, "/%04d/%08d.jpg", projectIndex, fileIndex);
|
||||
Serial.println(path);
|
||||
writeBinary(path, (const unsigned char *)fb->buf, fb->len);
|
||||
fileIndex++;*/
|
||||
|
||||
httpd_resp_set_type(req, "image/jpeg");
|
||||
httpd_resp_set_hdr(req, "Content-Disposition", "inline; filename=capture.jpg");
|
||||
httpd_resp_set_hdr(req, "Access-Control-Allow-Origin", "*");
|
||||
|
||||
size_t out_len, out_width, out_height;
|
||||
uint8_t *out_buf;
|
||||
bool s;
|
||||
bool detected = false;
|
||||
int face_id = 0;
|
||||
size_t fb_len = 0;
|
||||
if (fb->format == PIXFORMAT_JPEG)
|
||||
{
|
||||
fb_len = fb->len;
|
||||
res = httpd_resp_send(req, (const char *)fb->buf, fb->len);
|
||||
}
|
||||
else
|
||||
{
|
||||
jpg_chunking_t jchunk = {req, 0};
|
||||
res = frame2jpg_cb(fb, 80, jpg_encode_stream, &jchunk) ? ESP_OK : ESP_FAIL;
|
||||
httpd_resp_send_chunk(req, NULL, 0);
|
||||
fb_len = jchunk.len;
|
||||
}
|
||||
esp_camera_fb_return(fb);
|
||||
return res;
|
||||
}
|
||||
|
||||
|
||||
static esp_err_t startLapseHandler(httpd_req_t *req)
|
||||
{
|
||||
startLapse();
|
||||
}
|
||||
|
||||
static esp_err_t stopLapseHandler(httpd_req_t *req)
|
||||
{
|
||||
stopLapse();
|
||||
}
|
||||
|
||||
static esp_err_t streamHandler(httpd_req_t *req)
|
||||
{
|
||||
camera_fb_t *fb = NULL;
|
||||
esp_err_t res = ESP_OK;
|
||||
char *part_buf[64];
|
||||
|
||||
res = httpd_resp_set_type(req, _STREAM_CONTENT_TYPE);
|
||||
if (res != ESP_OK)
|
||||
return res;
|
||||
httpd_resp_set_hdr(req, "Access-Control-Allow-Origin", "*");
|
||||
do
|
||||
{
|
||||
fb = esp_camera_fb_get();
|
||||
Serial.print("Frame size ");
|
||||
Serial.println(fb->len);
|
||||
if (!fb)
|
||||
{
|
||||
Serial.println("Camera capture failed");
|
||||
continue;
|
||||
}
|
||||
size_t hlen = snprintf((char *)part_buf, 64, _STREAM_PART, fb->len);
|
||||
res = httpd_resp_send_chunk(req, (const char *)part_buf, hlen);
|
||||
if (res == ESP_OK)
|
||||
res = httpd_resp_send_chunk(req, (const char *)fb->buf, fb->len);
|
||||
if (res == ESP_OK)
|
||||
res = httpd_resp_send_chunk(req, _STREAM_BOUNDARY, strlen(_STREAM_BOUNDARY));
|
||||
esp_camera_fb_return(fb);
|
||||
} while(res == ESP_OK);
|
||||
return res;
|
||||
}
|
||||
|
||||
static esp_err_t cmd_handler(httpd_req_t *req)
|
||||
{
|
||||
char *buf;
|
||||
size_t buf_len;
|
||||
char variable[32] = {0,};
|
||||
char value[32] = {0,};
|
||||
|
||||
buf_len = httpd_req_get_url_query_len(req) + 1;
|
||||
if (buf_len > 1)
|
||||
{
|
||||
buf = (char *)malloc(buf_len);
|
||||
if (!buf)
|
||||
{
|
||||
httpd_resp_send_500(req);
|
||||
return ESP_FAIL;
|
||||
}
|
||||
if (httpd_req_get_url_query_str(req, buf, buf_len) == ESP_OK)
|
||||
{
|
||||
if (httpd_query_key_value(buf, "var", variable, sizeof(variable)) == ESP_OK &&
|
||||
httpd_query_key_value(buf, "val", value, sizeof(value)) == ESP_OK)
|
||||
{
|
||||
}
|
||||
else
|
||||
{
|
||||
free(buf);
|
||||
httpd_resp_send_404(req);
|
||||
return ESP_FAIL;
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
free(buf);
|
||||
httpd_resp_send_404(req);
|
||||
return ESP_FAIL;
|
||||
}
|
||||
free(buf);
|
||||
}
|
||||
else
|
||||
{
|
||||
httpd_resp_send_404(req);
|
||||
return ESP_FAIL;
|
||||
}
|
||||
|
||||
int val = atoi(value);
|
||||
sensor_t *s = esp_camera_sensor_get();
|
||||
int res = 0;
|
||||
|
||||
if (!strcmp(variable, "framesize"))
|
||||
{
|
||||
if (s->pixformat == PIXFORMAT_JPEG)
|
||||
res = s->set_framesize(s, (framesize_t)val);
|
||||
}
|
||||
else if (!strcmp(variable, "quality"))
|
||||
res = s->set_quality(s, val);
|
||||
else if (!strcmp(variable, "contrast"))
|
||||
res = s->set_contrast(s, val);
|
||||
else if (!strcmp(variable, "brightness"))
|
||||
res = s->set_brightness(s, val);
|
||||
else if (!strcmp(variable, "saturation"))
|
||||
res = s->set_saturation(s, val);
|
||||
else if (!strcmp(variable, "gainceiling"))
|
||||
res = s->set_gainceiling(s, (gainceiling_t)val);
|
||||
else if (!strcmp(variable, "colorbar"))
|
||||
res = s->set_colorbar(s, val);
|
||||
else if (!strcmp(variable, "awb"))
|
||||
res = s->set_whitebal(s, val);
|
||||
else if (!strcmp(variable, "agc"))
|
||||
res = s->set_gain_ctrl(s, val);
|
||||
else if (!strcmp(variable, "aec"))
|
||||
res = s->set_exposure_ctrl(s, val);
|
||||
else if (!strcmp(variable, "hmirror"))
|
||||
res = s->set_hmirror(s, val);
|
||||
else if (!strcmp(variable, "vflip"))
|
||||
res = s->set_vflip(s, val);
|
||||
else if (!strcmp(variable, "agc_gain"))
|
||||
res = s->set_agc_gain(s, val);
|
||||
else if (!strcmp(variable, "aec2"))
|
||||
res = s->set_aec2(s, val);
|
||||
else if (!strcmp(variable, "aec_value"))
|
||||
res = s->set_aec_value(s, val);
|
||||
else if (!strcmp(variable, "dcw"))
|
||||
res = s->set_dcw(s, val);
|
||||
else if (!strcmp(variable, "bpc"))
|
||||
res = s->set_bpc(s, val);
|
||||
else if (!strcmp(variable, "wpc"))
|
||||
res = s->set_wpc(s, val);
|
||||
else if (!strcmp(variable, "raw_gma"))
|
||||
res = s->set_raw_gma(s, val);
|
||||
else if (!strcmp(variable, "lenc"))
|
||||
res = s->set_lenc(s, val);
|
||||
else if (!strcmp(variable, "special_effect"))
|
||||
res = s->set_special_effect(s, val);
|
||||
else if (!strcmp(variable, "wb_mode"))
|
||||
{
|
||||
if (val == -1)
|
||||
{
|
||||
res = s->set_awb_gain(s, 0);
|
||||
}
|
||||
else
|
||||
{
|
||||
res = s->set_awb_gain(s, 1);
|
||||
res = s->set_wb_mode(s, val);
|
||||
}
|
||||
}
|
||||
else if (!strcmp(variable, "ae_level"))
|
||||
res = s->set_ae_level(s, val);
|
||||
else if (!strcmp(variable, "interval"))
|
||||
setInterval(val);
|
||||
else
|
||||
{
|
||||
res = -1;
|
||||
}
|
||||
|
||||
if (res)
|
||||
{
|
||||
return httpd_resp_send_500(req);
|
||||
}
|
||||
|
||||
httpd_resp_set_hdr(req, "Access-Control-Allow-Origin", "*");
|
||||
return httpd_resp_send(req, NULL, 0);
|
||||
}
|
||||
|
||||
static esp_err_t status_handler(httpd_req_t *req)
|
||||
{
|
||||
static char json_response[1024];
|
||||
|
||||
sensor_t *s = esp_camera_sensor_get();
|
||||
char *p = json_response;
|
||||
*p++ = '{';
|
||||
|
||||
p += sprintf(p, "\"framesize\":%u,", s->status.framesize);
|
||||
p += sprintf(p, "\"quality\":%u,", s->status.quality);
|
||||
p += sprintf(p, "\"brightness\":%d,", s->status.brightness);
|
||||
p += sprintf(p, "\"contrast\":%d,", s->status.contrast);
|
||||
p += sprintf(p, "\"saturation\":%d,", s->status.saturation);
|
||||
p += sprintf(p, "\"sharpness\":%d,", s->status.sharpness);
|
||||
p += sprintf(p, "\"special_effect\":%u,", s->status.special_effect);
|
||||
p += sprintf(p, "\"wb_mode\":%u,", s->status.wb_mode);
|
||||
p += sprintf(p, "\"awb\":%u,", s->status.awb);
|
||||
p += sprintf(p, "\"awb_gain\":%u,", s->status.awb_gain);
|
||||
p += sprintf(p, "\"aec\":%u,", s->status.aec);
|
||||
p += sprintf(p, "\"aec2\":%u,", s->status.aec2);
|
||||
p += sprintf(p, "\"ae_level\":%d,", s->status.ae_level);
|
||||
p += sprintf(p, "\"aec_value\":%u,", s->status.aec_value);
|
||||
p += sprintf(p, "\"agc\":%u,", s->status.agc);
|
||||
p += sprintf(p, "\"agc_gain\":%u,", s->status.agc_gain);
|
||||
p += sprintf(p, "\"gainceiling\":%u,", s->status.gainceiling);
|
||||
p += sprintf(p, "\"bpc\":%u,", s->status.bpc);
|
||||
p += sprintf(p, "\"wpc\":%u,", s->status.wpc);
|
||||
p += sprintf(p, "\"raw_gma\":%u,", s->status.raw_gma);
|
||||
p += sprintf(p, "\"lenc\":%u,", s->status.lenc);
|
||||
p += sprintf(p, "\"vflip\":%u,", s->status.vflip);
|
||||
p += sprintf(p, "\"hmirror\":%u,", s->status.hmirror);
|
||||
p += sprintf(p, "\"dcw\":%u,", s->status.dcw);
|
||||
p += sprintf(p, "\"colorbar\":%u,", s->status.colorbar);
|
||||
p += sprintf(p, "\"interval\":%u,", interval);
|
||||
*p++ = '}';
|
||||
*p++ = 0;
|
||||
httpd_resp_set_type(req, "application/json");
|
||||
httpd_resp_set_hdr(req, "Access-Control-Allow-Origin", "*");
|
||||
return httpd_resp_send(req, json_response, strlen(json_response));
|
||||
}
|
||||
|
||||
static esp_err_t index_handler(httpd_req_t *req)
|
||||
{
|
||||
httpd_resp_set_type(req, "text/html");
|
||||
//httpd_resp_set_hdr(req, "Content-Encoding", "gzip");
|
||||
sensor_t *s = esp_camera_sensor_get();
|
||||
unsigned long l = strlen(indexHtml);
|
||||
return httpd_resp_send(req, (const char *)indexHtml, l);
|
||||
}
|
||||
|
||||
void startCameraServer()
|
||||
{
|
||||
httpd_config_t config = HTTPD_DEFAULT_CONFIG();
|
||||
|
||||
httpd_uri_t index_uri = {
|
||||
.uri = "/",
|
||||
.method = HTTP_GET,
|
||||
.handler = index_handler,
|
||||
.user_ctx = NULL};
|
||||
|
||||
httpd_uri_t status_uri = {
|
||||
.uri = "/status",
|
||||
.method = HTTP_GET,
|
||||
.handler = status_handler,
|
||||
.user_ctx = NULL};
|
||||
|
||||
httpd_uri_t cmd_uri = {
|
||||
.uri = "/control",
|
||||
.method = HTTP_GET,
|
||||
.handler = cmd_handler,
|
||||
.user_ctx = NULL};
|
||||
|
||||
httpd_uri_t capture_uri = {
|
||||
.uri = "/capture",
|
||||
.method = HTTP_GET,
|
||||
.handler = capture_handler,
|
||||
.user_ctx = NULL};
|
||||
|
||||
httpd_uri_t stream_uri = {
|
||||
.uri = "/stream",
|
||||
.method = HTTP_GET,
|
||||
.handler = streamHandler,
|
||||
.user_ctx = NULL};
|
||||
|
||||
httpd_uri_t startLapse_uri = {
|
||||
.uri = "/startLapse",
|
||||
.method = HTTP_GET,
|
||||
.handler = startLapseHandler,
|
||||
.user_ctx = NULL};
|
||||
|
||||
httpd_uri_t stopLapse_uri = {
|
||||
.uri = "/stopLapse",
|
||||
.method = HTTP_GET,
|
||||
.handler = stopLapseHandler,
|
||||
.user_ctx = NULL};
|
||||
|
||||
Serial.printf("Starting web server on port: '%d'\n", config.server_port);
|
||||
if (httpd_start(&camera_httpd, &config) == ESP_OK)
|
||||
{
|
||||
httpd_register_uri_handler(camera_httpd, &index_uri);
|
||||
httpd_register_uri_handler(camera_httpd, &cmd_uri);
|
||||
httpd_register_uri_handler(camera_httpd, &status_uri);
|
||||
httpd_register_uri_handler(camera_httpd, &capture_uri);
|
||||
|
||||
httpd_register_uri_handler(camera_httpd, &startLapse_uri);
|
||||
httpd_register_uri_handler(camera_httpd, &stopLapse_uri);
|
||||
}
|
||||
|
||||
config.server_port += 1;
|
||||
config.ctrl_port += 1;
|
||||
Serial.printf("Starting stream server on port: '%d'\n", config.server_port);
|
||||
if (httpd_start(&stream_httpd, &config) == ESP_OK)
|
||||
{
|
||||
httpd_register_uri_handler(stream_httpd, &stream_uri);
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,79 @@
|
|||
#include "Arduino.h"
|
||||
#include "camera.h"
|
||||
// WARNING!!! Make sure that you have either selected ESP32 Wrover Module, or another board which has PSRAM enabled
|
||||
// Select camera model
|
||||
//#define CAMERA_MODEL_WROVER_KIT
|
||||
//#define CAMERA_MODEL_ESP_EYE
|
||||
//#define CAMERA_MODEL_M5STACK_PSRAM
|
||||
//#define CAMERA_MODEL_M5STACK_WIDE
|
||||
#define CAMERA_MODEL_AI_THINKER
|
||||
#include "camera_pins.h"
|
||||
|
||||
|
||||
bool 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_sscb_sda = SIOD_GPIO_NUM;
|
||||
config.pin_sscb_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;
|
||||
//init with high specs to pre-allocate larger buffers
|
||||
if (psramFound())
|
||||
{
|
||||
config.frame_size = FRAMESIZE_UXGA;
|
||||
config.jpeg_quality = 10;
|
||||
config.fb_count = 2;
|
||||
}
|
||||
else
|
||||
{
|
||||
config.frame_size = FRAMESIZE_SVGA;
|
||||
config.jpeg_quality = 12;
|
||||
config.fb_count = 1;
|
||||
}
|
||||
|
||||
#if defined(CAMERA_MODEL_ESP_EYE)
|
||||
pinMode(13, INPUT_PULLUP);
|
||||
pinMode(14, INPUT_PULLUP);
|
||||
#endif
|
||||
|
||||
// camera init
|
||||
esp_err_t err = esp_camera_init(&config);
|
||||
if (err != ESP_OK)
|
||||
{
|
||||
Serial.printf("Camera init failed with error 0x%x", err);
|
||||
return false;
|
||||
}
|
||||
|
||||
sensor_t *s = esp_camera_sensor_get();
|
||||
//initial sensors are flipped vertically and colors are a bit saturated
|
||||
if (s->id.PID == OV3660_PID)
|
||||
{
|
||||
s->set_vflip(s, 1); //flip it back
|
||||
s->set_brightness(s, 1); //up the blightness just a bit
|
||||
s->set_saturation(s, -2); //lower the saturation
|
||||
}
|
||||
//drop down frame size for higher initial frame rate
|
||||
s->set_framesize(s, FRAMESIZE_QVGA);
|
||||
|
||||
#if defined(CAMERA_MODEL_M5STACK_WIDE)
|
||||
s->set_vflip(s, 1);
|
||||
s->set_hmirror(s, 1);
|
||||
#endif
|
||||
return true;
|
||||
}
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
#pragma once
|
||||
#include "esp_camera.h"
|
||||
|
||||
bool initCamera();
|
||||
|
|
@ -0,0 +1,99 @@
|
|||
|
||||
#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
|
||||
|
||||
#elif defined(CAMERA_MODEL_ESP_EYE)
|
||||
#define PWDN_GPIO_NUM -1
|
||||
#define RESET_GPIO_NUM -1
|
||||
#define XCLK_GPIO_NUM 4
|
||||
#define SIOD_GPIO_NUM 18
|
||||
#define SIOC_GPIO_NUM 23
|
||||
|
||||
#define Y9_GPIO_NUM 36
|
||||
#define Y8_GPIO_NUM 37
|
||||
#define Y7_GPIO_NUM 38
|
||||
#define Y6_GPIO_NUM 39
|
||||
#define Y5_GPIO_NUM 35
|
||||
#define Y4_GPIO_NUM 14
|
||||
#define Y3_GPIO_NUM 13
|
||||
#define Y2_GPIO_NUM 34
|
||||
#define VSYNC_GPIO_NUM 5
|
||||
#define HREF_GPIO_NUM 27
|
||||
#define PCLK_GPIO_NUM 25
|
||||
|
||||
#elif defined(CAMERA_MODEL_M5STACK_PSRAM)
|
||||
#define PWDN_GPIO_NUM -1
|
||||
#define RESET_GPIO_NUM 15
|
||||
#define XCLK_GPIO_NUM 27
|
||||
#define SIOD_GPIO_NUM 25
|
||||
#define SIOC_GPIO_NUM 23
|
||||
|
||||
#define Y9_GPIO_NUM 19
|
||||
#define Y8_GPIO_NUM 36
|
||||
#define Y7_GPIO_NUM 18
|
||||
#define Y6_GPIO_NUM 39
|
||||
#define Y5_GPIO_NUM 5
|
||||
#define Y4_GPIO_NUM 34
|
||||
#define Y3_GPIO_NUM 35
|
||||
#define Y2_GPIO_NUM 32
|
||||
#define VSYNC_GPIO_NUM 22
|
||||
#define HREF_GPIO_NUM 26
|
||||
#define PCLK_GPIO_NUM 21
|
||||
|
||||
#elif defined(CAMERA_MODEL_M5STACK_WIDE)
|
||||
#define PWDN_GPIO_NUM -1
|
||||
#define RESET_GPIO_NUM 15
|
||||
#define XCLK_GPIO_NUM 27
|
||||
#define SIOD_GPIO_NUM 22
|
||||
#define SIOC_GPIO_NUM 23
|
||||
|
||||
#define Y9_GPIO_NUM 19
|
||||
#define Y8_GPIO_NUM 36
|
||||
#define Y7_GPIO_NUM 18
|
||||
#define Y6_GPIO_NUM 39
|
||||
#define Y5_GPIO_NUM 5
|
||||
#define Y4_GPIO_NUM 34
|
||||
#define Y3_GPIO_NUM 35
|
||||
#define Y2_GPIO_NUM 32
|
||||
#define VSYNC_GPIO_NUM 25
|
||||
#define HREF_GPIO_NUM 26
|
||||
#define PCLK_GPIO_NUM 21
|
||||
|
||||
#elif defined(CAMERA_MODEL_AI_THINKER)
|
||||
#define PWDN_GPIO_NUM 32
|
||||
#define RESET_GPIO_NUM -1
|
||||
#define XCLK_GPIO_NUM 0
|
||||
#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 21
|
||||
#define Y4_GPIO_NUM 19
|
||||
#define Y3_GPIO_NUM 18
|
||||
#define Y2_GPIO_NUM 5
|
||||
#define VSYNC_GPIO_NUM 25
|
||||
#define HREF_GPIO_NUM 23
|
||||
#define PCLK_GPIO_NUM 22
|
||||
|
||||
#else
|
||||
#error "Camera model not selected"
|
||||
#endif
|
||||
|
|
@ -0,0 +1,99 @@
|
|||
#include "FS.h"
|
||||
#include "SD_MMC.h"
|
||||
|
||||
bool writeFile(const char *path, const unsigned char *data, unsigned long len)
|
||||
{
|
||||
Serial.printf("Writing file: %s\n", path);
|
||||
File file = SD_MMC.open(path, FILE_WRITE);
|
||||
if (!file)
|
||||
{
|
||||
Serial.println("Failed to open file for writing");
|
||||
return false;
|
||||
}
|
||||
if (file.write(data, len))
|
||||
{
|
||||
Serial.println("File written");
|
||||
}
|
||||
else
|
||||
{
|
||||
Serial.println("Write failed");
|
||||
return false;
|
||||
}
|
||||
file.close();
|
||||
return true;
|
||||
}
|
||||
|
||||
bool appendFile(const char *path, const unsigned char *data, unsigned long len)
|
||||
{
|
||||
Serial.printf("Appending to file: %s\n", path);
|
||||
|
||||
File file = SD_MMC.open(path, FILE_APPEND);
|
||||
if (!file)
|
||||
{
|
||||
Serial.println("Failed to open file for writing");
|
||||
return false;
|
||||
}
|
||||
if (file.write(data, len))
|
||||
{
|
||||
Serial.println("File written");
|
||||
}
|
||||
else
|
||||
{
|
||||
Serial.println("Write failed");
|
||||
return false;
|
||||
}
|
||||
file.close();
|
||||
return true;
|
||||
}
|
||||
|
||||
bool initFileSystem()
|
||||
{
|
||||
if (!SD_MMC.begin())
|
||||
{
|
||||
Serial.println("Card Mount Failed");
|
||||
return false;
|
||||
}
|
||||
uint8_t cardType = SD_MMC.cardType();
|
||||
|
||||
if (cardType == CARD_NONE)
|
||||
{
|
||||
Serial.println("No SD card attached");
|
||||
return false;
|
||||
}
|
||||
Serial.print("SD Card Type: ");
|
||||
if (cardType == CARD_MMC)
|
||||
Serial.println("MMC");
|
||||
else if (cardType == CARD_SD)
|
||||
Serial.println("SDSC");
|
||||
else if (cardType == CARD_SDHC)
|
||||
Serial.println("SDHC");
|
||||
else
|
||||
|
||||
Serial.println("UNKNOWN");
|
||||
|
||||
uint64_t cardSize = SD_MMC.cardSize() / (1024 * 1024);
|
||||
Serial.printf("SD Card Size: %lluMB\n", cardSize);
|
||||
Serial.printf("Total space: %lluMB\n", SD_MMC.totalBytes() / (1024 * 1024));
|
||||
Serial.printf("Used space: %lluMB\n", SD_MMC.usedBytes() / (1024 * 1024));
|
||||
return true;
|
||||
}
|
||||
|
||||
bool createDir(const char *path)
|
||||
{
|
||||
Serial.printf("Creating Dir: %s\n", path);
|
||||
if (SD_MMC.mkdir(path))
|
||||
{
|
||||
Serial.println("Dir created");
|
||||
}
|
||||
else
|
||||
{
|
||||
Serial.println("mkdir failed");
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
bool fileExists(const char *path)
|
||||
{
|
||||
return SD_MMC.exists(path);
|
||||
}
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
#pragma once
|
||||
bool writeFile(const char *path, const unsigned char *data, unsigned long len);
|
||||
bool appendFile(const char *path, const unsigned char *data, unsigned long len);
|
||||
bool initFileSystem();
|
||||
bool createDir(const char *path);
|
||||
bool fileExists(const char *path);
|
||||
|
|
@ -0,0 +1,748 @@
|
|||
R"(<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>ESP32 OV2460</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial,Helvetica,sans-serif;
|
||||
background: #181818;
|
||||
color: #EFEFEF;
|
||||
font-size: 16px
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 18px
|
||||
}
|
||||
|
||||
section.main {
|
||||
display: flex
|
||||
}
|
||||
|
||||
#menu,section.main {
|
||||
flex-direction: column
|
||||
}
|
||||
|
||||
#menu {
|
||||
display: none;
|
||||
flex-wrap: nowrap;
|
||||
min-width: 340px;
|
||||
background: #363636;
|
||||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
margin-top: -10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#content {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: stretch
|
||||
}
|
||||
|
||||
figure {
|
||||
padding: 0px;
|
||||
margin: 0;
|
||||
-webkit-margin-before: 0;
|
||||
margin-block-start: 0;
|
||||
-webkit-margin-after: 0;
|
||||
margin-block-end: 0;
|
||||
-webkit-margin-start: 0;
|
||||
margin-inline-start: 0;
|
||||
-webkit-margin-end: 0;
|
||||
margin-inline-end: 0
|
||||
}
|
||||
|
||||
figure img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 4px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
@media (min-width: 800px) and (orientation:landscape) {
|
||||
#content {
|
||||
display:flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: stretch
|
||||
}
|
||||
|
||||
figure img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
max-height: calc(100vh - 40px);
|
||||
width: auto;
|
||||
height: auto
|
||||
}
|
||||
|
||||
figure {
|
||||
padding: 0 0 0 0px;
|
||||
margin: 0;
|
||||
-webkit-margin-before: 0;
|
||||
margin-block-start: 0;
|
||||
-webkit-margin-after: 0;
|
||||
margin-block-end: 0;
|
||||
-webkit-margin-start: 0;
|
||||
margin-inline-start: 0;
|
||||
-webkit-margin-end: 0;
|
||||
margin-inline-end: 0
|
||||
}
|
||||
}
|
||||
|
||||
section#buttons {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: space-between
|
||||
}
|
||||
|
||||
#nav-toggle {
|
||||
cursor: pointer;
|
||||
display: block
|
||||
}
|
||||
|
||||
#nav-toggle-cb {
|
||||
outline: 0;
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0
|
||||
}
|
||||
|
||||
#nav-toggle-cb:checked+#menu {
|
||||
display: flex
|
||||
}
|
||||
|
||||
.input-group {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
line-height: 22px;
|
||||
margin: 5px 0
|
||||
}
|
||||
|
||||
.input-group>label {
|
||||
display: inline-block;
|
||||
padding-right: 10px;
|
||||
min-width: 47%
|
||||
}
|
||||
|
||||
.input-group input,.input-group select {
|
||||
flex-grow: 1
|
||||
}
|
||||
|
||||
.range-max,.range-min {
|
||||
display: inline-block;
|
||||
padding: 0 5px
|
||||
}
|
||||
|
||||
button {
|
||||
display: block;
|
||||
margin: 5px;
|
||||
padding: 0 12px;
|
||||
border: 0;
|
||||
line-height: 28px;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
background: #ff3034;
|
||||
border-radius: 5px;
|
||||
font-size: 16px;
|
||||
outline: 0
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background: #ff494d
|
||||
}
|
||||
|
||||
button:active {
|
||||
background: #f21c21
|
||||
}
|
||||
|
||||
button.disabled {
|
||||
cursor: default;
|
||||
background: #a0a0a0
|
||||
}
|
||||
|
||||
input[type=range] {
|
||||
-webkit-appearance: none;
|
||||
width: 100%;
|
||||
height: 22px;
|
||||
background: #363636;
|
||||
cursor: pointer;
|
||||
margin: 0
|
||||
}
|
||||
|
||||
input[type=range]:focus {
|
||||
outline: 0
|
||||
}
|
||||
|
||||
input[type=range]::-webkit-slider-runnable-track {
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
cursor: pointer;
|
||||
background: #EFEFEF;
|
||||
border-radius: 0;
|
||||
border: 0 solid #EFEFEF
|
||||
}
|
||||
|
||||
input[type=range]::-webkit-slider-thumb {
|
||||
border: 1px solid rgba(0,0,30,0);
|
||||
height: 22px;
|
||||
width: 22px;
|
||||
border-radius: 50px;
|
||||
background: #ff3034;
|
||||
cursor: pointer;
|
||||
-webkit-appearance: none;
|
||||
margin-top: -11.5px
|
||||
}
|
||||
|
||||
input[type=range]:focus::-webkit-slider-runnable-track {
|
||||
background: #EFEFEF
|
||||
}
|
||||
|
||||
input[type=range]::-moz-range-track {
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
cursor: pointer;
|
||||
background: #EFEFEF;
|
||||
border-radius: 0;
|
||||
border: 0 solid #EFEFEF
|
||||
}
|
||||
|
||||
input[type=range]::-moz-range-thumb {
|
||||
border: 1px solid rgba(0,0,30,0);
|
||||
height: 22px;
|
||||
width: 22px;
|
||||
border-radius: 50px;
|
||||
background: #ff3034;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
input[type=range]::-ms-track {
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border-color: transparent;
|
||||
color: transparent
|
||||
}
|
||||
|
||||
input[type=range]::-ms-fill-lower {
|
||||
background: #EFEFEF;
|
||||
border: 0 solid #EFEFEF;
|
||||
border-radius: 0
|
||||
}
|
||||
|
||||
input[type=range]::-ms-fill-upper {
|
||||
background: #EFEFEF;
|
||||
border: 0 solid #EFEFEF;
|
||||
border-radius: 0
|
||||
}
|
||||
|
||||
input[type=range]::-ms-thumb {
|
||||
border: 1px solid rgba(0,0,30,0);
|
||||
height: 22px;
|
||||
width: 22px;
|
||||
border-radius: 50px;
|
||||
background: #ff3034;
|
||||
cursor: pointer;
|
||||
height: 2px
|
||||
}
|
||||
|
||||
input[type=range]:focus::-ms-fill-lower {
|
||||
background: #EFEFEF
|
||||
}
|
||||
|
||||
input[type=range]:focus::-ms-fill-upper {
|
||||
background: #363636
|
||||
}
|
||||
|
||||
.switch {
|
||||
display: block;
|
||||
position: relative;
|
||||
line-height: 22px;
|
||||
font-size: 16px;
|
||||
height: 22px
|
||||
}
|
||||
|
||||
.switch input {
|
||||
outline: 0;
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0
|
||||
}
|
||||
|
||||
.slider {
|
||||
width: 50px;
|
||||
height: 22px;
|
||||
border-radius: 22px;
|
||||
cursor: pointer;
|
||||
background-color: grey
|
||||
}
|
||||
|
||||
.slider,.slider:before {
|
||||
display: inline-block;
|
||||
transition: .4s
|
||||
}
|
||||
|
||||
.slider:before {
|
||||
position: relative;
|
||||
content: "";
|
||||
border-radius: 50%;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
left: 4px;
|
||||
top: 3px;
|
||||
background-color: #fff
|
||||
}
|
||||
|
||||
input:checked+.slider {
|
||||
background-color: #ff3034
|
||||
}
|
||||
|
||||
input:checked+.slider:before {
|
||||
-webkit-transform: translateX(26px);
|
||||
transform: translateX(26px)
|
||||
}
|
||||
|
||||
select {
|
||||
border: 1px solid #363636;
|
||||
font-size: 14px;
|
||||
height: 22px;
|
||||
outline: 0;
|
||||
border-radius: 5px
|
||||
}
|
||||
|
||||
.image-container {
|
||||
position: relative;
|
||||
min-width: 160px
|
||||
}
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 5px;
|
||||
background: #ff3034;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 100px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 18px;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<section class="main">
|
||||
<div id="logo">
|
||||
<label for="nav-toggle-cb" id="nav-toggle">☰ Toggle OV2640 settings</label>
|
||||
</div>
|
||||
<div id="content">
|
||||
<div id="sidebar">
|
||||
<input type="checkbox" id="nav-toggle-cb" checked="checked">
|
||||
<nav id="menu">
|
||||
<div class="input-group" id="framesize-group">
|
||||
<label for="framesize">Resolution</label>
|
||||
<select id="framesize" class="default-action">
|
||||
<option value="10">UXGA(1600x1200)</option>
|
||||
<option value="9">SXGA(1280x1024)</option>
|
||||
<option value="8">XGA(1024x768)</option>
|
||||
<option value="7">SVGA(800x600)</option>
|
||||
<option value="6">VGA(640x480)</option>
|
||||
<option value="5" selected="selected">CIF(400x296)</option>
|
||||
<option value="4">QVGA(320x240)</option>
|
||||
<option value="3">HQVGA(240x176)</option>
|
||||
<option value="0">QQVGA(160x120)</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input-group" id="quality-group">
|
||||
<label for="quality">Quality</label>
|
||||
<div class="range-min">0</div>
|
||||
<input type="range" id="quality" min="0" max="63" value="10" class="default-action">
|
||||
<div class="range-max">63</div>
|
||||
</div>
|
||||
<div class="input-group" id="brightness-group">
|
||||
<label for="brightness">Brightness</label>
|
||||
<div class="range-min">-2</div>
|
||||
<input type="range" id="brightness" min="-2" max="2" value="0" class="default-action">
|
||||
<div class="range-max">2</div>
|
||||
</div>
|
||||
<div class="input-group" id="contrast-group">
|
||||
<label for="contrast">Contrast</label>
|
||||
<div class="range-min">-2</div>
|
||||
<input type="range" id="contrast" min="-2" max="2" value="0" class="default-action">
|
||||
<div class="range-max">2</div>
|
||||
</div>
|
||||
<div class="input-group" id="saturation-group">
|
||||
<label for="saturation">Saturation</label>
|
||||
<div class="range-min">-2</div>
|
||||
<input type="range" id="saturation" min="-2" max="2" value="0" class="default-action">
|
||||
<div class="range-max">2</div>
|
||||
</div>
|
||||
<div class="input-group" id="special_effect-group">
|
||||
<label for="special_effect">Special Effect</label>
|
||||
<select id="special_effect" class="default-action">
|
||||
<option value="0" selected="selected">No Effect</option>
|
||||
<option value="1">Negative</option>
|
||||
<option value="2">Grayscale</option>
|
||||
<option value="3">Red Tint</option>
|
||||
<option value="4">Green Tint</option>
|
||||
<option value="5">Blue Tint</option>
|
||||
<option value="6">Sepia</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input-group" id="awb_gain-group">
|
||||
<label for="awb_gain">AWB Gain</label>
|
||||
<div class="switch">
|
||||
<input id="awb_gain" type="checkbox" class="default-action" checked="checked">
|
||||
<label class="slider" for="awb_gain"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-group" id="wb_mode-group">
|
||||
<label for="wb_mode">White Balance</label>
|
||||
<select id="wb_mode" class="default-action">
|
||||
<option value="-1" selected="selected">Off</option>
|
||||
<option value="0" selected="selected">Auto</option>
|
||||
<option value="1">Sunny</option>
|
||||
<option value="2">Cloudy</option>
|
||||
<option value="3">Office</option>
|
||||
<option value="4">Home</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input-group" id="aec-group">
|
||||
<label for="aec">AEC SENSOR</label>
|
||||
<div class="switch">
|
||||
<input id="aec" type="checkbox" class="default-action" checked="checked">
|
||||
<label class="slider" for="aec"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-group" id="aec2-group">
|
||||
<label for="aec2">AEC DSP</label>
|
||||
<div class="switch">
|
||||
<input id="aec2" type="checkbox" class="default-action" checked="checked">
|
||||
<label class="slider" for="aec2"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-group" id="ae_level-group">
|
||||
<label for="ae_level">AE Level</label>
|
||||
<div class="range-min">-2</div>
|
||||
<input type="range" id="ae_level" min="-2" max="2" value="0" class="default-action">
|
||||
<div class="range-max">2</div>
|
||||
</div>
|
||||
<div class="input-group" id="aec_value-group">
|
||||
<label for="aec_value">Exposure</label>
|
||||
<div class="range-min">0</div>
|
||||
<input type="range" id="aec_value" min="0" max="1200" value="204" class="default-action">
|
||||
<div class="range-max">1200</div>
|
||||
</div>
|
||||
<div class="input-group" id="agc-group">
|
||||
<label for="agc">AGC</label>
|
||||
<div class="switch">
|
||||
<input id="agc" type="checkbox" class="default-action" checked="checked">
|
||||
<label class="slider" for="agc"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-group hidden" id="agc_gain-group">
|
||||
<label for="agc_gain">Gain</label>
|
||||
<div class="range-min">1x</div>
|
||||
<input type="range" id="agc_gain" min="0" max="30" value="5" class="default-action">
|
||||
<div class="range-max">31x</div>
|
||||
</div>
|
||||
<div class="input-group" id="gainceiling-group">
|
||||
<label for="gainceiling">Gain Ceiling</label>
|
||||
<div class="range-min">2x</div>
|
||||
<input type="range" id="gainceiling" min="0" max="6" value="0" class="default-action">
|
||||
<div class="range-max">128x</div>
|
||||
</div>
|
||||
<div class="input-group" id="bpc-group">
|
||||
<label for="bpc">BPC</label>
|
||||
<div class="switch">
|
||||
<input id="bpc" type="checkbox" class="default-action">
|
||||
<label class="slider" for="bpc"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-group" id="wpc-group">
|
||||
<label for="wpc">WPC</label>
|
||||
<div class="switch">
|
||||
<input id="wpc" type="checkbox" class="default-action" checked="checked">
|
||||
<label class="slider" for="wpc"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-group" id="raw_gma-group">
|
||||
<label for="raw_gma">Raw GMA</label>
|
||||
<div class="switch">
|
||||
<input id="raw_gma" type="checkbox" class="default-action" checked="checked">
|
||||
<label class="slider" for="raw_gma"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-group" id="lenc-group">
|
||||
<label for="lenc">Lens Correction</label>
|
||||
<div class="switch">
|
||||
<input id="lenc" type="checkbox" class="default-action" checked="checked">
|
||||
<label class="slider" for="lenc"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-group" id="hmirror-group">
|
||||
<label for="hmirror">H-Mirror</label>
|
||||
<div class="switch">
|
||||
<input id="hmirror" type="checkbox" class="default-action" checked="checked">
|
||||
<label class="slider" for="hmirror"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-group" id="vflip-group">
|
||||
<label for="vflip">V-Flip</label>
|
||||
<div class="switch">
|
||||
<input id="vflip" type="checkbox" class="default-action" checked="checked">
|
||||
<label class="slider" for="vflip"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-group" id="dcw-group">
|
||||
<label for="dcw">DCW (Downsize EN)</label>
|
||||
<div class="switch">
|
||||
<input id="dcw" type="checkbox" class="default-action" checked="checked">
|
||||
<label class="slider" for="dcw"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-group" id="interval-group">
|
||||
<label for="interval">Time-Lapse Interval [ms]</label>
|
||||
<input type="number" id="gainceiling" min="0" max="1000000000" value="1000" class="default-action">
|
||||
</div>
|
||||
<section id="buttons">
|
||||
<button id="get-still">Get Still</button>
|
||||
<button id="toggle-lapse">Start Time-Lapse</button>
|
||||
<button id="toggle-stream">Start Stream</button>
|
||||
</section>
|
||||
</nav>
|
||||
</div>
|
||||
<figure>
|
||||
<div id="stream-container" class="image-container hidden">
|
||||
<div class="close" id="close-stream">×</div>
|
||||
<img id="stream" src="">
|
||||
</div>
|
||||
</figure>
|
||||
</div>
|
||||
</section>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function (event)
|
||||
{
|
||||
var baseHost = document.location.origin
|
||||
var streamUrl = baseHost + ':81'
|
||||
|
||||
const hide = el => {
|
||||
el.classList.add('hidden')
|
||||
}
|
||||
const show = el => {
|
||||
el.classList.remove('hidden')
|
||||
}
|
||||
|
||||
const disable = el => {
|
||||
el.classList.add('disabled')
|
||||
el.disabled = true
|
||||
}
|
||||
|
||||
const enable = el => {
|
||||
el.classList.remove('disabled')
|
||||
el.disabled = false
|
||||
}
|
||||
|
||||
const updateValue = (el, value, updateRemote) =>
|
||||
{
|
||||
updateRemote = updateRemote == null ? true : updateRemote
|
||||
let initialValue
|
||||
if (el.type === 'checkbox') {
|
||||
initialValue = el.checked
|
||||
value = !!value
|
||||
el.checked = value
|
||||
} else {
|
||||
initialValue = el.value
|
||||
el.value = value
|
||||
}
|
||||
|
||||
if (updateRemote && initialValue !== value) {
|
||||
updateConfig(el);
|
||||
} else if(!updateRemote)
|
||||
{
|
||||
if(el.id === "aec"){
|
||||
value ? hide(exposure) : show(exposure)
|
||||
} else if(el.id === "agc")
|
||||
{
|
||||
if (value) {
|
||||
show(gainCeiling)
|
||||
hide(agcGain)
|
||||
} else {
|
||||
hide(gainCeiling)
|
||||
show(agcGain)
|
||||
}
|
||||
} else if(el.id === "awb_gain"){
|
||||
value ? show(wb) : hide(wb)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function updateConfig (el) {
|
||||
let value
|
||||
switch (el.type) {
|
||||
case 'checkbox':
|
||||
value = el.checked ? 1 : 0
|
||||
break
|
||||
case 'range':
|
||||
case 'select-one':
|
||||
value = el.value
|
||||
break
|
||||
case 'button':
|
||||
case 'submit':
|
||||
value = '1'
|
||||
break
|
||||
default:
|
||||
return
|
||||
}
|
||||
|
||||
const query = `${baseHost}/control?var=${el.id}&val=${value}`
|
||||
|
||||
fetch(query)
|
||||
.then(response => {
|
||||
console.log(`request to ${query} finished, status: ${response.status}`)
|
||||
})
|
||||
}
|
||||
|
||||
document
|
||||
.querySelectorAll('.close')
|
||||
.forEach(el => {
|
||||
el.onclick = () => {
|
||||
hide(el.parentNode)
|
||||
}
|
||||
})
|
||||
|
||||
// read initial values
|
||||
fetch(`${baseHost}/status`)
|
||||
.then(function (response)
|
||||
{
|
||||
return response.json()
|
||||
})
|
||||
.then(function (state)
|
||||
{
|
||||
document
|
||||
.querySelectorAll('.default-action')
|
||||
.forEach(el => {
|
||||
updateValue(el, state[el.id], false)
|
||||
})
|
||||
})
|
||||
|
||||
const view = document.getElementById('stream')
|
||||
const viewContainer = document.getElementById('stream-container')
|
||||
const stillButton = document.getElementById('get-still')
|
||||
const streamButton = document.getElementById('toggle-stream')
|
||||
const lapseButton = document.getElementById('toggle-lapse')
|
||||
const closeButton = document.getElementById('close-stream')
|
||||
|
||||
const stopStream = () => {
|
||||
window.stop();
|
||||
streamButton.innerHTML = 'Start Stream'
|
||||
}
|
||||
|
||||
const stopLapse = () => {
|
||||
lapseButton.innerHTML = 'Start Time-Lapse'
|
||||
const query = `${baseHost}/stopLapse`
|
||||
|
||||
fetch(query)
|
||||
.then(response => {
|
||||
console.log(`request to ${query} finished, status: ${response.status}`)
|
||||
})
|
||||
}
|
||||
|
||||
const startStream = () => {
|
||||
view.src = `${streamUrl}/stream`
|
||||
show(viewContainer)
|
||||
streamButton.innerHTML = 'Stop Stream'
|
||||
}
|
||||
|
||||
const startLapse = () => {
|
||||
lapseButton.innerHTML = 'Stop Time-Lapse'
|
||||
const query = `${baseHost}/startLapse`
|
||||
|
||||
fetch(query)
|
||||
.then(response => {
|
||||
console.log(`request to ${query} finished, status: ${response.status}`)
|
||||
})
|
||||
}
|
||||
|
||||
// Attach actions to buttons
|
||||
stillButton.onclick = () => {
|
||||
stopStream()
|
||||
view.src = `${baseHost}/capture?_cb=${Date.now()}`
|
||||
show(viewContainer)
|
||||
}
|
||||
|
||||
closeButton.onclick = () => {
|
||||
stopStream()
|
||||
hide(viewContainer)
|
||||
}
|
||||
|
||||
streamButton.onclick = () => {
|
||||
const streamEnabled = streamButton.innerHTML === 'Stop Stream'
|
||||
if (streamEnabled) {
|
||||
stopStream()
|
||||
} else {
|
||||
startStream()
|
||||
}
|
||||
}
|
||||
|
||||
lapseButton.onclick = () => {
|
||||
const lapseEnabled = lapseButton.innerHTML === 'Stop Time-Lapse'
|
||||
if (lapseEnabled) {
|
||||
stopLapse()
|
||||
} else {
|
||||
startLapse()
|
||||
}
|
||||
//updateConfig(lapseButton)
|
||||
}
|
||||
|
||||
// Attach default on change action
|
||||
document
|
||||
.querySelectorAll('.default-action')
|
||||
.forEach(el => {
|
||||
el.onchange = () => updateConfig(el)
|
||||
})
|
||||
|
||||
// Custom actions
|
||||
// Gain
|
||||
const agc = document.getElementById('agc')
|
||||
const agcGain = document.getElementById('agc_gain-group')
|
||||
const gainCeiling = document.getElementById('gainceiling-group')
|
||||
agc.onchange = () => {
|
||||
updateConfig(agc)
|
||||
if (agc.checked) {
|
||||
show(gainCeiling)
|
||||
hide(agcGain)
|
||||
} else {
|
||||
hide(gainCeiling)
|
||||
show(agcGain)
|
||||
}
|
||||
}
|
||||
|
||||
// Exposure
|
||||
const aec = document.getElementById('aec')
|
||||
const exposure = document.getElementById('aec_value-group')
|
||||
aec.onchange = () => {
|
||||
updateConfig(aec)
|
||||
aec.checked ? hide(exposure) : show(exposure)
|
||||
}
|
||||
|
||||
// AWB
|
||||
const awb = document.getElementById('awb_gain')
|
||||
const wb = document.getElementById('wb_mode-group')
|
||||
awb.onchange = () => {
|
||||
updateConfig(awb)
|
||||
awb.checked ? show(wb) : hide(wb)
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
)"
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
#include "Arduino.h"
|
||||
#include "camera.h"
|
||||
#include <stdio.h>
|
||||
#include "file.h"
|
||||
|
||||
unsigned long fileIndex = 0;
|
||||
unsigned long lapseIndex = 0;
|
||||
unsigned long frameInterval = 1000;
|
||||
bool mjpeg = true;
|
||||
bool lapseRunning = false;
|
||||
unsigned long lastFrameDelta = 0;
|
||||
|
||||
void setInterval(unsigned long delta)
|
||||
{
|
||||
frameInterval = delta;
|
||||
}
|
||||
|
||||
bool startLapse()
|
||||
{
|
||||
if(lapseRunning) return true;
|
||||
fileIndex = 0;
|
||||
char path[32];
|
||||
for(; lapseIndex < 10000; lapseIndex++)
|
||||
{
|
||||
sprintf(path, "/lapse%03d", lapseIndex);
|
||||
if (!fileExists(path))
|
||||
{
|
||||
createDir(path);
|
||||
lastFrameDelta = 0;
|
||||
lapseRunning = true;
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
bool stopLapse()
|
||||
{
|
||||
lapseRunning = false;
|
||||
}
|
||||
|
||||
bool processLapse(unsigned long dt)
|
||||
{
|
||||
if(!lapseRunning) return false;
|
||||
|
||||
lastFrameDelta += dt;
|
||||
if(lastFrameDelta >= frameInterval)
|
||||
{
|
||||
lastFrameDelta -= frameInterval;
|
||||
camera_fb_t *fb = NULL;
|
||||
esp_err_t res = ESP_OK;
|
||||
fb = esp_camera_fb_get();
|
||||
if (!fb)
|
||||
{
|
||||
Serial.println("Camera capture failed");
|
||||
return false;
|
||||
}
|
||||
|
||||
char path[32];
|
||||
sprintf(path, "/lapse%03d/pic%05d.jpg", lapseIndex, fileIndex);
|
||||
Serial.println(path);
|
||||
if(!writeFile(path, (const unsigned char *)fb->buf, fb->len))
|
||||
{
|
||||
lapseRunning = false;
|
||||
return false;
|
||||
}
|
||||
fileIndex++;
|
||||
esp_camera_fb_return(fb);
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
#pragma once
|
||||
|
||||
void setInterval(unsigned long delta);
|
||||
bool startLapse();
|
||||
bool stopLapse();
|
||||
bool processLapse(unsigned long dt);
|
||||
Loading…
Reference in New Issue