ESP32-CAM, IOT物聯網

【ESP32-CAM教學】第一篇:ESP32-CAM 燒錄程式打造無線影像串流主機

ESP32-CAM 開發板與串流畫面截圖

你有想過不用 300 元,就能親手打造出一台高 CP 值的無線影像串流主機(WiFi IP Camera)嗎?

米羅科技文創學院在本篇教學中,將手把手帶各位物聯網(IoT)新手,利用熱門的 AI-Thinker ESP32-CAM 開發板,透過熟悉的 Arduino IDE 環境進行程式燒錄,快速建置出屬於你自己的無線攝影機與自製監視器!

什麼是 ESP32-CAM?超高 CP 值的物聯網影像開發板

AI-Thinker ESP32-CAM 是一款以 ESP32 晶片為核心的微型影像開發板。它不僅內建了 WiFi 雙模與藍牙(BT/BLE) 功能,還整合了以下強大硬體:

  • OV2640 兩百萬畫素相機模組(支援影像擷取與串流)

  • TF卡槽 (SD Card)(方便儲存照片與影片紀錄)

  • 高亮度閃光燈模組(夜間補光必備)

最棒的是,它完全支援 Arduino IDE 進行二次開發,程式語法與傳統的 Arduino UNO 一模一樣。不論是要用網路傳輸照片、用藍牙進行遠端遙控,還是做為智慧家庭、工業無線監控、無線定位系統的方案,ESP32-CAM 都是最理想、最便宜的物聯網解決方案!

 

 

🛒 官方原廠材料推薦購買連結:

▼ ESP32-CAM官方原廠購買:

ESP32-CAM WiFi+藍牙模組 ESP32 攝影頭 NodeMcu

 

▼ USB TTL官方原廠購買:

FTDI FT232RL 原廠晶片、USB UART模組、USB-TTL、5/3.3v切換

   

第一步:下載與安裝 Arduino IDE 開發環境

在開始燒錄程式之前,我們需要先準備好軟體環境。

 

1. 下載 Arduino IDE 軟體

 

 

  • 進入頁面後,點選 「JUST DOWNLOAD」 即可免費下載。

  • Arduino IDE 安裝 :

 

2. 在 Arduino IDE 中安裝 ESP32 開發板清單

為了讓 Arduino IDE 能夠識別並編譯 ESP32 的程式,我們必須新增第三方平台資料庫:

  1. 複製此開發板管理員網址:https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_dev_index.json

  2. 啟動 Arduino IDE,點選 「檔案」>「偏好設定」(Preferences)

  3. 「額外的開發板管理員網址」 欄位中,貼上剛剛複製的連結(若已有其他網址,請用逗號 , 分隔)。Arduino IDE 偏好設定安裝 ESP32 開發板網址教學

  4. 點選 「工具」>「開發板」>「開發板管理員」,在搜尋欄輸入 esp32,找到後點選安裝(建議使用本篇教學驗證過的 2.0.2 或穩定版本)。使用 Arduino 開發板管理員搜尋並安裝 esp32 平台庫

 

 

 

第二步:USB TTL 轉接板接線說明(重要防呆)

由於 ESP32-CAM 板上沒有內建 USB 轉 TTL 晶片,我們必須外接一個 USB TTL 模組(本篇採用穩定度極高的原裝 FTDI FT232 晶片) 來傳輸程式。

🛠️ ESP32-CAM 與 USB TTL 接線圖解

請參考以下腳位對接方式進行連線:

USB TTL 模組腳位ESP32-CAM 開發板腳位備註說明
5V5V⚠️ 注意:USB TTL 必須切換至 5V 輸出
GNDGND接地共地
TXDU0R (RX)訊號交叉相接
RXDU0T (TX)訊號交叉相接
GND (或與TTL共地)IO0⚠️ 燒錄模式限定:燒錄時才需插上,平時常態請斷開
 
 
▼ 注意:圖中綠線 IO0/GND 則是在燒錄時才插上,常態請保持斷開。
ESP32-CAM 與 FTDI USB TTL 燒錄接線電路圖

 

ESP32-CAM 與 CH340 USB TTL 燒錄接線電路圖

Arduino 物聯網 開發板與周邊零件 | 最佳選擇:https://shop.mirotek.com.tw

 

 

第三步:Arduino IDE 開發板參數設定

將接好線的 USB TTL 插上電腦後,開啟 Arduino IDE 進行設定:

  1. 點選 「工具」>「開發板」>「ESP32 Arduino」

  2. 在清單中找到並選擇:「ESP32 Wrover Module」

  3. 參數設定提示: 請務必對照下方圖片進行正確設定。

 

Arduino IDE 工具選單中設定 ESP32 Wrover Module 開發板參數

 

第四步:開啟與修改內建範例程式 CameraWebServer

Arduino 官方已經為我們準備好了非常完善的攝影機網頁伺服器範例。

🛠️ 修改範例程式 4 步驟:

    1. 點選 「檔案」>「範例」>「ESP32」>「Camera」>「CameraWebServer」

    2. 修改攝影機型號: 在程式碼開頭,找到 #define CAMERA_MODEL_WROVER_KIT 並在其前方加上註解 //#define CAMERA_MODEL_WROVER_KIT;接著將 // #define CAMERA_MODEL_AI_THINKER 的註解拿掉,改成: #define CAMERA_MODEL_AI_THINKER

    3. 設定 WiFi 連線資訊: 找到 ssidpassword 欄位,輸入您家中的 WiFi 名稱與密碼:    
    4. 準備上傳燒錄。

 

▼修改範例程式如下圖:

  • 註解 //#define CAMERA_MODEL_WROVER_KIT。
  • 開啟 CAMERA_MODEL_AI_THINKER。
  • 自行設定WIFI網路(ssid、password)。

 

 

 
 
 

第五步:程式燒錄與連線測試(新手常犯錯誤必看!)

⚠️ 非常重要!因為很重要所以說三次! ⚠️ 許多新手卡關都是因為漏掉這個關鍵步驟:

🎯 【燒錄口訣】

  1. 燒錄前:將 IO0 與 GND 對接短路,接著按下 ESP32-CAM 上的 RESET 鍵,再點擊 Arduino IDE 的「上傳」。

  2. 燒錄完成後:將 IO0 與 GND 的連線拔開(斷開),開啟 Arduino IDE 的「序列埠監控視窗」(鮑率務必選擇 115200),接著再按一次 RESET 鍵

當開發板成功連上 WiFi 後,序列埠監控視窗就會顯示 ESP32 取得的局域網路 IP 位址(例如:192.168.0.106)。

Arduino 序列埠監控視窗顯示 ESP32-CAM 成功連線後的 IP 位址

 

第六步:體驗無線影像串流與即時拍照功能

開啟電腦或手機的瀏覽器,在網址列輸入剛剛取得的 IP 位址(例如:http://192.168.0.106),就能進入網頁控制後台!

瀏覽器進入 ESP32-CAM CameraWebServer 網頁控制面板

 

💡 後台核心功能操作:

  • Start Stream(啟動影像串流):點擊後,網頁會立即顯示攝影機的動態即時畫面。流暢度相當驚人,不用 300 元就能打造個人專屬的高 CP 值網路攝影機!

  • Save(擷取即時圖片):點選右上角的 ”Save” 按鈕,ESP32-CAM 會立刻為當前畫面拍照,並自動將照片下載至電腦的 Download(下載)資料夾內。

ESP32-CAM 實測無線影像視訊串流成功畫面

 

結論與 IoT 物聯網後續應用

恭喜你!你已經成功跨出了 ESP32-CAM 物聯網應用的第一步。有了這個無線影像串流基礎,未來還可以延伸出更多進階的專題專案,例如:

想要購買最穩定、品質最好的 Arduino 物聯網開發板與周邊電子零件嗎?歡迎到我們的官方網站選購,讓我們一起玩轉 IoT!

👉 米羅科技文創學院官方商城: https://shop.mirotek.com.tw

 

 

 

 

相關文章