设为首页收藏本站
首页 > 论坛 > ESP32

[ESP8266/ESP32]FireBeetle 2 ESP32-S3 搭建外网可访问的网络摄像头（内网穿透）

不脱发的程序猿 | 初级技匠 | 创造力： | 帖子： | 发消息 | 串个门 | 加好友 | 打招呼
2023-9-5 21:27:43 [显示全部楼层]
1889浏览
2回复
2收藏
查看: 1889|回复: 2

[ESP8266/ESP32] FireBeetle 2 ESP32-S3 搭建外网可访问的网络摄像头（内网穿透）

[复制链接]
本篇博文使用ESP32-S3搭建网络摄像头，相比较局域网摄像头，本篇博文将分享如何搭建外网可以访问的网络摄像头。
这主要是使用内网穿透技术，内网穿透是为了使具有某一个特定源 IP 地址和源端口号的数据包（这里指局域网摄像头）不被网络地址转换设备屏蔽而正确路由到内网主机。
主要流程分为两步：
1、先实现局域网访问网络摄像头；
2、在此基础，使用内网穿透的方式，搭建外网可访问的网络摄像头。
1、局域网摄像头
ESP32实现局域网摄像头的方式比较简单，驱动代码如下： 
  1. #include "esp_camera.h"

  2. #include <WiFi.h>

  3. 

  4. //

  5. // WARNING!!! PSRAM IC required for UXGA resolution and high JPEG quality

  6. //            Ensure ESP32 Wrover Module or other board with PSRAM is selected

  7. //            Partial images will be transmitted if image exceeds buffer size

  8. //

  9. //            You must select partition scheme from the board menu that has at least 3MB APP space.

  10. //            Face Recognition is DISABLED for ESP32 and ESP32-S2, because it takes up from 15 

  11. //            seconds to process single frame. Face Detection is ENABLED if PSRAM is enabled as well

  12. 

  13. // ===================

  14. // Select camera model

  15. // ===================

  16. //#define CAMERA_MODEL_WROVER_KIT // Has PSRAM

  17. // #define CAMERA_MODEL_ESP_EYE // Has PSRAM

  18. //#define CAMERA_MODEL_ESP32S3_EYE // Has PSRAM

  19. //#define CAMERA_MODEL_M5STACK_PSRAM // Has PSRAM

  20. //#define CAMERA_MODEL_M5STACK_V2_PSRAM // M5Camera version B Has PSRAM

  21. //#define CAMERA_MODEL_M5STACK_WIDE // Has PSRAM

  22. //#define CAMERA_MODEL_M5STACK_ESP32CAM // No PSRAM

  23. //#define CAMERA_MODEL_M5STACK_UNITCAM // No PSRAM

  24. //#define CAMERA_MODEL_AI_THINKER // Has PSRAM

  25. //#define CAMERA_MODEL_TTGO_T_JOURNAL // No PSRAM

  26. //#define CAMERA_MODEL_XIAO_ESP32S3 // Has PSRAM

  27. // ** Espressif Internal Boards **

  28. //#define CAMERA_MODEL_ESP32_CAM_BOARD

  29. //#define CAMERA_MODEL_ESP32S2_CAM_BOARD

  30. //#define CAMERA_MODEL_ESP32S3_CAM_LCD

  31. #define CAMERA_MODEL_DFRobot_FireBeetle2_ESP32S3 // Has PSRAM

  32. //#define CAMERA_MODEL_DFRobot_Romeo_ESP32S3 // Has PSRAM

  33. 

  34. #include "camera_pins.h"

  35. #include "DFRobot_AXP313A.h"

  36. 

  37. DFRobot_AXP313A axp;

  38. 

  39. // ===========================

  40. // Enter your WiFi credentials

  41. // ===========================

  42. const char* ssid = "";

  43. const char* password = "";

  44. 

  45. void startCameraServer();

  46. void setupLedFlash(int pin);

  47. 

  48. void setup() {

  49.   Serial.begin(115200);

  50.   Serial.setDebugOutput(true);

  51.   Serial.println();

  52. 

  53.   while(axp.begin() != 0){

  54.     Serial.println("init error");

  55.     delay(1000);

  56.   }

  57.   

  58.   axp.enableCameraPower(axp.eOV2640);  // 给摄像头供电

  59. 

  60.   camera_config_t config;

  61.   config.ledc_channel = LEDC_CHANNEL_0;

  62.   config.ledc_timer = LEDC_TIMER_0;

  63.   config.pin_d0 = Y2_GPIO_NUM;

  64.   config.pin_d1 = Y3_GPIO_NUM;

  65.   config.pin_d2 = Y4_GPIO_NUM;

  66.   config.pin_d3 = Y5_GPIO_NUM;

  67.   config.pin_d4 = Y6_GPIO_NUM;

  68.   config.pin_d5 = Y7_GPIO_NUM;

  69.   config.pin_d6 = Y8_GPIO_NUM;

  70.   config.pin_d7 = Y9_GPIO_NUM;

  71.   config.pin_xclk = XCLK_GPIO_NUM;

  72.   config.pin_pclk = PCLK_GPIO_NUM;

  73.   config.pin_vsync = VSYNC_GPIO_NUM;

  74.   config.pin_href = HREF_GPIO_NUM;

  75.   config.pin_sccb_sda = SIOD_GPIO_NUM;

  76.   config.pin_sccb_scl = SIOC_GPIO_NUM;

  77.   config.pin_pwdn = PWDN_GPIO_NUM;

  78.   config.pin_reset = RESET_GPIO_NUM;

  79.   config.xclk_freq_hz = 20000000;

  80.   config.frame_size = FRAMESIZE_UXGA;

  81.   config.pixel_format = PIXFORMAT_JPEG; // for streaming

  82.   //config.pixel_format = PIXFORMAT_RGB565; // for face detection/recognition

  83.   config.grab_mode = CAMERA_GRAB_WHEN_EMPTY;

  84.   config.fb_location = CAMERA_FB_IN_PSRAM;

  85.   config.jpeg_quality = 12;

  86.   config.fb_count = 1;

  87.   

  88.   // if PSRAM IC present, init with UXGA resolution and higher JPEG quality

  89.   //                      for larger pre-allocated frame buffer.

  90.   if(config.pixel_format == PIXFORMAT_JPEG){

  91.     if(psramFound()){

  92.       config.jpeg_quality = 10;

  93.       config.fb_count = 2;

  94.       config.grab_mode = CAMERA_GRAB_LATEST;

  95.     } else {

  96.       // Limit the frame size when PSRAM is not available

  97.       config.frame_size = FRAMESIZE_SVGA;

  98.       config.fb_location = CAMERA_FB_IN_DRAM;

  99.     }

  100.   } else {

  101.     // Best option for face detection/recognition

  102.     config.frame_size = FRAMESIZE_240X240;

  103. #if CONFIG_IDF_TARGET_ESP32S3

  104.     config.fb_count = 2;

  105. #endif

  106.   }

  107. 

  108. #if defined(CAMERA_MODEL_ESP_EYE)

  109.   pinMode(13, INPUT_PULLUP);

  110.   pinMode(14, INPUT_PULLUP);

  111. #endif

  112. 

  113.   // camera init

  114.   esp_err_t err = esp_camera_init(&config);

  115.   if (err != ESP_OK) {

  116.     Serial.printf("Camera init failed with error 0x%x", err);

  117.     return;

  118.   }

  119. 

  120.   sensor_t * s = esp_camera_sensor_get();

  121.   // initial sensors are flipped vertically and colors are a bit saturated

  122.   if (s->id.PID == OV3660_PID) {

  123.     s->set_vflip(s, 1); // flip it back

  124.     s->set_brightness(s, 1); // up the brightness just a bit

  125.     s->set_saturation(s, -2); // lower the saturation

  126.   }

  127.   // drop down frame size for higher initial frame rate

  128.   if(config.pixel_format == PIXFORMAT_JPEG){

  129.     s->set_framesize(s, FRAMESIZE_QVGA);

  130.   }

  131. 

  132. #if defined(CAMERA_MODEL_M5STACK_WIDE) || defined(CAMERA_MODEL_M5STACK_ESP32CAM)

  133.   s->set_vflip(s, 1);

  134.   s->set_hmirror(s, 1);

  135. #endif

  136. 

  137. #if defined(CAMERA_MODEL_ESP32S3_EYE)

  138.   s->set_vflip(s, 1);

  139. #endif

  140. 

  141. // Setup LED FLash if LED pin is defined in camera_pins.h

  142. #if defined(LED_GPIO_NUM)

  143.   setupLedFlash(LED_GPIO_NUM);

  144. #endif

  145. 

  146.   WiFi.begin(ssid, password);

  147.   WiFi.setSleep(false);

  148. 

  149.   while (WiFi.status() != WL_CONNECTED) {

  150.     delay(500);

  151.     Serial.print(".");

  152.   }

  153.   Serial.println("");

  154.   Serial.println("WiFi connected");

  155. 

  156.   startCameraServer();

  157. 

  158.   Serial.print("Camera Ready! Use 'http://");

  159.   Serial.print(WiFi.localIP());

  160.   Serial.println("' to connect");

  161. }

  162. 

  163. void loop() {

  164.   // Do nothing. Everything is done in another task by the web server

  165.   delay(10000);

  166. }

复制代码
代码中有几点需要注意：
1、宏定义选择适配的摄像头模式。
  1. // ===================

  2. // Select camera model

  3. // ===================

  4. //#define CAMERA_MODEL_WROVER_KIT // Has PSRAM

  5. // #define CAMERA_MODEL_ESP_EYE // Has PSRAM

  6. //#define CAMERA_MODEL_ESP32S3_EYE // Has PSRAM

  7. //#define CAMERA_MODEL_M5STACK_PSRAM // Has PSRAM

  8. //#define CAMERA_MODEL_M5STACK_V2_PSRAM // M5Camera version B Has PSRAM

  9. //#define CAMERA_MODEL_M5STACK_WIDE // Has PSRAM

  10. //#define CAMERA_MODEL_M5STACK_ESP32CAM // No PSRAM

  11. //#define CAMERA_MODEL_M5STACK_UNITCAM // No PSRAM

  12. //#define CAMERA_MODEL_AI_THINKER // Has PSRAM

  13. //#define CAMERA_MODEL_TTGO_T_JOURNAL // No PSRAM

  14. //#define CAMERA_MODEL_XIAO_ESP32S3 // Has PSRAM

  15. // ** Espressif Internal Boards **

  16. //#define CAMERA_MODEL_ESP32_CAM_BOARD

  17. //#define CAMERA_MODEL_ESP32S2_CAM_BOARD

  18. //#define CAMERA_MODEL_ESP32S3_CAM_LCD

  19. #define CAMERA_MODEL_DFRobot_FireBeetle2_ESP32S3 // Has PSRAM

  20. //#define CAMERA_MODEL_DFRobot_Romeo_ESP32S3 // Has PSRAM
复制代码
2、无线路由器SSID和密码要填写正确。
  1. // ===========================

  2. // Enter your WiFi credentials

  3. // ===========================

  4. const char* ssid = "";

  5. const char* password = "";
复制代码
3、给摄像头供电
  1. axp.enableCameraPower(axp.eOV2640);  // 给摄像头供电
复制代码
4、板卡需要外接天线，否则可能无法连接路由器。
编译下载程序到板卡中，确保局域网访问网络摄像头可正常使用。
2、内网穿透网络摄像头
内网穿透我们使用花生壳这款软件提供的内网穿透服务。
​
在官网下载APP：https://hsk.oray.com/
下载安装完成后，在内网穿透服务点击新建映射，如下图所示：
​
填写新建映射的基本信息，请注意内网主机和内网端口是局域网摄像头的主机和端口（端口默认为80） ，如下图所示：
​
新建映射完成后，可以在APP看到新增的设备列表，如下图所示：
​
复制访问网址，在浏览器中打开：http://2j90962r69.goho.co:47918/
即使不在同一个局域网内也可以正常访问摄像头啦。
​




回复

使用道具 举报

精彩评论(2)

ESP玩控君  学徒

发表于 2024-9-6 23:05:52

终于知道我的esp 8266还有esp 32为什么连不上路由器了，原来是因为没有接天线信，谢谢大佬指点(*^o^*)
回复

使用道具 举报

ESP玩控君  学徒

发表于 2024-9-6 23:05:52

终于知道我的esp 8266还有esp 32为什么连不上路由器了，原来是因为没有接天线信，谢谢大佬指点(*^o^*)
回复

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

为本项目制作心愿单
购买心愿单
心愿单 编辑
[[wsData.name]]

硬件清单

  • [[d.name]]
btnicon
我也要做!
点击进入购买页面
撰写新帖
关于楼主
勋章墙
萌萌哒新人 活跃会员 宣传大使 牛X认证 老版主限定 创作达人 ARD DAY 创客造 摸鱼团员 编辑选择奖

楼主的其它帖子

background 创造力兑换 background 心愿单 background 创客导航
上海智位机器人股份有限公司 沪ICP备09038501号-4

© 2013-2024 Comsenz Inc. Powered by Discuz! X3.4 Licensed

mail