add esp32 cam arduino example link

This commit is contained in:
Sean
2020-09-10 10:08:51 +08:00
parent c01bcb75db
commit d6da7a2807
12 changed files with 55 additions and 25 deletions
+12 -12
View File
@@ -1,17 +1,17 @@
const icon_list = {
"CORE":"https://static-cdn.m5stack.com/image/m5-docs_logo/core.webp",
"MODULE":"https://static-cdn.m5stack.com/image/m5-docs_logo/module.webp",
"BASE":"https://static-cdn.m5stack.com/image/m5-docs_logo/base.webp",
"STICK":"https://static-cdn.m5stack.com/image/m5-docs_logo/stick.webp",
"FACE":"https://static-cdn.m5stack.com/image/m5-docs_logo/base.webp",
"UNIT":"https://static-cdn.m5stack.com/image/m5-docs_logo/unit.webp",
"HAT":"https://static-cdn.m5stack.com/image/m5-docs_logo/hat.webp",
"ATOM":"https://static-cdn.m5stack.com/image/m5-docs_logo/atom.webp",
"APPLICATION":"https://static-cdn.m5stack.com/image/m5-docs_logo/application.webp",
"ACCESSORY":"https://static-cdn.m5stack.com/image/m5-docs_logo/accessory.webp",
"ALUMINIUM":"https://static-cdn.m5stack.com/image/m5-docs_logo/aluminium.webp",
"MINI-UNIT" : "https://static-cdn.m5stack.com/image/m5-docs_logo/mini-unit.webp",
"CORE":"https://static-cdn.m5stack.com/image/m5-docs_logo/core.png",
"MODULE":"https://static-cdn.m5stack.com/image/m5-docs_logo/module.png",
"BASE":"https://static-cdn.m5stack.com/image/m5-docs_logo/base.png",
"STICK":"https://static-cdn.m5stack.com/image/m5-docs_logo/stick.png",
"FACE":"https://static-cdn.m5stack.com/image/m5-docs_logo/base.png",
"UNIT":"https://static-cdn.m5stack.com/image/m5-docs_logo/unit.png",
"HAT":"https://static-cdn.m5stack.com/image/m5-docs_logo/hat.png",
"ATOM":"https://static-cdn.m5stack.com/image/m5-docs_logo/atom.png",
"APPLICATION":"https://static-cdn.m5stack.com/image/m5-docs_logo/application.png",
"ACCESSORY":"https://static-cdn.m5stack.com/image/m5-docs_logo/accessory.png",
"ALUMINIUM":"https://static-cdn.m5stack.com/image/m5-docs_logo/aluminium.png",
"MINI-UNIT" : "https://static-cdn.m5stack.com/image/m5-docs_logo/mini-unit.png",
"DESCRIPTION" : "el-icon-s-management",
"描述" : "el-icon-s-management",
"EASYLOADER":"el-icon-download",
+1 -1
View File
@@ -1,4 +1,4 @@
const icon_list={"CORE":"https://static-cdn.m5stack.com/image/m5-docs_logo/core.webp","MODULE":"https://static-cdn.m5stack.com/image/m5-docs_logo/module.webp","BASE":"https://static-cdn.m5stack.com/image/m5-docs_logo/base.webp","STICK":"https://static-cdn.m5stack.com/image/m5-docs_logo/stick.webp","FACE":"https://static-cdn.m5stack.com/image/m5-docs_logo/base.webp","UNIT":"https://static-cdn.m5stack.com/image/m5-docs_logo/unit.webp","HAT":"https://static-cdn.m5stack.com/image/m5-docs_logo/hat.webp","ATOM":"https://static-cdn.m5stack.com/image/m5-docs_logo/atom.webp","APPLICATION":"https://static-cdn.m5stack.com/image/m5-docs_logo/application.webp","ACCESSORY":"https://static-cdn.m5stack.com/image/m5-docs_logo/accessory.webp","ALUMINIUM":"https://static-cdn.m5stack.com/image/m5-docs_logo/aluminium.webp","MINI-UNIT":"https://static-cdn.m5stack.com/image/m5-docs_logo/mini-unit.webp","DESCRIPTION":"el-icon-s-management","描述":"el-icon-s-management","EASYLOADER":"el-icon-download","EXAMPLE":"el-icon-document-copy","案例程序":"el-icon-document-copy","SCHEMATIC":"el-icon-cpu","原理图":"el-icon-cpu","VIDEO":"el-icon-video-camera-solid","相关视频":"el-icon-video-camera-solid"};var header=new Vue({el:'#header',data:{homepage:'',faq_link:'',case_link:'',i2c_table:'',comparison_table:'',homepage_title:'',faq_title:'',case_title:'',product_list_title:'',language_list_title:'',platform_list_title:'',isCollapse:true,platform:{},activeIndex:'1',pdf_notify:'',anchorList:[],related_products:''},methods:{loading(str){const loading=this.$loading({lock:true,text:str,spinner:'el-icon-loading',background:'rgba(0, 0, 0, 0.7)'});this.loading_target=loading},done(){this.loading_target.close();},handleOpen(key,keyPath){$('#pc_anchor .el-menu-item.is-active').removeClass('is-active')},handleClose(key,keyPath){$('#pc_anchor .el-menu-item.is-active').removeClass('is-active')}},mounted(){this.loading('Loading')}})
const icon_list={"CORE":"https://static-cdn.m5stack.com/image/m5-docs_logo/core.png","MODULE":"https://static-cdn.m5stack.com/image/m5-docs_logo/module.png","BASE":"https://static-cdn.m5stack.com/image/m5-docs_logo/base.png","STICK":"https://static-cdn.m5stack.com/image/m5-docs_logo/stick.png","FACE":"https://static-cdn.m5stack.com/image/m5-docs_logo/base.png","UNIT":"https://static-cdn.m5stack.com/image/m5-docs_logo/unit.png","HAT":"https://static-cdn.m5stack.com/image/m5-docs_logo/hat.png","ATOM":"https://static-cdn.m5stack.com/image/m5-docs_logo/atom.png","APPLICATION":"https://static-cdn.m5stack.com/image/m5-docs_logo/application.png","ACCESSORY":"https://static-cdn.m5stack.com/image/m5-docs_logo/accessory.png","ALUMINIUM":"https://static-cdn.m5stack.com/image/m5-docs_logo/aluminium.png","MINI-UNIT":"https://static-cdn.m5stack.com/image/m5-docs_logo/mini-unit.png","DESCRIPTION":"el-icon-s-management","描述":"el-icon-s-management","EASYLOADER":"el-icon-download","EXAMPLE":"el-icon-document-copy","案例程序":"el-icon-document-copy","SCHEMATIC":"el-icon-cpu","原理图":"el-icon-cpu","VIDEO":"el-icon-video-camera-solid","相关视频":"el-icon-video-camera-solid"};var header=new Vue({el:'#header',data:{homepage:'',faq_link:'',case_link:'',i2c_table:'',comparison_table:'',homepage_title:'',faq_title:'',case_title:'',product_list_title:'',language_list_title:'',platform_list_title:'',isCollapse:true,platform:{},activeIndex:'1',pdf_notify:'',anchorList:[],related_products:''},methods:{loading(str){const loading=this.$loading({lock:true,text:str,spinner:'el-icon-loading',background:'rgba(0, 0, 0, 0.7)'});this.loading_target=loading},done(){this.loading_target.close();},handleOpen(key,keyPath){$('#pc_anchor .el-menu-item.is-active').removeClass('is-active')},handleClose(key,keyPath){$('#pc_anchor .el-menu-item.is-active').removeClass('is-active')}},mounted(){this.loading('Loading')}})
var zoom_image=new Vue({el:'#zoom_image',data:{url:'',srcList:[],show:false,index:0,rotate:0,width:580,scale:1},methods:{stopScroll(){var mo=function(e){e.preventDefault();};document.body.style.overflow='hidden';document.addEventListener("touchmove",mo,false);},canScroll(){var mo=function(e){e.preventDefault();};document.body.style.overflow='';document.removeEventListener("touchmove",mo,false);},close(){this.show=false;this.index=0;this.rotate=0;this.width=550;this.scale=1;this.canScroll();},next(){if(this.index>=this.srcList.length){this.index=0;}else{this.index++;}
this.url=this.srcList[this.index]},prev(){if(this.index<=0){this.index=this.srcList.length-1;}else{this.index--;}
this.url=this.srcList[this.index]},left(){this.rotate=this.rotate-90;},right(){this.rotate=this.rotate+90;},zoom_in(){this.width=this.width+50},zoom_out(){this.width=this.width-50},full(){this.width=this.width=800},rollImg(){if(event.wheelDelta>0){this.scale=this.scale+0.05;}else{this.scale=this.scale-0.05;}}},computed:{img_style:function(){return`transition:all 0.2s ease 0s;transform: scale(${this.scale}) rotate(${this.rotate}deg); margin-left: 0px; margin-top: 0px; max-height: 100%; max-width: 100%; width:${this.width}px;`}}})
+4
View File
@@ -182,6 +182,10 @@ what this software can do?
- **[Serial communication-M5Core](https://github.com/m5stack/M5Stack-Camera/tree/master/uart/arduino/uart)**The serial communication routine is the communication between the camera and the M5Core.
### Arduino
- **[ESP32CAM-Arduino](https://github.com/espressif/arduino-esp32/tree/master/libraries/ESP32/examples/Camera/CameraWebServer)**
## Video
**ESP32CAM Case - 01**
+3
View File
@@ -196,6 +196,9 @@ what this software can do?
- **[M5Camera](https://github.com/m5stack/M5Stack-Camera/tree/master/wifi/wifi_ap/firmware/M5Camera)**
### Arduino
- **[M5Camera-Arduino](https://github.com/espressif/arduino-esp32/tree/master/libraries/ESP32/examples/Camera/CameraWebServer)**
### Code
+6 -3
View File
@@ -191,6 +191,10 @@ what this software can do?
- **[M5Camera Firmware](https://github.com/m5stack/M5Stack-Camera/tree/master/wifi/wifi_ap/firmware/M5CameraF)**
### Arduino
- **[M5Camera-Arduino](https://github.com/espressif/arduino-esp32/tree/master/libraries/ESP32/examples/Camera/CameraWebServer)**
### Code
- **[Serial communication-M5CameraF](https://github.com/m5stack/M5Stack-Camera/tree/master/uart/firmware/M5CameraF)**
@@ -217,11 +221,10 @@ what this software can do?
### USB to serial port part of the circuit
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_schematic/unit/m5camera_sch_03.webp">
<!-- ### Example
- **[Color recognition](https://github.com/m5stack/Applications-cam)**
<!-- - **[Color recognition](https://github.com/m5stack/Applications-cam)**
- **[Face recognition](https://github.com/m5stack/esp-who)** -->
- **[Face recognition](https://github.com/m5stack/esp-who)** --> -->
<script>
+6 -3
View File
@@ -160,6 +160,10 @@ what this software can do?
- **[M5Camera Firmware](https://github.com/m5stack/M5Stack-Camera/tree/master/wifi/wifi_ap/firmware/M5CameraF)**
### Arduino
- **[M5Camera-Arduino](https://github.com/espressif/arduino-esp32/tree/master/libraries/ESP32/examples/Camera/CameraWebServer)**
### Code
- **[Serial communication-M5CameraF](https://github.com/m5stack/M5Stack-Camera/tree/master/uart/firmware/M5CameraF)**
@@ -185,10 +189,9 @@ what this software can do?
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_schematic/unit/m5camera_sch_03.webp">
- **[Color recognition](https://github.com/m5stack/Applications-cam)**
- **[Face recognition](https://github.com/m5stack/esp-who)** -->
<!-- - **[Color recognition](https://github.com/m5stack/Applications-cam)**
- **[Face recognition](https://github.com/m5stack/esp-who)** -->
<script>
+4
View File
@@ -187,6 +187,10 @@ what this software can do?
- **[M5CameraX Firmware](https://github.com/m5stack/M5Stack-Camera/tree/master/wifi/wifi_ap/firmware/M5CameraX)**
### Arduino
- **[M5Camera-Arduino](https://github.com/espressif/arduino-esp32/tree/master/libraries/ESP32/examples/Camera/CameraWebServer)**
### Code
- **[Face recognition](https://github.com/m5stack/M5Stack-Camera/tree/master/face_recognize/firmware/M5CameraX)**
+3
View File
@@ -176,11 +176,14 @@
- **[ESP32CAM 固件](https://github.com/m5stack/M5Stack-Camera/tree/master/wifi/wifi_ap/firmware/ESP32-Camera)**
- **[串口通信-ESP32CAM](https://github.com/m5stack/M5Stack-Camera/tree/master/uart/firmware/ESP32-Camera)**
- **[串口通信-M5Core](https://github.com/m5stack/M5Stack-Camera/tree/master/uart/arduino/uart)**(串口通信例程为,摄像头与M5Core之间通信)
### Arduino
- **[ESP32CAM-Arduino](https://github.com/espressif/arduino-esp32/tree/master/libraries/ESP32/examples/Camera/CameraWebServer)**
## 相关视频
+5 -1
View File
@@ -95,7 +95,7 @@
>1.EasyLoader是一个简洁快速的程序烧录器,每一个产品页面里的EasyLoader都提供了一个与产品相关的案例程序,通过简单步骤将其烧录至主控,能够进行一系列的功能验证.
>2.下载软件后,双击运行应用程序,将M5设备通过数据线连接至电脑,选择端口参数,点击 **"Burn"** 即可开始烧录.(**为M5StickC烧录时,请将波特率设置在750000或115200**)
>2.下载软件后,双击运行应用程序,将M5设备通过数据线连接至电脑,选择端口参数,点击 **"Burn"** 即可开始烧录.
?>3.目前EasyLoader仅适用于Windows操作系统、兼容M5体系采用ESP32作为控制核心的主机.在为M5Core烧录前需要安装CP210X驱动程序(使用M5StickC作为控制器的则无需安装)[点击此处查看驱动安装教程](zh_CN/related_documents/M5Burner#安装串口驱动)
@@ -184,6 +184,10 @@
- **[M5Camera](https://github.com/m5stack/M5Stack-Camera/tree/master/wifi/wifi_ap/firmware/M5Camera)**
### Arduino
- **[M5Camera-Arduino](https://github.com/espressif/arduino-esp32/tree/master/libraries/ESP32/examples/Camera/CameraWebServer)**
### 例程
- **[人脸识别](https://github.com/m5stack/M5Stack-Camera/tree/master/face_recognize/firmware/M5Camera)**
+4
View File
@@ -192,6 +192,10 @@
<img src="assets/img/product_pics/unit/unit_m5camera_f_06.webp" width="50%" height="50%">
### Arduino
- **[M5Camera-Arduino](https://github.com/espressif/arduino-esp32/tree/master/libraries/ESP32/examples/Camera/CameraWebServer)**
### 例程
- **[串口通信-M5CameraF](https://github.com/m5stack/M5Stack-Camera/tree/master/uart/firmware/M5CameraF)**
+4
View File
@@ -159,6 +159,10 @@
<img src="assets/img/product_pics/unit/unit_m5camera_f_06.webp" width="50%" height="50%">
### Arduino
- **[M5Camera-Arduino](https://github.com/espressif/arduino-esp32/tree/master/libraries/ESP32/examples/Camera/CameraWebServer)**
### 例程
- **[串口通信-M5CameraF](https://github.com/m5stack/M5Stack-Camera/tree/master/uart/firmware/M5CameraF)**
+3 -5
View File
@@ -15,10 +15,6 @@
- 打开手机浏览器,访问<mark>192.168.4.1</mark>,进入监控页面实时获取拍摄视频.
- 视频帧率大约在每秒5-6帧.
<!-- <img src="assets/img/product_pics/unit/unit_m5camera_05.webp" width="100%" height="100%"><img src="assets/img/product_pics/unit/unit_m5camera_06.webp" width="100%" height="100%">
<img src="assets/img/product_pics/unit/unit_m5camera_04.webp"> -->
因为模块可以生成 WIFI 热点 AP,所以可以用手机、PC 或其他设备通过 WIFI 无线获取摄像头图片,也可以通过模块的 GROVE 接口有线获取摄像头图片。目前可以实现网络摄像头、颜色识别和人脸识别功能。
## 产品特性
@@ -183,7 +179,9 @@
- **[M5CameraX 固件](https://github.com/m5stack/M5Stack-Camera/tree/master/wifi/wifi_ap/firmware/M5CameraX)**
<!-- <img src="assets/img/product_pics/unit/unit_m5camera_f_06.webp" width="50%" height="50%"> -->
### Arduino
- **[M5Camera-Arduino](https://github.com/espressif/arduino-esp32/tree/master/libraries/ESP32/examples/Camera/CameraWebServer)**
### 例程