By 蓉爸 RungBa Created: 2023-07-19 Revised: 2023-09-04 --- :::danger - **ESP32 操作注意事項:** - **有使用擴充版的人,一定要確認插對方向,否則接上 USB 電源時,可是會燒毀 ESP 板子的!!!** - **由於 ESP32 需要較大電流,所以建議要接電腦的 USB 3.0 的插孔!!** - **ESP32-CAM 所連的 Wifi 網段,必須與要瀏覽的電腦"同一個區網",電腦才能瀏覽 ESP32-CAM 的影像串流。而且同時間 ESP32-CAM 只能給一個訪問者瀏覽。** - **ESP32 Wifi 只支援 2.4G,且 SSID 只支援用英文命名的 Wifi!!** ::: **Ref:** - **[Video Streaming Server on ESP32-CAM](https://www.electronics-lab.com/project/video-streaming-server-esp32-cam/)** - [ ()]() --- ## 一、Arduino IDE 免安裝版 ### 1. Arduino IDE for MS-Win 免安裝版下載 - Arduino IDE for MS-Win 免安裝版下載 :::success - **[Github 下載(版本更新比官網快)](https://github.com/arduino/arduino-ide/releases)** ::: - **[官網下載](https://www.arduino.cc/en/software)** ![](https://hackmd.io/_uploads/BJ0w7pI5h.png) ---- ### 2. Arduino IDE 免安裝版設定 - **2-1. 第一次啟動時,需要設定「允許存取」,讓 Arduino IDE 可以通過電腦的防火牆。** ![](https://hackmd.io/_uploads/SJzjX68ch.png) - **2-2. 啟動後,先將 IDE 主題調為比較不傷眼的「暗黑背景」** **由 Preference 進入,如下圖:** ![](https://hackmd.io/_uploads/B1S6mTL52.png) **將 Theme 改為 「High Contrast」** ![](https://hackmd.io/_uploads/HyptSyyYh.png) - **2-3. 接著設定 Additional boards manager URLs(額外的開發版管理員網址)** :::danger **先到 [arduino-esp32 github Releases 網頁](https://github.com/espressif/arduino-esp32/releases),然後一下圖所示操作,取得 ESP32 套件索引檔 package_esp32_index.json 的網址。** ![](https://hackmd.io/_uploads/ByN5gkyK2.png) **目前 2.0.9 版的網址是:[(滑鼠移到這,再按滑鼠右鍵,然後選「複製鍊結網址」)](https://github.com/espressif/arduino-esp32/releases/download/2.0.9/package_esp32_index.json)** **或是複製下方這個鍊結** ```text= https://github.com/espressif/arduino-esp32/releases/download/2.0.9/package_esp32_index.json ``` ::: 捲到最下方的「**Additional boards manager URLs(額外的開發版管理員網址)**」,並填入 **package_esp32_index.json 的網址** ,然後按下 OK: ![](https://hackmd.io/_uploads/ByIo41kYh.png) **按「允許存取」,以便通過防火牆** ![](https://hackmd.io/_uploads/S1akmaIc2.png) **之後會看到下圖,輸入 esp32 如下圖,然後按下 INSTALL。** ![](https://hackmd.io/_uploads/HydlN6U52.png) - **2-4. 設定 Board** **點選「Tools/Board/esp32」,如下圖:** ![](https://hackmd.io/_uploads/rybLEzj8h.png) </br> **滑鼠往上,選第二個的「ESP32 Wrover Module」** ![](https://hackmd.io/_uploads/SkFgSMsI3.png) - **2-5. 設定 Partition Scheme** **選「Huge APP (3MB no OTA/1MB SPIFFS)」,如下圖:** ![](https://hackmd.io/_uploads/Hy2F8foUn.png) **最後完整的設定大致如下圖:** ![](https://hackmd.io/_uploads/Hk4kBrmR2.png) ---- ### 3. 開始使用 ESP32-CAM - **3-1. 連接 ESP32-CAM 版子,取得範例程式,步驟如下圖所示(點選「File / Examples / ESP32 / Camera / CameraWebServer」):** ![](https://hackmd.io/_uploads/HJVb2Mi8n.png) - **3-2. 接著會開啟一個新的 IDE,並會安裝一些必要軟體。** **安裝 LLC 連結驅動** ![](https://hackmd.io/_uploads/SJfHvfhUh.png) **安裝 Arduino USB 驅動(from Arduino srl)** ![](https://hackmd.io/_uploads/H1ovwf282.png) **安裝 Arduino USB 驅動(from Arduino SA)** ![](https://hackmd.io/_uploads/Hy22uM38h.png) **安裝 Genuino USB 驅動(from Arduino LLC)** ![](https://hackmd.io/_uploads/SJVEYf282.png) - **3-3. 調整 COM 埠。** **用裝置管理員查看「連接埠」如下圖:** ![](https://hackmd.io/_uploads/SyP4L7n83.png) **然後在 IDE 上調整「連接埠」設定:** ![](https://hackmd.io/_uploads/rys68mhLh.png) - **3-4. 開啟 Serial Monitor(序列埠監控視窗)** ![](https://hackmd.io/_uploads/HyfndfjI3.png) **Serial Monitor(序列埠監控視窗)如下圖所示:** ![](https://hackmd.io/_uploads/SyKZYzjIh.png) **調整 baud rate 到 115200** ![](https://hackmd.io/_uploads/BknNCm3I3.png) ---- ### 4. 調整範例程式 - **4-1. camera model 註解掉「CAMERA_MODEL_WROVER_KIT」,改用「CAMERA_MODEL_AI_THINKER」,如下圖:** ![](https://hackmd.io/_uploads/rJFIUL2Un.png) - **4-2. 修改 wifi 連線的 ssid 與 password** :::danger **提醒 1:這個 wifi 必須與連 ESP32-CAM 的電腦,在同一個區網上!!!** **提醒 2:這個 wifi SSID 只能用英文,且只支援 2.4G,不支援 5G!!!** ::: ![](https://hackmd.io/_uploads/BJf-5I2Un.png) - **4-3. 驗證程式,點選左上角打勾圖案,點下去後,就會進行程式碼檢查。** **程式碼驗證中** ![](https://hackmd.io/_uploads/BJC7oInL2.png) **通過驗證:** ![](https://hackmd.io/_uploads/BJhni8nUh.png) - **4-4. 按左上的箭頭符號,開始進行燒錄 (也就是將程式寫入 ESP32-CAM)。** ![](https://hackmd.io/_uploads/r1PeR8nIh.png) **燒錄過程中,會在下方視窗看到「Connecting......_____......._____......」訊息** ![](https://hackmd.io/_uploads/r158R82I3.png) :::danger **具備擴充版的產品,如下圖,會自動完成燒錄動作!** ![](https://hackmd.io/_uploads/ryv_dkyth.png) ::: - **4-5. 燒錄成功後,按 Reset 鈕,就可切換到 Serial Monitor 視窗,並將 ESP32-CAM 的 url 記錄下來,如下圖:** ![](https://hackmd.io/_uploads/ByDbVPnI3.png) - **4-6. 打開瀏覽器瀏覽 ESP32-CAM 的 url,應該要能看到下圖:** :::danger **特別提醒: 若在電腦教室,必須先使用 VPN 連線至 ESP32-CAM 所在的區網之後,才能進行瀏覽!!** ::: ![](https://hackmd.io/_uploads/ry_w8vn83.png) **esp32 2.0.9 版的範例程式,開啟 Face Detection,不僅會框人臉,還多了臉部五個特徵點** ![](https://hackmd.io/_uploads/Hk3CO11Y2.png)