esp32-cam拍照上传,app inventor 制作安卓app实时显示

  • 1、ESP32-cam开发环境配置
  • 2 、程序下载
    • 连线
  • 3、 控制台查看图片
  • 第四、app 开发

1、ESP32-cam开发环境配置

本例程 是利用arduino IDE开发,关于arduino IDE 的esp32环境配置可参考:环境配置: 点击跳转

安装好esp32 环境,开发板选择esp32 wrover module开发板,其他默认即可。

2 、程序下载

示例程序下载:点击下载

需要修改的信息有WIF名称,WIFI密码,用户私钥UID,设备主题topic。

/*********************需要修改的地方**********************/const char* ssid = "newhtc";           //WIFI名称
const char* password = "qq123456";     //WIFI密码
int capture_interval = 20*1000;        // 默认20秒上传一次,可更改(本项目是自动上传,如需条件触发上传,在需要上传的时候,调用take_send_photo()即可)
const char*  post_url = "http://images.bemfa.com/upload/v1/upimages.php"; // 默认上传地址
const char*  uid = "4d9ec352e0376f2110a0c601a2857225";    //用户私钥,巴法云控制台获取
const char*  topic = "mypicture";     //主题名字,可在控制台 "图片" 处新建/********************************************************/

用户私钥可以巴法云控制台 点击跳转 获取,注册登陆即可在巴法云控制台获取。https://cloud.bemfa.com/tcp/images.html

关于主题topic:主题可在控制台图云处创建, 点击跳转 新建,字母+数字自定义组合即可。

连线


注意:下载的时候 ESP32-cam的io0要接GND,下载结束后,必须断开io0和GND的连接。

在arduino IDE 点击烧录上传,然后需要按一下esp32-cam的reset按键,程序才会下载。下载完成后,断开io0的连线,再按一下reset按键,就退出下载模式了,即可正常使用。注意:由于部分电脑USB电压不稳,会导致esp32反复重启,可使用充电宝等供电。

如果WIFI信息正常,esp32就会自动连接wifi,并进行拍照上传,默认20秒上传一次,可自行修改频率,或者更改为触发条件拍照,需要拍照上传的时候,调用一下take_send_photo()函数即可,比如

if(引脚==高电平)
{take_send_photo();
}

3、 控制台查看图片

登陆巴法云控制台,点击进入图云,即可查看到已经上传的图片,双击可查看大图。


第四、app 开发

安装appInventor 点击安装

本操作只提供一个app的demo,界面过于丑陋,大家可自由发挥更改界面。

demo 下载 点击下载

顶部导航栏,依次点击(项目–>导入项目aia),选择上一步骤下载的aia文件导入即可。点击导入的项目,即可看到控制面板,面板主要分为在组建设计和逻辑设计,用户可在右上角进行模式切换。

(组建设计)面板可以向屏幕添加组建以进行二次开发。(逻辑面板)则进行相关逻辑编写。


导入aia文件后,如果只是简单使用,只需要修改两个地方,一个是主题名字,一个是UID,均需开发者置换成自己的topic(主题名字)和UID(用户私钥),均可在巴法云控制台获取点击跳转。

此处的主题topic应该和esp32cam 图片上传中的图片主题,程序里面设定的主题修改为一样,不然会收不到图片。UID修改为自己的私钥。


控制逻辑

当按钮’刷新’被点击,会通过http接口获取图片链接。

esp32-cam拍照上传,app inventor 制作安卓app实时显示相关推荐

  1. 利用ESP8266制作环境监测系统+APP inventor制作手机App实时显示

    利用ESP8266制作环境监测系统+APP inventor制作手机App实时显示 原理讲解 ESP8266读取各种传感器数值 传感器数据推送到云端 app inventor 制作app 接收实时数据 ...

  2. (开源)STC89c51结合ESP8266制作物联网环境监测系统+APP inventor制作手机App实时显示

    STC89c51结合ESP8266制作物联网环境监测系统+APP inventor制作手机App实时显示 第一 .先上效果图 第二.原理讲解 第三.c51读取各种传感器数值 第四.传感器数据推送到云端 ...

  3. (远程控制)App inventor 编写安卓app控制 ESP8266

    (远程控制)App inventor 编写安卓app控制 ESP8266 第一 下载ESP8266示例(arduino ide 编程开发) 第二 修改demo例程 第三 app inventor 开发 ...

  4. pandorabox php,Openwrt Pandorabox 挂载摄像头 定时拍照上传百度网盘,实现实时监控(优酷路由宝)...

    事情是这样的:三四年前为了实现一个200米左右的组网,到anywlan 恩山 Openwrt论坛等等学习了各种路由器固件,期间玩过基于Openwrt的wifi小车. 玩过一些路由器  DB120 网件 ...

  5. udp服务器实时显示温湿度,(可远程)ESP8266读DHT11温湿度,APP inventor制作app实时显示...

    原理讲解 原理简述:利用发布订阅模式.第一步,先读取DHT11温湿度数值,第二步,新建主题,然后esp8266往这个主题发送消息,第三步.app inventor 订阅这个主题,因为app inven ...

  6. (可远程)ESP8266读DHT11温湿度,APP inventor制作app实时显示

    ESP8266读DHT11温湿度传感器------APP inventor实时显示 原理讲解 ESP8266读取DHT11 温湿度推送到云端 app inventor 制作app 接收实时数据 关键程 ...

  7. 制作esp32-cam拍照上传,微信小程序照片显示的监控小车

    前期配件准备 ESP32-CAM开发环境配置 程序下载 连接小车 控制台查看图片 微信小程序的开发 1.前期配件准备 小车套件(网上购买即可,较为方便的选择) ESP32-CAM (推荐安信可,外加T ...

  8. 上传图片配置控制大小_esp32-cam拍照上传云平台,http协议传输

    1.ESP32-cam开发环境配置 本例程 是利用arduino IDE开发,关于arduino IDE 的esp32环境配置可参考:环境配置: 点击跳转 安装好esp32 环境,开发板选择esp32 ...

  9. HTML5 实现手机拍照上传

    2019独角兽企业重金招聘Python工程师标准>>> 背景:移动端H5项目,需要实现调用手机拍照,并将图片压缩上传功能. 页面样式: 上传图片有原生的方法<input typ ...

最新文章

  1. cdn属于一种技术吗
  2. tensorflow 利用索引获取tensor特定元素
  3. 【百家稷学】图像识别,模型设计,人脸图像,摄影图像直播回放与资料下载(有三的书直播分享)...
  4. ArcGIS中的坐标系定义与转换 (转载)
  5. 第四代Express框架koa简介
  6. php改成IP连接数据库,thinkphp,pdo连接数据库,host自动被替换成了本机ip
  7. 解决a different object with the same identifier value was already associated with the session错误...
  8. mysql增量备份实例_MySQL增量备份与恢复实例
  9. 搞定mac的bashrc
  10. git 创建webpack项目_从 0 开始构建 webpack 项目【Webpack Book 翻译】
  11. SPI子系统分析之二:数据结构【转】
  12. NB50/60 TJ1/TK1 模具 黑苹果保姆级教程整理
  13. spyder pyecharts不显示_飞利浦292E2E评测丨宽屏显示器中的多面手
  14. win7为什么安装不了python_【如何在win7下安装Python及配置】电脑无法安装python
  15. 句柄php,什么是PHP句柄
  16. 研究7——发展与应用
  17. 富文本插件 和回显 vue-quill-editor
  18. try {}里有一个 return 语句,那么紧跟在这个 try 后的 finally {}里的 code 会不会被执行,什么时候被执行,在 return 前还是后?
  19. 数据分析方法-AARRR用户增长模型
  20. Django配置163邮箱出现 authentication failed(535)错误解决方法

热门文章

  1. 搜索 POJ2718
  2. H3C服务器web怎么修改密码,如何修改登录交换机WEB界面的密码?
  3. 计算机系统应用词汇书籍,小蜜蜂单词书
  4. 程序员,就要有一套自己的终极装备
  5. 属于微型计算机主要性能指示,历年软考程序员考试历年真题重点题
  6. 电脑连接手机热点,显示无Internet的解决方法
  7. 小学五年级计算机试题,小学五年级语文下册期中试卷2015(附答案)
  8. CSDN中空格的常用输入方法
  9. CO13N取消报工检查
  10. 运筹系列2:线性规划两阶段法python代码