esp32cam 服务端远程视频方案
esp32cam 服务端远程视频方案
说明
本方案为esp32cam 服务端 浏览器 三端联合使用。将服务端部署在公网即可远程使用,没有远程需求,可以直接在局域网使用。代码无需修改。
本文取缔了esp32cam自身运行http服务的相关逻辑,使得esp32cam只负责不停拍照片发给服务端,从而减少esp32cam的压力,提升了其视频流畅度。
本文代码开源地址:https://gitcode.net/qq_26700087/simpleVideoServer,该项目的比当前文章更新,更加流畅,并且支持合宙ESP32S3。如果使用本文的代码,则使用本文提供链接中的发行版文件。使用该项目最新代码,请使用该项目的页面提供的下载服务端链接下载服务端发行版
一种较为流畅的esp32cam远程视频方案
您需要准备
物料 | 说明 |
---|---|
esp32cam开发板 | esp32cam,本人是使用其自带摄像头,代码仅仅在其自带摄像头下测试 |
一台装有windows或者linux操作系统的计算机 | 用于运行服务端 |
USB转TTL模块/或底座 | 用于烧录/串口监控 |
杜邦线若干 | 用于io0接地/使用底座烧录不需要 |
鄙人无MacOs系统PC,未对MacOS进行测试。但服务端由java编写,自行下载macOS版本的jdk17,运行服务端,理论上不会有问题
也可以将java源代码重新编译,甚至移植到安卓App上。
本文以windows系统为例,使用安信可家esp32cam
模块 和安信可家USB转TTL CP2012模块
。
烧录esp32cam
本文以ardunio 框架开发,你可以选择 ardunio ide 编译和烧录
或者platformio(基于vs code/clion)新建项目选择 以ardunio framework新建。
ardunio ide 准备esp32cam环境
1.追加附加板地址
打开菜单 -> 文件 -> 首选项
在附加开发板管理器网址中追加一行
https://dl.espressif.com/dl/package_esp32_index.json
最近出现了下面这个地址,这个是esp32 的2.0环境,一些新特性需要,可能不需要上方的那个json。
https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_dev_index.json
2.安装esp32环境
在 工具 -> 开发板 -> 开发板管理器里 搜索 esp32
点击进行安装。
此处可能需要把dns修改为腾讯或者阿里公共dns,才容易成功。
3.新建项目
选择esp32cam
platformio 准备esp32cam环境
新建项目找到 AI Thinker ESP32-CAM
,则选择了开发板。框架选择 ardunio。若没有初始化esp32环境,会自动下载,同样建议修改dns。
新建后生成的ini文件如下(串口相关设置需要手动添加)
[env:esp32cam]
platform = espressif32
board = esp32cam
framework = arduino
upload_speed= 115200
upload_port = COM3
monitor_speed= 115200
monitor_port = COM3
代码
存在多个文件和服务端相关代码,点此跳转
引导方面本文更加详细。可先参考本文。
esp32cam代码共两个文件。也可以合成一个。
文件 ai_thinker_esp32_cam_meta.h
表示esp32cam相关GPIO引脚定义
#ifndef AI_THINKER_32_CAM_META
#define AI_THINKER_32_CAM_META
#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
#endif
文件main.cpp
在ardunio ide里无需考虑该文件名,而只是把该文件内容复制到你的.ino
文件中。
请按照具体情况修改wifi的ssid和密码,一般可以使用你pc运行服务端,可以将PC的ip填写到以下源文件host
变量的值中。
#include <Arduino.h>
#include <WiFi.h>
#include "esp_camera.h"
#define CAMERA_MODEL_AI_THINKER
#include "ai_thinker_esp32_cam_meta.h"char* ssid = "test0";
const char* passwd = "12345687";
const char* host = "192.168.137.1";WiFiClient streamSender;void connectWifi(const char* ssid, const char* passphrase) {WiFi.mode(WIFI_STA);WiFi.begin(ssid, passphrase);Serial.println("connecting to router... ");//等待wifi连接成功while (WiFi.status() != WL_CONNECTED) {Serial.print(".");delay(500);}Serial.print("\nWiFi connected, local IP address:");Serial.println(WiFi.localIP());
}void setup() {Serial.begin(115200);Serial.setDebugOutput(true);while (!Serial) {/* code */}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;// if PSRAM IC present, init with UXGA resolution and higher JPEG quality// for larger pre-allocated frame buffer.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;}// camera initesp_err_t err = esp_camera_init(&config);if (err != ESP_OK) {Serial.printf("Camera init failed with error 0x%x", err);return;}Serial.println("get sensor ");sensor_t* s = esp_camera_sensor_get();// drop down frame size for higher initial frame rates->set_framesize(s, FRAMESIZE_VGA);connectWifi(ssid, passwd);Serial.println("connect stream channel");if (!streamSender.connect(host, 8004)) {Serial.println("connect stream channel failed");}streamSender.setNoDelay(true);// 发送mac地址作为设备序列号,用于摄像头频道号uint8_t mac[6];WiFi.macAddress(mac);char macStr[12] = {0};sprintf(macStr, "%02X%02X%02X%02X%02X%02X", mac[0], mac[1], mac[2], mac[3],mac[4], mac[5]);Serial.println("sprint mac ");streamSender.print(String(macStr));streamSender.flush();
}void loop() {camera_fb_t* fb = NULL;size_t len = 0;Serial.println("do loop");uint8_t end[5] = {'j', 'p', 'e', 'g', '\n'};while (true) {fb = esp_camera_fb_get();if (!fb) {Serial.println("Camera capture failed");return;}len = fb->len;streamSender.write(fb->buf, len);streamSender.write(end, 5);streamSender.flush();esp_camera_fb_return(fb);}
}
查看PC的ip的办法
按win + R 输入cmd
按enter打开控制台
输入 ipconfig
回车,找到有ipv4地址的那一行。如果有多个适配器,大概率需要自己确定和无线路由器所在同一网络的ip。
一般wifi连接则是网卡名带 无线适配器,而路由器网线直连则自己抉择。
烧录
使用USB转TTL模块时接线
USB转TTL模块引脚 | esp32cam引脚 |
---|---|
5V | 5V |
GND | GND |
TXD | U0R |
RXD | U0T |
当上载控制台出现连接某某com口,请尽快连接IO0和GND,再按RST。
使用烧录底座将esp32cam安上底座,则无需考虑针脚连接具体如何。
串口监控
鄙人不知烧录底座是否可以串口监控,使用USB转TTL模块时,在烧录完成后,断开IO0与GND的连接,再按RST重启esp32cam则可以查看串口打印,但此时没有运行服务端SimpleVideoServer。
下载和运行服务端
根据自己需要选择以下任意方式运行服务端
下载 windows服务端发行版
解压之后,进入对应目录点击run.bat文件启动服务器。
下载linux服务端发行版
需要unzip或p7zip等可以解压zip的应用
运行
unzip SimpleVideoSever_linux.zip cd linux_release/ sh run.sh
发行版内部仅仅是一些java17 版本的class文件和jre以及启动脚本,你可以使用任意其它的jre17运行这些class文件。并非需要发行版。
访问视频服务
新增了频道功能,也就是说每个摄像头处在不同频道,访问不同的摄像头需要不同的地址。
如鄙人执行的服务端日志打印含有esp32Cam接入的后的相关打印如下:
D:\Users\immor\idea\SimpleVideoServer\out\win_release>.\jre\bin\java -classpath SimpleVideoServer org.btik.server.video.Main bio video server started bio Device Channel started new channel: http://127.0.0.1:8003/video/441793EE3C08 http://192.168.0.116:8003/video/441793EE3C08 http://192.168.137.1:8003/video/441793EE3C08 start /192.168.137.234:53051
每接入一个esp32Cam会新建一个频道,在
new channel:
的打印后会出现,相关可以访问视频流的地址。你可以在本机,或者局域网的其他设备访问。
部署在云服务器的同学把端口打开后,把内网ip替换成公网ip,或者域名即可。
关于如何把视频节目嵌入其它网页
如果你擅长web开发,或者不喜欢在多个窗口查看多个摄像头可以参考以下方法增加自己的内容。
本视频http请求是允许跨域的,若希望在自己的网页里面加入本服务端提供esp32Cam视频窗口,
其实不用html的
iframe
标签,img
标签即可。比如以下html代码,新建一个文件比如
a.html
复制以下内容,根据实际情况,替换img
标签src
属性的内容。<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>直播间</title><style>.videoContainer{display: inline-block;}</style> </head> <body> <div style="padding: 0;margin:30px auto; width: 1300px"><div class="videoContainer"><img src="http://127.0.0.1:8003/video/441793EE3C08"></div><div class="videoContainer"><img src="http://127.0.0.1:8003/video/58BF2581F024"></div> </div></body> </html>
以上是我的两个esp32Cam的视野,效果如下:
也就是说,你可以把该项目植入任何其它可以用到web前端的项目。通过查询在线设备,可以动态打开每个摄像头的视频。
配置项
一般无需修改,但提供改法。后续此处可能会有变化,可以跟随该开源项目SimpleVideoSever具体描述。
light-video.properties
里面含有三个配置
http.port=8003
http.clients.limit=10
stream.port=8004
http.port 为http的端口。
http.clients.limit 摄像头在线接入限制数。本意是想限制客户端参与的数量故名为http.clients.limit,实际的实现是限制了摄像头的数量
stream.port esp32cam像服务端发送照片的端口,在本项目中使用该默认端口,如果需要修改,一并修改esp32cam代码中连接的端口。一般无需修改。
使用远程服务器如云服务器同学则无需额外指导。注意本服务端毫不安全,没有任何安全机制,在公网使用不宜长久暴露服务端口。
esp32cam 服务端远程视频方案相关推荐
- NOD32企业版2.5的安装和配置服务端教学视频
NOD32企业版2.5的安装和配置服务端教学视频(提供下载)-独家原创 作者:细水 日期:2007-02-04 字体大小: 小 中 大 在作动画之前,我们需要了解下NOd32的功能和特性,即使你非常喜 ...
- ESP32-CAM实现局域网/远程视频传输
手上这个ESP32-CAM买回来已经放了一个学期了,最近才开始玩,试了试用它来实现视频传输.局域网的视频传输比较简单,基本能正确把例程烧进去就可以了,这篇文章主要记录一下远程视频传输的实现. ESP3 ...
- 人人都能掌握的Java服务端性能优化方案
转载自 人人都能掌握的Java服务端性能优化方案 作为一个Java后端开发,我们写出的大部分代码都决定着用户的使用体验.如果我们的代码性能不好,那么用户在访问我们的网站时就要浪费一些时间等待服务器的响 ...
- Flash服务端常见架构方案
目前有以下几种网页游戏服务器: 利用.asc通信文件访问其他高级语言,比如java,vc,.net等访问数据库 1)FMS(Flash Media Server)用AS2.0或者AS1.0来构建服务器 ...
- 如何启用服务端远程端口
客户端操作 windows服务端操作 step1:启用远程桌面 step2:检查端口开放情况,或观察防火墙设置 step3:在"命令提示符"窗口中,输入regedit后按键盘回车键 ...
- zabbix服务端远程执行命令
执行一些命令或者脚本就行了. 但zabbix远程执行命令需要客户端的zabbix用户要有sudo权限,zabbix的客户端要改的地方是配置文件里 EnableRomoteCommands=1 然后要更 ...
- 远程视频专家系统,指导系统方案整理
随着视频应用深入,越要越多的专业服务通过远程视频的方式指导和讲解,即实时有更捷.其中远程诊疗,远程专家指导就有需要客户提出的专业的需求,如VR眼镜接入,专业视频标签,我们根据客户需求整理整个开实施和开 ...
- 聊聊WebRTC网关服务器1:如何选择服务端端口方案?
<聊聊WebRTC网关服务器>系列文章系由WebRTCon2018中网易云信音视频技术专家的分享内容<从零开始构建音视频网关服务器>整理而成,该系列文章将和大家分享网易NRTC ...
- 探索移动端音视频与GSYVideoPlayer之旅 | Agora Talk
大家好,我是 Github 开源 GSY 系列项目的负责人郭树煜,比如 Android 上的 GSYVideoPlayer 就是这个系列里的项目,另外我也是 <Flutter 开发实战详解> ...
最新文章
- 泰晤士报华科计算机排名,国内大学排行被“高估”的三所985大学,实力远小于排名,你认可吗?...
- ros安装orocos造成工作空间编译不通过
- android java 多线程,Android多线程的四种方式
- git 修改历史提交信息
- 深入浅出Yolo系列之Yolov3Yolov4Yolov5核心基础知识完整讲解
- 定时器Timer和Ticker
- 075-SSH遇到不能登陆的情况
- DCMTK:DSRDocument类的测试程序
- 查询缓存---Mybatis学习笔记(十)
- P7137-[THUPC2021 初赛]切切糕【dp】
- Linux下shell脚本指定程序运行时长
- Node.js安装及环境配置之Windows篇
- 多域名解析及延伸知识点
- form表单重复提交
- 做数据分析的女孩子,职业发展在哪?数据分析枯燥吗?
- 数据库系统概论(第五版) 王珊 第一章课后习题答案
- 时序分析 30 金融资产预测 - 蒙特卡洛模拟
- linuxmint/ubuntu修改主机名hostnam
- AS3多线程快速入门(三):NAPE物理引擎+Starling[译]
- 【元胞自动机】基于元胞自动机模拟交通事故道路通行量matlab源码