ESP32 탑재 보드 ESP32-CAM을 사용하여 웹캠을 제작한다.
ArduinoIDE의 샘플 스케치 ESP32->Camera->CameraWebServer를 사용하여 SSID와 PASS를 설정하고 프로그램을 쓰면 ESP32에서 httpd (웹 서버)가 움직여 브라우저에서 액세스 할 수있는 웹캠을 구축 할 수 있습니다.
그러나 ArduinoIDE 샘플 스케치를 사용하면 보드에 탑재 된 LED를 웹 앱에서 제어 할 수 없습니다 (웹 앱의 화면에 컨트롤이 나타나지 않음).
그래서 ESP-IDF를 사용하여 코드를 GitHub에서 끌어 와서 make하면 무사 LED의 휘도 조정도 웹 앱에서 할 수 있게 되었다.
이 프로그램에서는 ESP32상에서 FaceRecognition도 움직인다.
Edge에서는 잘 동작하지 않습니다. 필자는 Chrome에서 검증하고 있습니다.

배선

[ESP32-CAM]　　[PC(USB)]
5V---------5V
GND－－－－－－－－GND
U0R－－－－－－－－TxD
U0T－－－－－－－－RxD
IO0 - | (쓰기시 점퍼/런타임 점퍼 제외)
GND-|

코드 가져오기

git clone --recursive https://github.com/espressif/esp-who.git

다음 폴더에 프로그램이 정리되어 있습니다.
/examples/single_chip/camera_web_server/

cd esp-who/examples/single_chip/camera_web_server
make menuconfig

menuconfig에서 다음 항목 설정

● 쓰기에 사용되는 직렬 포트
Serial flasher config->Default serial port
● 무선 LAN의 SSID(ESP32를 STA에서 사용하는 경우)
Camera Web Server->WiFi Settings->WiFi STA SSID
● 무선 LAN 암호
Camera Web Server->WiFi STA Password
●LED를 웹 앱에서 사용하는 경우 선택/설정
Camera Web Server->LED Illuminator
● 사용할 보드 설정
Camera Web Server->Camera Pins->Select Camera Pinout
● 얼굴 인식을 사용하는 경우 선택
Camera Web Server->ESP-WHO Face Detection
Camera Web Server->ESP-WHO Face Recognition

menuconfig하면 보드에 쓰기

make flash

이미지 방향을 고치기

이 상태에서는 이미지/영상의 방향이 90 ° 회전하고 있기 때문에 (ESP32-CAM 보드를 가로 방향으로 사용하면 올바른 방향으로되어 있기 때문에) httpd가 내뿜는 HTML을 편집하여 대응한다.

cd esp-who/examples/single_chip/camera_web_server/main/web
vi index_ov2640.html

57행 figure img{ 다음에
transform: rotate( 90deg);
추가
5행 아래 margin-top을 8px→15%로 변경

클라이언트에 던지는 HTML 파일은 압축되어 유지되는 것 같습니다.

./compress_pages.sh

다시 쓰기

cd ../..
make flash

그건 그렇고

LED는 방열할 수 없다고 태워 버리므로, MAX의 휘도를 설정해 둘 수가 있습니다(menuconfig 안에서).

참고문헌

(ESP-IDF)
h tps : // 그리고 물건. 토키 / 2019/03/11/7519 /
htps : // 로보 t 제로. 오네/에 sp32-카메라-모즈/
(ArduinoIDE)
htps : // 코 m / 나베 신 / ms / b195 또는 d1 아후 99 세 29 f1
htps //w w. 오 vt. 코 m / 이마 게 - 전갈 rs / 2-5 - 메가 피스 ls