WiFi+4G摄像头拍照图传模块(夜视2K高清1080P)-使用浏览器实时查看图片
<p><iframe name="ifd" src="https://mnifdv.cn/resource/cnblogs/product/audioCamera.html" frameborder="0" scrolling="auto" width="100%" height="1500"></iframe></p>
说明
这一节测试一下在手机浏览器或者电脑浏览器上浏览摄像头图片
下面是我使用手机浏览器访问的
提示
如果用户想把这个功能移植到别的工程里面,可以把对应的.c和.h文件放到和 自己工程的main.c文件同一目录
然后先清理工程再编译就可以使用了;
测试
1,把这节工程放到开发环境的下面的目录,并打开工程
2,在文件中更改连接的路由器和设备热点
提示:如果没有路由器同样设置为APSTA模式也没关系;
如果有路由器做测试的话,可以局域网内访问到摄像头;
3,编译下载到设备
设备连接上路由器以后日志上将会打印连接路由器后分配的IP地址; 没有路由器的话也没关系,下面测试连接设备的热点也可以;
有路由器的话,记住设备分配的IP, 后面测试用到,我的是192.168.0.100
4,打开手机,连接设备的热点
5,然后在手机浏览器上输入 192.168.4.1
6,如果使用了路由器, 使用电脑或者手机也连接这个路由器,然后在浏览器输入
注意:这是上面设备连接路由器后分配的IP,我的是192.168.0.100; 大家根据自己的填写
7,提示
如果想临时远程查看下,可以使用花生壳,或者路由器的DMZ主机;
程序说明
1,初始化WiFi, http 服务器
2.初始化摄像头; 启动http 服务器
3.有客户端连接会进入这个函数
把图片发送到http 客户端
4.详细的知识点可以看这个
代码是直接使用SDK的http server, 底层封装起来了, 但是呢实际上还是tcp服务器+http协议;
.
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
2020-01-14 数据库: Python连接数据库实现增 删 改 查 操作
2020-01-14 数据库: PHP使用PDO连接数据库实现增 删 改 查 操作
2020-01-14 数据库: C#使用MySql.Data.6.9.12连接数据库实现增 删 该 查 操作
2020-01-14 数据库: Android使用JDBC连接数据库实现增 删 该 查 操作(5.0版本)